/* Minification failed. Returning unminified contents. (7071,17): run-time error CSS1038: Expected hex color, found '#0006' */ /*! * Font Awesome 4.7.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('../fonts/fontawesome-webfont3e6e.eot?v=4.7.0');src:url('../fonts/fontawesome-webfontd41d.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont3e6e.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont3e6e.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.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}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} @-webkit-keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes wrench{0%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}8%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}10%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}18%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}20%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}28%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}30%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}38%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}40%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}48%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}50%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}58%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}60%{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}68%{-webkit-transform:rotate(24deg);transform:rotate(24deg)}100%,75%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes ring{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}2%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}4%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}6%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}8%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}10%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}12%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}14%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}18%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}100%,20%{-webkit-transform:rotate(0);transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}@-webkit-keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes vertical{0%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}4%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}8%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}12%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}16%{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}20%{-webkit-transform:translate(0,3px);transform:translate(0,3px)}100%,22%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 4s ease infinite;animation:vertical 4s ease infinite}@-webkit-keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes horizontal{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}6%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}12%{-webkit-transform:translate(0,0);transform:translate(0,0)}18%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}24%{-webkit-transform:translate(0,0);transform:translate(0,0)}30%{-webkit-transform:translate(5px,0);transform:translate(5px,0)}100%,36%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.2s linear infinite;animation:spin 2.2s linear infinite}@-webkit-keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes float{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.2s ease infinite;animation:wrench 1.2s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.7s ease infinite;animation:wrench 3.7s ease infinite}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-8deg);transform:scale(.9) rotate(-8deg)}30%,50%,70%{-webkit-transform:scale(1.3) rotate(8deg);transform:scale(1.3) rotate(8deg)}40%,60%{-webkit-transform:scale(1.3) rotate(-8deg);transform:scale(1.3) rotate(-8deg)}100%,80%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}@keyframes passing{0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}@-webkit-keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{-webkit-transform:translateX(50%);transform:translateX(50%);opacity:0}50%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing-reverse,.faa-passing-reverse.animated,.faa-passing-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-fast,.faa-passing-reverse.animated-hover.faa-fast:hover,.faa-passing-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing-reverse.faa-slow,.faa-passing-reverse.animated-hover.faa-slow:hover,.faa-passing-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}@keyframes falling{0%{-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}50%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(50%);transform:translateY(50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite} @font-face { font-family: 'themify'; src: url('../fonts/themify9f24.eot?-fvbane'); src: url('../fonts/themifyd41d.eot?#iefix-fvbane') format('embedded-opentype'), url('../fonts/themify9f24.woff?-fvbane') format('woff'), url('../fonts/themify9f24.ttf?-fvbane') format('truetype'), url('../fonts/themify9f24.svg?-fvbane#themify') format('svg'); font-weight: normal; font-style: normal; } [class^="ti-"], [class*=" ti-"] { font-family: 'themify'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ti-wand:before { content: "\e600"; } .ti-volume:before { content: "\e601"; } .ti-user:before { content: "\e602"; } .ti-unlock:before { content: "\e603"; } .ti-unlink:before { content: "\e604"; } .ti-trash:before { content: "\e605"; } .ti-thought:before { content: "\e606"; } .ti-target:before { content: "\e607"; } .ti-tag:before { content: "\e608"; } .ti-tablet:before { content: "\e609"; } .ti-star:before { content: "\e60a"; } .ti-spray:before { content: "\e60b"; } .ti-signal:before { content: "\e60c"; } .ti-shopping-cart:before { content: "\e60d"; } .ti-shopping-cart-full:before { content: "\e60e"; } .ti-settings:before { content: "\e60f"; } .ti-search:before { content: "\e610"; } .ti-zoom-in:before { content: "\e611"; } .ti-zoom-out:before { content: "\e612"; } .ti-cut:before { content: "\e613"; } .ti-ruler:before { content: "\e614"; } .ti-ruler-pencil:before { content: "\e615"; } .ti-ruler-alt:before { content: "\e616"; } .ti-bookmark:before { content: "\e617"; } .ti-bookmark-alt:before { content: "\e618"; } .ti-reload:before { content: "\e619"; } .ti-plus:before { content: "\e61a"; } .ti-pin:before { content: "\e61b"; } .ti-pencil:before { content: "\e61c"; } .ti-pencil-alt:before { content: "\e61d"; } .ti-paint-roller:before { content: "\e61e"; } .ti-paint-bucket:before { content: "\e61f"; } .ti-na:before { content: "\e620"; } .ti-mobile:before { content: "\e621"; } .ti-minus:before { content: "\e622"; } .ti-medall:before { content: "\e623"; } .ti-medall-alt:before { content: "\e624"; } .ti-marker:before { content: "\e625"; } .ti-marker-alt:before { content: "\e626"; } .ti-arrow-up:before { content: "\e627"; } .ti-arrow-right:before { content: "\e628"; } .ti-arrow-left:before { content: "\e629"; } .ti-arrow-down:before { content: "\e62a"; } .ti-lock:before { content: "\e62b"; } .ti-location-arrow:before { content: "\e62c"; } .ti-link:before { content: "\e62d"; } .ti-layout:before { content: "\e62e"; } .ti-layers:before { content: "\e62f"; } .ti-layers-alt:before { content: "\e630"; } .ti-key:before { content: "\e631"; } .ti-import:before { content: "\e632"; } .ti-image:before { content: "\e633"; } .ti-heart:before { content: "\e634"; } .ti-heart-broken:before { content: "\e635"; } .ti-hand-stop:before { content: "\e636"; } .ti-hand-open:before { content: "\e637"; } .ti-hand-drag:before { content: "\e638"; } .ti-folder:before { content: "\e639"; } .ti-flag:before { content: "\e63a"; } .ti-flag-alt:before { content: "\e63b"; } .ti-flag-alt-2:before { content: "\e63c"; } .ti-eye:before { content: "\e63d"; } .ti-export:before { content: "\e63e"; } .ti-exchange-vertical:before { content: "\e63f"; } .ti-desktop:before { content: "\e640"; } .ti-cup:before { content: "\e641"; } .ti-crown:before { content: "\e642"; } .ti-comments:before { content: "\e643"; } .ti-comment:before { content: "\e644"; } .ti-comment-alt:before { content: "\e645"; } .ti-close:before { content: "\e646"; } .ti-clip:before { content: "\e647"; } .ti-angle-up:before { content: "\e648"; } .ti-angle-right:before { content: "\e649"; } .ti-angle-left:before { content: "\e64a"; } .ti-angle-down:before { content: "\e64b"; } .ti-check:before { content: "\e64c"; } .ti-check-box:before { content: "\e64d"; } .ti-camera:before { content: "\e64e"; } .ti-announcement:before { content: "\e64f"; } .ti-brush:before { content: "\e650"; } .ti-briefcase:before { content: "\e651"; } .ti-bolt:before { content: "\e652"; } .ti-bolt-alt:before { content: "\e653"; } .ti-blackboard:before { content: "\e654"; } .ti-bag:before { content: "\e655"; } .ti-move:before { content: "\e656"; } .ti-arrows-vertical:before { content: "\e657"; } .ti-arrows-horizontal:before { content: "\e658"; } .ti-fullscreen:before { content: "\e659"; } .ti-arrow-top-right:before { content: "\e65a"; } .ti-arrow-top-left:before { content: "\e65b"; } .ti-arrow-circle-up:before { content: "\e65c"; } .ti-arrow-circle-right:before { content: "\e65d"; } .ti-arrow-circle-left:before { content: "\e65e"; } .ti-arrow-circle-down:before { content: "\e65f"; } .ti-angle-double-up:before { content: "\e660"; } .ti-angle-double-right:before { content: "\e661"; } .ti-angle-double-left:before { content: "\e662"; } .ti-angle-double-down:before { content: "\e663"; } .ti-zip:before { content: "\e664"; } .ti-world:before { content: "\e665"; } .ti-wheelchair:before { content: "\e666"; } .ti-view-list:before { content: "\e667"; } .ti-view-list-alt:before { content: "\e668"; } .ti-view-grid:before { content: "\e669"; } .ti-uppercase:before { content: "\e66a"; } .ti-upload:before { content: "\e66b"; } .ti-underline:before { content: "\e66c"; } .ti-truck:before { content: "\e66d"; } .ti-timer:before { content: "\e66e"; } .ti-ticket:before { content: "\e66f"; } .ti-thumb-up:before { content: "\e670"; } .ti-thumb-down:before { content: "\e671"; } .ti-text:before { content: "\e672"; } .ti-stats-up:before { content: "\e673"; } .ti-stats-down:before { content: "\e674"; } .ti-split-v:before { content: "\e675"; } .ti-split-h:before { content: "\e676"; } .ti-smallcap:before { content: "\e677"; } .ti-shine:before { content: "\e678"; } .ti-shift-right:before { content: "\e679"; } .ti-shift-left:before { content: "\e67a"; } .ti-shield:before { content: "\e67b"; } .ti-notepad:before { content: "\e67c"; } .ti-server:before { content: "\e67d"; } .ti-quote-right:before { content: "\e67e"; } .ti-quote-left:before { content: "\e67f"; } .ti-pulse:before { content: "\e680"; } .ti-printer:before { content: "\e681"; } .ti-power-off:before { content: "\e682"; } .ti-plug:before { content: "\e683"; } .ti-pie-chart:before { content: "\e684"; } .ti-paragraph:before { content: "\e685"; } .ti-panel:before { content: "\e686"; } .ti-package:before { content: "\e687"; } .ti-music:before { content: "\e688"; } .ti-music-alt:before { content: "\e689"; } .ti-mouse:before { content: "\e68a"; } .ti-mouse-alt:before { content: "\e68b"; } .ti-money:before { content: "\e68c"; } .ti-microphone:before { content: "\e68d"; } .ti-menu:before { content: "\e68e"; } .ti-menu-alt:before { content: "\e68f"; } .ti-map:before { content: "\e690"; } .ti-map-alt:before { content: "\e691"; } .ti-loop:before { content: "\e692"; } .ti-location-pin:before { content: "\e693"; } .ti-list:before { content: "\e694"; } .ti-light-bulb:before { content: "\e695"; } .ti-Italic:before { content: "\e696"; } .ti-info:before { content: "\e697"; } .ti-infinite:before { content: "\e698"; } .ti-id-badge:before { content: "\e699"; } .ti-hummer:before { content: "\e69a"; } .ti-home:before { content: "\e69b"; } .ti-help:before { content: "\e69c"; } .ti-headphone:before { content: "\e69d"; } .ti-harddrives:before { content: "\e69e"; } .ti-harddrive:before { content: "\e69f"; } .ti-gift:before { content: "\e6a0"; } .ti-game:before { content: "\e6a1"; } .ti-filter:before { content: "\e6a2"; } .ti-files:before { content: "\e6a3"; } .ti-file:before { content: "\e6a4"; } .ti-eraser:before { content: "\e6a5"; } .ti-envelope:before { content: "\e6a6"; } .ti-download:before { content: "\e6a7"; } .ti-direction:before { content: "\e6a8"; } .ti-direction-alt:before { content: "\e6a9"; } .ti-dashboard:before { content: "\e6aa"; } .ti-control-stop:before { content: "\e6ab"; } .ti-control-shuffle:before { content: "\e6ac"; } .ti-control-play:before { content: "\e6ad"; } .ti-control-pause:before { content: "\e6ae"; } .ti-control-forward:before { content: "\e6af"; } .ti-control-backward:before { content: "\e6b0"; } .ti-cloud:before { content: "\e6b1"; } .ti-cloud-up:before { content: "\e6b2"; } .ti-cloud-down:before { content: "\e6b3"; } .ti-clipboard:before { content: "\e6b4"; } .ti-car:before { content: "\e6b5"; } .ti-calendar:before { content: "\e6b6"; } .ti-book:before { content: "\e6b7"; } .ti-bell:before { content: "\e6b8"; } .ti-basketball:before { content: "\e6b9"; } .ti-bar-chart:before { content: "\e6ba"; } .ti-bar-chart-alt:before { content: "\e6bb"; } .ti-back-right:before { content: "\e6bc"; } .ti-back-left:before { content: "\e6bd"; } .ti-arrows-corner:before { content: "\e6be"; } .ti-archive:before { content: "\e6bf"; } .ti-anchor:before { content: "\e6c0"; } .ti-align-right:before { content: "\e6c1"; } .ti-align-left:before { content: "\e6c2"; } .ti-align-justify:before { content: "\e6c3"; } .ti-align-center:before { content: "\e6c4"; } .ti-alert:before { content: "\e6c5"; } .ti-alarm-clock:before { content: "\e6c6"; } .ti-agenda:before { content: "\e6c7"; } .ti-write:before { content: "\e6c8"; } .ti-window:before { content: "\e6c9"; } .ti-widgetized:before { content: "\e6ca"; } .ti-widget:before { content: "\e6cb"; } .ti-widget-alt:before { content: "\e6cc"; } .ti-wallet:before { content: "\e6cd"; } .ti-video-clapper:before { content: "\e6ce"; } .ti-video-camera:before { content: "\e6cf"; } .ti-vector:before { content: "\e6d0"; } .ti-themify-logo:before { content: "\e6d1"; } .ti-themify-favicon:before { content: "\e6d2"; } .ti-themify-favicon-alt:before { content: "\e6d3"; } .ti-support:before { content: "\e6d4"; } .ti-stamp:before { content: "\e6d5"; } .ti-split-v-alt:before { content: "\e6d6"; } .ti-slice:before { content: "\e6d7"; } .ti-shortcode:before { content: "\e6d8"; } .ti-shift-right-alt:before { content: "\e6d9"; } .ti-shift-left-alt:before { content: "\e6da"; } .ti-ruler-alt-2:before { content: "\e6db"; } .ti-receipt:before { content: "\e6dc"; } .ti-pin2:before { content: "\e6dd"; } .ti-pin-alt:before { content: "\e6de"; } .ti-pencil-alt2:before { content: "\e6df"; } .ti-palette:before { content: "\e6e0"; } .ti-more:before { content: "\e6e1"; } .ti-more-alt:before { content: "\e6e2"; } .ti-microphone-alt:before { content: "\e6e3"; } .ti-magnet:before { content: "\e6e4"; } .ti-line-double:before { content: "\e6e5"; } .ti-line-dotted:before { content: "\e6e6"; } .ti-line-dashed:before { content: "\e6e7"; } .ti-layout-width-full:before { content: "\e6e8"; } .ti-layout-width-default:before { content: "\e6e9"; } .ti-layout-width-default-alt:before { content: "\e6ea"; } .ti-layout-tab:before { content: "\e6eb"; } .ti-layout-tab-window:before { content: "\e6ec"; } .ti-layout-tab-v:before { content: "\e6ed"; } .ti-layout-tab-min:before { content: "\e6ee"; } .ti-layout-slider:before { content: "\e6ef"; } .ti-layout-slider-alt:before { content: "\e6f0"; } .ti-layout-sidebar-right:before { content: "\e6f1"; } .ti-layout-sidebar-none:before { content: "\e6f2"; } .ti-layout-sidebar-left:before { content: "\e6f3"; } .ti-layout-placeholder:before { content: "\e6f4"; } .ti-layout-menu:before { content: "\e6f5"; } .ti-layout-menu-v:before { content: "\e6f6"; } .ti-layout-menu-separated:before { content: "\e6f7"; } .ti-layout-menu-full:before { content: "\e6f8"; } .ti-layout-media-right-alt:before { content: "\e6f9"; } .ti-layout-media-right:before { content: "\e6fa"; } .ti-layout-media-overlay:before { content: "\e6fb"; } .ti-layout-media-overlay-alt:before { content: "\e6fc"; } .ti-layout-media-overlay-alt-2:before { content: "\e6fd"; } .ti-layout-media-left-alt:before { content: "\e6fe"; } .ti-layout-media-left:before { content: "\e6ff"; } .ti-layout-media-center-alt:before { content: "\e700"; } .ti-layout-media-center:before { content: "\e701"; } .ti-layout-list-thumb:before { content: "\e702"; } .ti-layout-list-thumb-alt:before { content: "\e703"; } .ti-layout-list-post:before { content: "\e704"; } .ti-layout-list-large-image:before { content: "\e705"; } .ti-layout-line-solid:before { content: "\e706"; } .ti-layout-grid4:before { content: "\e707"; } .ti-layout-grid3:before { content: "\e708"; } .ti-layout-grid2:before { content: "\e709"; } .ti-layout-grid2-thumb:before { content: "\e70a"; } .ti-layout-cta-right:before { content: "\e70b"; } .ti-layout-cta-left:before { content: "\e70c"; } .ti-layout-cta-center:before { content: "\e70d"; } .ti-layout-cta-btn-right:before { content: "\e70e"; } .ti-layout-cta-btn-left:before { content: "\e70f"; } .ti-layout-column4:before { content: "\e710"; } .ti-layout-column3:before { content: "\e711"; } .ti-layout-column2:before { content: "\e712"; } .ti-layout-accordion-separated:before { content: "\e713"; } .ti-layout-accordion-merged:before { content: "\e714"; } .ti-layout-accordion-list:before { content: "\e715"; } .ti-ink-pen:before { content: "\e716"; } .ti-info-alt:before { content: "\e717"; } .ti-help-alt:before { content: "\e718"; } .ti-headphone-alt:before { content: "\e719"; } .ti-hand-point-up:before { content: "\e71a"; } .ti-hand-point-right:before { content: "\e71b"; } .ti-hand-point-left:before { content: "\e71c"; } .ti-hand-point-down:before { content: "\e71d"; } .ti-gallery:before { content: "\e71e"; } .ti-face-smile:before { content: "\e71f"; } .ti-face-sad:before { content: "\e720"; } .ti-credit-card:before { content: "\e721"; } .ti-control-skip-forward:before { content: "\e722"; } .ti-control-skip-backward:before { content: "\e723"; } .ti-control-record:before { content: "\e724"; } .ti-control-eject:before { content: "\e725"; } .ti-comments-smiley:before { content: "\e726"; } .ti-brush-alt:before { content: "\e727"; } .ti-youtube:before { content: "\e728"; } .ti-vimeo:before { content: "\e729"; } .ti-twitter:before { content: "\e72a"; } .ti-time:before { content: "\e72b"; } .ti-tumblr:before { content: "\e72c"; } .ti-skype:before { content: "\e72d"; } .ti-share:before { content: "\e72e"; } .ti-share-alt:before { content: "\e72f"; } .ti-rocket:before { content: "\e730"; } .ti-pinterest:before { content: "\e731"; } .ti-new-window:before { content: "\e732"; } .ti-microsoft:before { content: "\e733"; } .ti-list-ol:before { content: "\e734"; } .ti-linkedin:before { content: "\e735"; } .ti-layout-sidebar-2:before { content: "\e736"; } .ti-layout-grid4-alt:before { content: "\e737"; } .ti-layout-grid3-alt:before { content: "\e738"; } .ti-layout-grid2-alt:before { content: "\e739"; } .ti-layout-column4-alt:before { content: "\e73a"; } .ti-layout-column3-alt:before { content: "\e73b"; } .ti-layout-column2-alt:before { content: "\e73c"; } .ti-instagram:before { content: "\e73d"; } .ti-google:before { content: "\e73e"; } .ti-github:before { content: "\e73f"; } .ti-flickr:before { content: "\e740"; } .ti-facebook:before { content: "\e741"; } .ti-dropbox:before { content: "\e742"; } .ti-dribbble:before { content: "\e743"; } .ti-apple:before { content: "\e744"; } .ti-android:before { content: "\e745"; } .ti-save:before { content: "\e746"; } .ti-save-alt:before { content: "\e747"; } .ti-yahoo:before { content: "\e748"; } .ti-wordpress:before { content: "\e749"; } .ti-vimeo-alt:before { content: "\e74a"; } .ti-twitter-alt:before { content: "\e74b"; } .ti-tumblr-alt:before { content: "\e74c"; } .ti-trello:before { content: "\e74d"; } .ti-stack-overflow:before { content: "\e74e"; } .ti-soundcloud:before { content: "\e74f"; } .ti-sharethis:before { content: "\e750"; } .ti-sharethis-alt:before { content: "\e751"; } .ti-reddit:before { content: "\e752"; } .ti-pinterest-alt:before { content: "\e753"; } .ti-microsoft-alt:before { content: "\e754"; } .ti-linux:before { content: "\e755"; } .ti-jsfiddle:before { content: "\e756"; } .ti-joomla:before { content: "\e757"; } .ti-html5:before { content: "\e758"; } .ti-flickr-alt:before { content: "\e759"; } .ti-email:before { content: "\e75a"; } .ti-drupal:before { content: "\e75b"; } .ti-dropbox-alt:before { content: "\e75c"; } .ti-css3:before { content: "\e75d"; } .ti-rss:before { content: "\e75e"; } .ti-rss-alt:before { content: "\e75f"; } @font-face { font-family: 'ElegantIcons'; src:url('../fonts/ElegantIcons.eot'); src:url('../fonts/ElegantIconsd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/ElegantIcons.woff') format('woff'), url('../fonts/ElegantIcons.ttf') format('truetype'), url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'ElegantIcons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="your-class-prefix"] { */ .arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard { font-family: 'ElegantIcons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .arrow_up:before { content: "\21"; } .arrow_down:before { content: "\22"; } .arrow_left:before { content: "\23"; } .arrow_right:before { content: "\24"; } .arrow_left-up:before { content: "\25"; } .arrow_right-up:before { content: "\26"; } .arrow_right-down:before { content: "\27"; } .arrow_left-down:before { content: "\28"; } .arrow-up-down:before { content: "\29"; } .arrow_up-down_alt:before { content: "\2a"; } .arrow_left-right_alt:before { content: "\2b"; } .arrow_left-right:before { content: "\2c"; } .arrow_expand_alt2:before { content: "\2d"; } .arrow_expand_alt:before { content: "\2e"; } .arrow_condense:before { content: "\2f"; } .arrow_expand:before { content: "\30"; } .arrow_move:before { content: "\31"; } .arrow_carrot-up:before { content: "\32"; } .arrow_carrot-down:before { content: "\33"; } .arrow_carrot-left:before { content: "\34"; } .arrow_carrot-right:before { content: "\35"; } .arrow_carrot-2up:before { content: "\36"; } .arrow_carrot-2down:before { content: "\37"; } .arrow_carrot-2left:before { content: "\38"; } .arrow_carrot-2right:before { content: "\39"; } .arrow_carrot-up_alt2:before { content: "\3a"; } .arrow_carrot-down_alt2:before { content: "\3b"; } .arrow_carrot-left_alt2:before { content: "\3c"; } .arrow_carrot-right_alt2:before { content: "\3d"; } .arrow_carrot-2up_alt2:before { content: "\3e"; } .arrow_carrot-2down_alt2:before { content: "\3f"; } .arrow_carrot-2left_alt2:before { content: "\40"; } .arrow_carrot-2right_alt2:before { content: "\41"; } .arrow_triangle-up:before { content: "\42"; } .arrow_triangle-down:before { content: "\43"; } .arrow_triangle-left:before { content: "\44"; } .arrow_triangle-right:before { content: "\45"; } .arrow_triangle-up_alt2:before { content: "\46"; } .arrow_triangle-down_alt2:before { content: "\47"; } .arrow_triangle-left_alt2:before { content: "\48"; } .arrow_triangle-right_alt2:before { content: "\49"; } .arrow_back:before { content: "\4a"; } .icon_minus-06:before { content: "\4b"; } .icon_plus:before { content: "\4c"; } .icon_close:before { content: "\4d"; } .icon_check:before { content: "\4e"; } .icon_minus_alt2:before { content: "\4f"; } .icon_plus_alt2:before { content: "\50"; } .icon_close_alt2:before { content: "\51"; } .icon_check_alt2:before { content: "\52"; } .icon_zoom-out_alt:before { content: "\53"; } .icon_zoom-in_alt:before { content: "\54"; } .icon_search:before { content: "\55"; } .icon_box-empty:before { content: "\56"; } .icon_box-selected:before { content: "\57"; } .icon_minus-box:before { content: "\58"; } .icon_plus-box:before { content: "\59"; } .icon_box-checked:before { content: "\5a"; } .icon_circle-empty:before { content: "\5b"; } .icon_circle-slelected:before { content: "\5c"; } .icon_stop_alt2:before { content: "\5d"; } .icon_stop:before { content: "\5e"; } .icon_pause_alt2:before { content: "\5f"; } .icon_pause:before { content: "\60"; } .icon_menu:before { content: "\61"; } .icon_menu-square_alt2:before { content: "\62"; } .icon_menu-circle_alt2:before { content: "\63"; } .icon_ul:before { content: "\64"; } .icon_ol:before { content: "\65"; } .icon_adjust-horiz:before { content: "\66"; } .icon_adjust-vert:before { content: "\67"; } .icon_document_alt:before { content: "\68"; } .icon_documents_alt:before { content: "\69"; } .icon_pencil:before { content: "\6a"; } .icon_pencil-edit_alt:before { content: "\6b"; } .icon_pencil-edit:before { content: "\6c"; } .icon_folder-alt:before { content: "\6d"; } .icon_folder-open_alt:before { content: "\6e"; } .icon_folder-add_alt:before { content: "\6f"; } .icon_info_alt:before { content: "\70"; } .icon_error-oct_alt:before { content: "\71"; } .icon_error-circle_alt:before { content: "\72"; } .icon_error-triangle_alt:before { content: "\73"; } .icon_question_alt2:before { content: "\74"; } .icon_question:before { content: "\75"; } .icon_comment_alt:before { content: "\76"; } .icon_chat_alt:before { content: "\77"; } .icon_vol-mute_alt:before { content: "\78"; } .icon_volume-low_alt:before { content: "\79"; } .icon_volume-high_alt:before { content: "\7a"; } .icon_quotations:before { content: "\7b"; } .icon_quotations_alt2:before { content: "\7c"; } .icon_clock_alt:before { content: "\7d"; } .icon_lock_alt:before { content: "\7e"; } .icon_lock-open_alt:before { content: "\e000"; } .icon_key_alt:before { content: "\e001"; } .icon_cloud_alt:before { content: "\e002"; } .icon_cloud-upload_alt:before { content: "\e003"; } .icon_cloud-download_alt:before { content: "\e004"; } .icon_image:before { content: "\e005"; } .icon_images:before { content: "\e006"; } .icon_lightbulb_alt:before { content: "\e007"; } .icon_gift_alt:before { content: "\e008"; } .icon_house_alt:before { content: "\e009"; } .icon_genius:before { content: "\e00a"; } .icon_mobile:before { content: "\e00b"; } .icon_tablet:before { content: "\e00c"; } .icon_laptop:before { content: "\e00d"; } .icon_desktop:before { content: "\e00e"; } .icon_camera_alt:before { content: "\e00f"; } .icon_mail_alt:before { content: "\e010"; } .icon_cone_alt:before { content: "\e011"; } .icon_ribbon_alt:before { content: "\e012"; } .icon_bag_alt:before { content: "\e013"; } .icon_creditcard:before { content: "\e014"; } .icon_cart_alt:before { content: "\e015"; } .icon_paperclip:before { content: "\e016"; } .icon_tag_alt:before { content: "\e017"; } .icon_tags_alt:before { content: "\e018"; } .icon_trash_alt:before { content: "\e019"; } .icon_cursor_alt:before { content: "\e01a"; } .icon_mic_alt:before { content: "\e01b"; } .icon_compass_alt:before { content: "\e01c"; } .icon_pin_alt:before { content: "\e01d"; } .icon_pushpin_alt:before { content: "\e01e"; } .icon_map_alt:before { content: "\e01f"; } .icon_drawer_alt:before { content: "\e020"; } .icon_toolbox_alt:before { content: "\e021"; } .icon_book_alt:before { content: "\e022"; } .icon_calendar:before { content: "\e023"; } .icon_film:before { content: "\e024"; } .icon_table:before { content: "\e025"; } .icon_contacts_alt:before { content: "\e026"; } .icon_headphones:before { content: "\e027"; } .icon_lifesaver:before { content: "\e028"; } .icon_piechart:before { content: "\e029"; } .icon_refresh:before { content: "\e02a"; } .icon_link_alt:before { content: "\e02b"; } .icon_link:before { content: "\e02c"; } .icon_loading:before { content: "\e02d"; } .icon_blocked:before { content: "\e02e"; } .icon_archive_alt:before { content: "\e02f"; } .icon_heart_alt:before { content: "\e030"; } .icon_star_alt:before { content: "\e031"; } .icon_star-half_alt:before { content: "\e032"; } .icon_star:before { content: "\e033"; } .icon_star-half:before { content: "\e034"; } .icon_tools:before { content: "\e035"; } .icon_tool:before { content: "\e036"; } .icon_cog:before { content: "\e037"; } .icon_cogs:before { content: "\e038"; } .arrow_up_alt:before { content: "\e039"; } .arrow_down_alt:before { content: "\e03a"; } .arrow_left_alt:before { content: "\e03b"; } .arrow_right_alt:before { content: "\e03c"; } .arrow_left-up_alt:before { content: "\e03d"; } .arrow_right-up_alt:before { content: "\e03e"; } .arrow_right-down_alt:before { content: "\e03f"; } .arrow_left-down_alt:before { content: "\e040"; } .arrow_condense_alt:before { content: "\e041"; } .arrow_expand_alt3:before { content: "\e042"; } .arrow_carrot_up_alt:before { content: "\e043"; } .arrow_carrot-down_alt:before { content: "\e044"; } .arrow_carrot-left_alt:before { content: "\e045"; } .arrow_carrot-right_alt:before { content: "\e046"; } .arrow_carrot-2up_alt:before { content: "\e047"; } .arrow_carrot-2dwnn_alt:before { content: "\e048"; } .arrow_carrot-2left_alt:before { content: "\e049"; } .arrow_carrot-2right_alt:before { content: "\e04a"; } .arrow_triangle-up_alt:before { content: "\e04b"; } .arrow_triangle-down_alt:before { content: "\e04c"; } .arrow_triangle-left_alt:before { content: "\e04d"; } .arrow_triangle-right_alt:before { content: "\e04e"; } .icon_minus_alt:before { content: "\e04f"; } .icon_plus_alt:before { content: "\e050"; } .icon_close_alt:before { content: "\e051"; } .icon_check_alt:before { content: "\e052"; } .icon_zoom-out:before { content: "\e053"; } .icon_zoom-in:before { content: "\e054"; } .icon_stop_alt:before { content: "\e055"; } .icon_menu-square_alt:before { content: "\e056"; } .icon_menu-circle_alt:before { content: "\e057"; } .icon_document:before { content: "\e058"; } .icon_documents:before { content: "\e059"; } .icon_pencil_alt:before { content: "\e05a"; } .icon_folder:before { content: "\e05b"; } .icon_folder-open:before { content: "\e05c"; } .icon_folder-add:before { content: "\e05d"; } .icon_folder_upload:before { content: "\e05e"; } .icon_folder_download:before { content: "\e05f"; } .icon_info:before { content: "\e060"; } .icon_error-circle:before { content: "\e061"; } .icon_error-oct:before { content: "\e062"; } .icon_error-triangle:before { content: "\e063"; } .icon_question_alt:before { content: "\e064"; } .icon_comment:before { content: "\e065"; } .icon_chat:before { content: "\e066"; } .icon_vol-mute:before { content: "\e067"; } .icon_volume-low:before { content: "\e068"; } .icon_volume-high:before { content: "\e069"; } .icon_quotations_alt:before { content: "\e06a"; } .icon_clock:before { content: "\e06b"; } .icon_lock:before { content: "\e06c"; } .icon_lock-open:before { content: "\e06d"; } .icon_key:before { content: "\e06e"; } .icon_cloud:before { content: "\e06f"; } .icon_cloud-upload:before { content: "\e070"; } .icon_cloud-download:before { content: "\e071"; } .icon_lightbulb:before { content: "\e072"; } .icon_gift:before { content: "\e073"; } .icon_house:before { content: "\e074"; } .icon_camera:before { content: "\e075"; } .icon_mail:before { content: "\e076"; } .icon_cone:before { content: "\e077"; } .icon_ribbon:before { content: "\e078"; } .icon_bag:before { content: "\e079"; } .icon_cart:before { content: "\e07a"; } .icon_tag:before { content: "\e07b"; } .icon_tags:before { content: "\e07c"; } .icon_trash:before { content: "\e07d"; } .icon_cursor:before { content: "\e07e"; } .icon_mic:before { content: "\e07f"; } .icon_compass:before { content: "\e080"; } .icon_pin:before { content: "\e081"; } .icon_pushpin:before { content: "\e082"; } .icon_map:before { content: "\e083"; } .icon_drawer:before { content: "\e084"; } .icon_toolbox:before { content: "\e085"; } .icon_book:before { content: "\e086"; } .icon_contacts:before { content: "\e087"; } .icon_archive:before { content: "\e088"; } .icon_heart:before { content: "\e089"; } .icon_profile:before { content: "\e08a"; } .icon_group:before { content: "\e08b"; } .icon_grid-2x2:before { content: "\e08c"; } .icon_grid-3x3:before { content: "\e08d"; } .icon_music:before { content: "\e08e"; } .icon_pause_alt:before { content: "\e08f"; } .icon_phone:before { content: "\e090"; } .icon_upload:before { content: "\e091"; } .icon_download:before { content: "\e092"; } .social_facebook:before { content: "\e093"; } .social_twitter:before { content: "\e094"; } .social_pinterest:before { content: "\e095"; } .social_googleplus:before { content: "\e096"; } .social_tumblr:before { content: "\e097"; } .social_tumbleupon:before { content: "\e098"; } .social_wordpress:before { content: "\e099"; } .social_instagram:before { content: "\e09a"; } .social_dribbble:before { content: "\e09b"; } .social_vimeo:before { content: "\e09c"; } .social_linkedin:before { content: "\e09d"; } .social_rss:before { content: "\e09e"; } .social_deviantart:before { content: "\e09f"; } .social_share:before { content: "\e0a0"; } .social_myspace:before { content: "\e0a1"; } .social_skype:before { content: "\e0a2"; } .social_youtube:before { content: "\e0a3"; } .social_picassa:before { content: "\e0a4"; } .social_googledrive:before { content: "\e0a5"; } .social_flickr:before { content: "\e0a6"; } .social_blogger:before { content: "\e0a7"; } .social_spotify:before { content: "\e0a8"; } .social_delicious:before { content: "\e0a9"; } .social_facebook_circle:before { content: "\e0aa"; } .social_twitter_circle:before { content: "\e0ab"; } .social_pinterest_circle:before { content: "\e0ac"; } .social_googleplus_circle:before { content: "\e0ad"; } .social_tumblr_circle:before { content: "\e0ae"; } .social_stumbleupon_circle:before { content: "\e0af"; } .social_wordpress_circle:before { content: "\e0b0"; } .social_instagram_circle:before { content: "\e0b1"; } .social_dribbble_circle:before { content: "\e0b2"; } .social_vimeo_circle:before { content: "\e0b3"; } .social_linkedin_circle:before { content: "\e0b4"; } .social_rss_circle:before { content: "\e0b5"; } .social_deviantart_circle:before { content: "\e0b6"; } .social_share_circle:before { content: "\e0b7"; } .social_myspace_circle:before { content: "\e0b8"; } .social_skype_circle:before { content: "\e0b9"; } .social_youtube_circle:before { content: "\e0ba"; } .social_picassa_circle:before { content: "\e0bb"; } .social_googledrive_alt2:before { content: "\e0bc"; } .social_flickr_circle:before { content: "\e0bd"; } .social_blogger_circle:before { content: "\e0be"; } .social_spotify_circle:before { content: "\e0bf"; } .social_delicious_circle:before { content: "\e0c0"; } .social_facebook_square:before { content: "\e0c1"; } .social_twitter_square:before { content: "\e0c2"; } .social_pinterest_square:before { content: "\e0c3"; } .social_googleplus_square:before { content: "\e0c4"; } .social_tumblr_square:before { content: "\e0c5"; } .social_stumbleupon_square:before { content: "\e0c6"; } .social_wordpress_square:before { content: "\e0c7"; } .social_instagram_square:before { content: "\e0c8"; } .social_dribbble_square:before { content: "\e0c9"; } .social_vimeo_square:before { content: "\e0ca"; } .social_linkedin_square:before { content: "\e0cb"; } .social_rss_square:before { content: "\e0cc"; } .social_deviantart_square:before { content: "\e0cd"; } .social_share_square:before { content: "\e0ce"; } .social_myspace_square:before { content: "\e0cf"; } .social_skype_square:before { content: "\e0d0"; } .social_youtube_square:before { content: "\e0d1"; } .social_picassa_square:before { content: "\e0d2"; } .social_googledrive_square:before { content: "\e0d3"; } .social_flickr_square:before { content: "\e0d4"; } .social_blogger_square:before { content: "\e0d5"; } .social_spotify_square:before { content: "\e0d6"; } .social_delicious_square:before { content: "\e0d7"; } .icon_printer:before { content: "\e103"; } .icon_calulator:before { content: "\e0ee"; } .icon_building:before { content: "\e0ef"; } .icon_floppy:before { content: "\e0e8"; } .icon_drive:before { content: "\e0ea"; } .icon_search-2:before { content: "\e101"; } .icon_id:before { content: "\e107"; } .icon_id-2:before { content: "\e108"; } .icon_puzzle:before { content: "\e102"; } .icon_like:before { content: "\e106"; } .icon_dislike:before { content: "\e0eb"; } .icon_mug:before { content: "\e105"; } .icon_currency:before { content: "\e0ed"; } .icon_wallet:before { content: "\e100"; } .icon_pens:before { content: "\e104"; } .icon_easel:before { content: "\e0e9"; } .icon_flowchart:before { content: "\e109"; } .icon_datareport:before { content: "\e0ec"; } .icon_briefcase:before { content: "\e0fe"; } .icon_shield:before { content: "\e0f6"; } .icon_percent:before { content: "\e0fb"; } .icon_globe:before { content: "\e0e2"; } .icon_globe-2:before { content: "\e0e3"; } .icon_target:before { content: "\e0f5"; } .icon_hourglass:before { content: "\e0e1"; } .icon_balance:before { content: "\e0ff"; } .icon_rook:before { content: "\e0f8"; } .icon_printer-alt:before { content: "\e0fa"; } .icon_calculator_alt:before { content: "\e0e7"; } .icon_building_alt:before { content: "\e0fd"; } .icon_floppy_alt:before { content: "\e0e4"; } .icon_drive_alt:before { content: "\e0e5"; } .icon_search_alt:before { content: "\e0f7"; } .icon_id_alt:before { content: "\e0e0"; } .icon_id-2_alt:before { content: "\e0fc"; } .icon_puzzle_alt:before { content: "\e0f9"; } .icon_like_alt:before { content: "\e0dd"; } .icon_dislike_alt:before { content: "\e0f1"; } .icon_mug_alt:before { content: "\e0dc"; } .icon_currency_alt:before { content: "\e0f3"; } .icon_wallet_alt:before { content: "\e0d8"; } .icon_pens_alt:before { content: "\e0db"; } .icon_easel_alt:before { content: "\e0f0"; } .icon_flowchart_alt:before { content: "\e0df"; } .icon_datareport_alt:before { content: "\e0f2"; } .icon_briefcase_alt:before { content: "\e0f4"; } .icon_shield_alt:before { content: "\e0d9"; } .icon_percent_alt:before { content: "\e0da"; } .icon_globe_alt:before { content: "\e0de"; } .icon_clipboard:before { content: "\e0e6"; } .glyph { float: left; text-align: center; padding: .75em; margin: .4em 1.5em .75em 0; width: 6em; text-shadow: none; } .glyph_big { font-size: 128px; color: #59c5dc; float: left; margin-right: 20px; } .glyph div { padding-bottom: 10px;} .glyph input { font-family: consolas, monospace; font-size: 12px; width: 100%; text-align: center; border: 0; box-shadow: 0 0 0 1px #ccc; padding: .2em; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .centered { margin-left: auto; margin-right: auto; } .glyph .fs1 { font-size: 2em; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: url('../images/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('fonts/slick.html'); src: url('fonts/slickd41d.html?#iefix') format('embedded-opentype'), url('fonts/slick-2.html') format('woff'), url('fonts/slick-3.html') format('truetype'), url('fonts/slick-4.html#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* ============================================================================= HTML5 CSS Reset Minified - Eric Meyer ========================================================================== */ /* ============================================================================= My CSS ========================================================================== */ /* ---- base ---- */ html,body{ width:100%; height:100%; } html{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body{ font:normal 75% Arial, Helvetica, sans-serif; } canvas{ display:block; vertical-align:bottom; } /* ---- stats.js ---- */ .js-count-particles{ font-size: 2em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; } /* ---- particles.js container ---- */ #particles-js{ width: 100%; height: 100%; background-image: url(''); background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; background: #000; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s } @-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px) } } @keyframes bounce { 0%, 100%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px) } } .bounce { -webkit-animation-name: bounce; animation-name: bounce } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1) } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75) } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25) } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75) } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25) } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85) } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg) } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(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: scale(1); transform: scale(1) } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg) } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%); transform: translateX(0%) } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg) } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg) } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg) } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg) } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg) } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); transform: scale(.9) } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px) } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px) } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px) } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px) } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3) } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95) } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3) } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .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: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .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; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px) } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg) } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg) } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } } .flipInX { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg) } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg) } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } } .flipInY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1 } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .flipOutY { -webkit-backface-visibility: visible!important; -ms-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1 } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); 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% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1 } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) 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 center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1 } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px) } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px) } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px) } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px) } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px) } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(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: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-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: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0 } } .hinge { -webkit-animation-name: hinge; animation-name: hinge } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg) } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } /*---------------------------------------------------- @File: Default Styles @Author: Md. Shahadat Hussain @URL: https://themeforest.net/user/droitthemes This file contains the styling for the actual tempalte, this is the file you need to edit to change the look of the tempalte. ---------------------------------------------------- */ /*===================================================================== @Author: Md. Shahadat Hussain @Developed By: Masud Rana @Developer URL: https://themeforest.net/user/droitthemes @Default Styles /*----------------------------------------------------*/ /*Base font*/ .primary-color { color: #ffffff; } .brand-color { color: rgba(23, 24, 25, 0.6); } .dark { color: #1b1d22; } h1, h2, h3, h4, h5, h6, p { margin: 0; } .pop { font-family: "Poppins", sans-serif; } p { font-family: "Poppins", sans-serif; font-size: 16px; line-height: 30px; font-weight: normal; color: #555; } a { text-decoration: none; color: inherit; transition: all 0.3s; } .underline { text-decoration: underline !important; } .hover-color:hover { color: rgba(23, 24, 25, 0.6); } a:hover { color: rgba(23, 24, 25, 0.6); text-decoration: none; } a:focus { outline: none !important; } a.link { color: rgba(23, 24, 25, 0.6); } a.link:hover { color: rgba(23, 24, 25, 0.6) !important; } @font-face { font-family: 'futura_bdcn_btbold'; src: url("../fonts/futura/futura_bold_font.woff2") format("woff2"), url("../fonts/futura/futura_bold_font.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'futurabook'; src: url("../fonts/futura/futura_book_font.woff2") format("woff2"), url("../fonts/futura/futura_book_font.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'futura_xblk_btextra_black'; src: url("../fonts/futura/futura_extra_black_font.woff2") format("woff2"), url("../fonts/futura/futura_extra_black_font.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'futuraheavy'; src: url("../fonts/futura/futura_heavy_font.woff2") format("woff2"), url("../fonts/futura/futura_heavy_font.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'futuralight'; src: url("../fonts/futura/futura_light_bt.woff2") format("woff2"), url("../fonts/futura/futura_light_bt.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'futura_ltcn_btlight'; src: url("../fonts/futura/futura_light_font.woff2") format("woff2"), url("../fonts/futura/futura_light_font.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'futuramedium'; src: url("../fonts/futura/futura_medium_bt.woff2") format("woff2"), url("../fonts/futura/futura_medium_bt.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'futura_xblk_btextra_black'; src: url("../fonts/futura/futura_xblk_bt.woff2") format("woff2"), url("../fonts/futura/futura_xblk_bt.woff") format("woff"); font-weight: normal; font-style: normal; } * { padding: 0; margin: 0; } a, a:focus, a:hover { text-decoration: none; } .row.m0 { margin: 0; } body { font: 400 16px/28px 'Poppins', sans-serif; letter-spacing: 0; color: #677294; overflow-x: hidden; background: #000; } body.menu_open { overflow: hidden; } section { background: #fff; } .btn, .btn:focus, .btn:hover, a, a:focus, a:hover, button, button:focus, button:hover { text-decoration: none; outline: 0; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; } .height_vh { height: 100vh; } .dark_bg { background: #1b1d22; } @media (min-width: 1200px) { .container { max-width: 1200px; } } .bg_strock_text { font-size: 180px; color: transparent; font-weight: normal; font-family: "futuraheavy"; letter-spacing: 3px; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2); line-height: 220px; } .go_to_top { position: fixed; bottom: 50px; right: 50px; z-index: 1080; display: none; } .go_to_top a { display: block; width: 40px; height: 40px; text-align: center; color: #fff; background: #171819; border-radius: 50%; font-size: 20px; position: relative; overflow: hidden; border: 1px solid #fff; } .go_to_top a i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 35px; transition: all 0.5s; } .go_to_top a i+i { top: 100%; } .go_to_top a:hover i { top: -100%; } .go_to_top a:hover i+i { top: 0; } /* start hero */ header.header { position: absolute; top: 0; left: 0; width: 100%; z-index: 1080; padding: 20px 5px 20px 30px; transition: all 0.5s; } header.header .navbar .logo .logo_text { color: #f6f7fb; position: relative; font-size: 25px; font-weight: normal; line-height: 40px; font-family: "futurabook"; letter-spacing: 2px; } header.header .navbar .logo .logo_text:before { position: absolute; left: -15px; top: -8px; width: 100%; height: 100%; color: #979591; } header.header .navbar .select_lang { margin-right: 58px; } header.header .navbar .select_lang a { color: #f6f7fb; font-size: 18px; font-weight: 300; font-family: "Poppins", sans-serif; opacity: 0.4; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.header .navbar .select_lang a.active, header.header .navbar .select_lang a:hover { opacity: 1; } header.header .navbar .select_lang a+a { margin-left: 21px; } header.header .navbar .hamburger { color: #f6f7fb; font-size: 18px; font-weight: 300; font-family: "Poppins", sans-serif; letter-spacing: 4px; display: flex; align-items: center; text-transform: uppercase; } header.header .navbar .hamburger .m_close { opacity: 0; visibility: hidden; position: absolute; } header.header .navbar .hamburger .m_menu, header.header .navbar .hamburger .m_close { transition: 0.5s; } header.header .navbar .hamburger .bar_icon { width: 32px; height: 30px; display: inline-block; position: relative; margin-left: 30px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.header .navbar .hamburger .bar_icon .bar { width: 100%; height: 2px; background: #fff; display: inline-block; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.header .navbar .hamburger .bar_icon .bar.bar_1 { width: 75%; left: 0; right: auto; transform: translateY(-9px); } header.header .navbar .hamburger .bar_icon .bar.bar_3 { width: 75%; right: 0; left: auto; transform: translateY(9px); } header.header .navbar .hamburger:hover .bar_icon .bar.bar_1 { width: 100%; } header.header .navbar .hamburger:hover .bar_icon .bar.bar_3 { width: 100%; } header.header .opnen_menu { position: fixed; width: 100%; height: 0; background: #000000; left: 0; top: 0; z-index: -1; opacity: 0; visibility: hidden; transition: all 0.5s; } header.header .opnen_menu .header_main_menu { margin-top: 235px; } header.header .opnen_menu .header_main_menu .menu_item { margin: 0 auto; padding: 0; list-style: none; text-align: center; overflow-y: scroll; max-width: 460px; width: 100%; } header.header .opnen_menu .header_main_menu .menu_item::scrollbar { display: none; } header.header .opnen_menu .header_main_menu .menu_item::-webkit-scrollbar { display: none; } header.header .opnen_menu .header_main_menu .menu_item li { display: block; margin-bottom: 5px; } header.header .opnen_menu .header_main_menu .menu_item li:last-child { margin-bottom: 0; } header.header .opnen_menu .header_main_menu .menu_item li a { color: #ccc; display: inline-block; font-size: 40px; line-height: 54px; font-weight: 600; font-family: "Poppins", sans-serif; transition: all 0.5s; } header.header .opnen_menu .header_main_menu .menu_item li a:hover { color: #fff; } header.header .opnen_menu .header_main_menu .menu_item li a.dropdown-toggle::after { display: none; } header.header .opnen_menu .header_main_menu .menu_item li.submenu .submenu_item { width: 100%; max-height: 0; overflow: hidden; display: flex; flex-direction: row; text-align: center; flex-wrap: wrap; justify-content: center; align-items: center; transition: max-height 1s ease-out !important; transition-delay: 0s !important; } header.header .opnen_menu .header_main_menu .menu_item li.submenu:hover .submenu_item { max-height: 1000px; transition: max-height 2s ease-in !important; } header.header .opnen_menu .header_main_menu .menu_item li.submenu .submenu_item li { margin-bottom: 0; width: 100%; display: block; margin: 0; padding: 0; list-style: none; position: relative; } header.header .opnen_menu .header_main_menu .menu_item li.submenu .submenu_item li:first-child { padding-top: 10px; } header.header .opnen_menu .header_main_menu .menu_item li.submenu .submenu_item li:last-child { padding-bottom: 10px; } header.header .opnen_menu .header_main_menu .menu_item li.submenu .submenu_item li a { font-size: 20px; line-height: 30px; color: #999999; } header.header .opnen_menu .header_main_menu .menu_item li.submenu .submenu_item li a:hover { color: #fff; } header.header .sub_footer { position: fixed; width: 100%; left: 0; bottom: -20%; opacity: 0; visibility: hidden; background: #000; padding-bottom: 60px; transition: all 0.5s; } header.header .sub_footer .footer_contact { margin-bottom: 45px; } header.header .sub_footer .footer_contact li { display: block; margin-bottom: 10px; } header.header .sub_footer .footer_contact li a { display: inline-block; color: #bbbbbb; font-family: "Poppins", sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; transition: all 0.5s; height: 28px; position: relative; overflow: hidden; width: 100%; max-width: 350px; } header.header .sub_footer .footer_contact li a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all 0.5s; } header.header .sub_footer .footer_contact li a span+span { top: 100%; } header.header .sub_footer .footer_contact li a:hover span { top: -100%; color: #fff; } header.header .sub_footer .footer_contact li a:hover span+span { top: 0; } header.header .sub_footer .footer_contact li:last-child a { color: #bbbbbb; } header.header .sub_footer .footer_social { margin-bottom: 15px; } header.header .sub_footer .footer_social li { display: inline-block; } header.header .sub_footer .footer_social li+li { margin-left: 30px; } header.header .sub_footer .footer_social li a { display: inline-block; font-size: 16px; color: #888888; transition: all 0.5s; width: 20px; height: 16px; position: relative; overflow: hidden; } header.header .sub_footer .footer_social li a i { position: absolute; top: 0; left: 0; transition: all .5s; } header.header .sub_footer .footer_social li a i+i { top: 100%; } header.header .sub_footer .footer_social li a:hover { color: #fff; } header.header .sub_footer .footer_social li a:hover i { top: -100%; } header.header .sub_footer .footer_social li a:hover i+i { top: 0; } header.header.menu_open .opnen_menu { height: 100%; visibility: visible; opacity: 1; } header.header.menu_open .sub_footer { bottom: 0; opacity: 1; visibility: visible; } header.header.menu_open .navbar .hamburger .m_menu { opacity: 0; visibility: hidden; } header.header.menu_open .navbar .hamburger .m_close { opacity: 1; visibility: visible; } header.header.menu_open .navbar .hamburger .bar_icon .bar.bar_1 { width: 100%; transform: rotate(45deg); } header.header.menu_open .navbar .hamburger .bar_icon .bar.bar_2 { width: 0; } header.header.menu_open .navbar .hamburger .bar_icon .bar.bar_3 { width: 100%; transform: rotate(-45deg); } header.header.headerFixed { background: #000; padding: 10px 5px 10px 30px; } /* end hero */ /* start about_wrap */ .about_wrap { padding: 200px 0; background: #fff; position: relative; z-index: 10; } .about_wrap .about_title { color: #333333; font-size: 90px; font-weight: normal; font-family: "futuraheavy"; letter-spacing: 1px; display: inline-block; position: relative; margin-bottom: 63px; } .about_wrap .about_title:before { position: absolute; content: ""; bottom: 20px; right: -60px; width: 50px; height: 6px; background: #333; } .about_wrap .about_content { position: relative; z-index: 1; padding-left: 215px; } .about_wrap .about_content .bg_text { position: absolute; top: 0; left: 0; z-index: -1; } .about_wrap .about_content .bg_text .bg_strock_text { font-weight: normal; font-size: 350px; font-family: "futuraheavy"; color: white; text-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08); letter-spacing: 10px; line-height: 290px; } .about_wrap .about_content h4 { color: #171819; font-family: "Poppins", sans-serif; font-size: 35px; line-height: 65px; font-weight: 500; } .about_wrap .about_content h4 a { display: inline-block; font-weight: 700; position: relative; transition: all 0.5s; z-index: 1; } .about_wrap .about_content h4 a:before { position: absolute; content: ""; bottom: 10px; left: 0; width: 100%; height: 3px; background: #333; transition: all 0.5s; z-index: -1; } .about_wrap .about_content h4 a:hover { color: #fff; } .about_wrap .about_content h4 a:hover:before { height: 45px; } /* end about_wrap */ /* start hero */ .hero_warp { height: 100vh; width: 100%; background: #000 url(../../studiovolt/slide/studiovolt_background.jpg) no-repeat fixed top left; position: fixed; z-index: 1; } .hero_warp.hide { display: none; } .hero_warp .video_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .hero_warp .video_bg #myVideo { min-width: 100%; min-height: 100%; height: auto; width: auto; } .hero_warp .videoBG { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .hero_warp .videoBG #video_bankground { width: 100%; height: 100%; } .hero_warp:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; } .hero_warp.blog_single_banner:before { background: rgba(0, 0, 0, 0.8); } .hero_warp .bg_img_slider_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .hero_warp .bg_img_slider_wrap img { width: 100%; height: 100vh; } .hero_warp .banner_content .banner_title { color: #f6f7fb; font-size: 160px; line-height: 160px; font-weight: normal; font-family: "futuraheavy"; margin-bottom: 10px; } .hero_warp .banner_content .exp_list { margin: 0; padding: 0 0 0 7px; list-style: none; } .hero_warp .banner_content .exp_list li { display: inline-block; position: relative; z-index: 1; color: #f6f7fb; font-size: 20px; line-height: 40px; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; } .hero_warp .banner_content .exp_list li+li { padding-left: 35px; } .hero_warp .banner_content .exp_list li+li:before { position: absolute; content: "/"; left: 10px; top: 50%; transform: translateY(-50%); width: 100%; height: 100%; color: #d7d4cf; font-size: 14px; z-index: -1; } .hero_warp .social_link { position: absolute; bottom: 22px; left: 35px; } .hero_warp .social_link li { display: block; margin-bottom: 15px; } .hero_warp .social_link li a { display: block; color: #fff; font-size: 18px; width: 20px; height: 18px; position: relative; overflow: hidden; } .hero_warp .social_link li a i { position: absolute; top: 0; left: 0; transition: all 0.5s; padding: 1px 0; } .hero_warp .social_link li a i+i { top: 100%; } .hero_warp .social_link li a:hover i { top: -100%; } .hero_warp .social_link li a:hover i+i { top: 0; } .hero_warp .scroll_down { position: absolute; bottom: 50px; right: 25px; transform: rotate(90deg); } .hero_warp .scroll_down a { color: #fff; display: inline-block; position: relative; overflow: hidden; font-weight: 300; font-family: "Poppins", sans-serif; font-size: 11px; letter-spacing: 2px; } .hero_warp .scroll_down a:before { position: absolute; content: ""; top: 0; height: 1px; background: #b9c9db; animation: go_bottom 2s infinite; width: 100%; left: -50px; } .hero_warp.inner_banner { background-image: url(../images/contact_bg.jpg); background-size: cover; background-attachment: scroll; height: auto; position: relative; padding: 175px 0 110px; } .hero_warp.inner_banner.hide { display: block; } .hero_warp.inner_banner .banner_content .banner_title { font-size: 65px; line-height: 80px; margin-bottom: 0; } .hero_warp.inner_banner .banner_content .banner_para { color: #f6f7fb; font-size: 20px; line-height: 40px; font-weight: 300; padding-left: 5px; } .hero_warp.inner_banner .social_link { bottom: 80px; } .hero_warp.blog_single_banner { background-image: url(../images/contact_bg.jpg); padding-top: 160px; } .hero_warp.blog_single_banner .banner_content .post_info { margin: -10px 0 0; padding: 20px 0 0; list-style: none; display: flex; align-items: center; } .hero_warp.blog_single_banner .banner_content .post_info li { display: inline-block; color: #fff; font-size: 13px; line-height: 26px; font-family: "Poppins", sans-serif; position: relative; font-weight: 300; } .hero_warp.blog_single_banner .banner_content .post_info li+li { margin-left: 25px; } .hero_warp.blog_single_banner .banner_content .post_info li span { display: flex; align-items: center; } .hero_warp.blog_single_banner .banner_content .post_info li span.author img { width: 30px; height: 30px; border-radius: 50%; } .hero_warp.blog_single_banner .banner_content .post_info li span.post_time img { width: 16px; margin-top: 3px; } .hero_warp.blog_single_banner .banner_content .post_info li img { display: inline-block; margin-right: 10px; } .hero_warp.blog_single_banner .banner_content .post_info li a { color: #171819; font-weight: 500; } .hero_warp.blog_single_banner .banner_content .post_info li a:hover { color: rgba(23, 24, 25, 0.6); } @keyframes go_bottom { 0% { left: -100%; } 100% { left: 0%; } 100% { left: 100%; } } /* end hero */ .video-background { position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 0; left: 0; z-index: -99; overflow: hidden; background: #171819; } /* start portfolio */ .portfolio_warp { background: #171819; padding: 180px 0 30px; position: relative; z-index: 2; } .portfolio_warp .port_bg_text { position: absolute; left: 215px; top: 0; } .portfolio_warp.portfolio_3_warp .container-fluid { width: 85%; } @media (min-width: 1024px) { .portfolio_single_wrap { margin-left: -14%; } .portfolio_single_wrap .portfolio_single_item { padding-left: 14%; } .portfolio_3_column { margin-left: -10%; } .portfolio_3_column .portfolio_single_item { padding-left: 10%; } } .portfolio_3_column .portfolio_item { margin-bottom: 80px; } .portfolio_3_column .portfolio_item .port_text { bottom: 150px; left: -70px; } .portfolio_3_column .portfolio_item .port_text .port_title { font-size: 34px; line-height: 40px; } .portfolio_item { position: relative; margin-bottom: 150px; z-index: 10; } .portfolio_item .port_img a { position: relative; display: inline-block; width: 100%; } .portfolio_item .port_img a img { width: 100%; } .portfolio_item .port_img a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); transition: all 0.5s; opacity: 0; } .portfolio_item .port_img a:hover:before { opacity: 1; } .portfolio_item .port_text { position: absolute; bottom: 85px; left: -95px; text-shadow: -1px -1px 2px #000; } .portfolio_item .port_text .port_title { font-size: 45px; font-family: "futuraheavy"; line-height: 50px; color: #fff; font-weight: normal; } .portfolio_item .port_text .catagory { text-transform: uppercase; font-size: 12px; font-family: "Poppins", sans-serif; line-height: 40px; letter-spacing: 2px; color: #fff; } .portfolio_item .port_text .catagory a { color: #fff; position: relative; display: inline-block; line-height: 20px; } .portfolio_item .port_text .catagory a:before { position: absolute; content: ""; bottom: 0; right: 0; height: 1px; width: 0; background: #fff; transition: all 0.5s; } .portfolio_item .port_text .catagory a:hover:before { right: auto; left: 0; width: 100%; } .portfolio_item .exp { position: absolute; right: -100px; bottom: 50px; color: #fff; font-size: 12px; transition: all 0.3s; text-transform: uppercase; } .portfolio_item .exp:before { position: absolute; content: ""; top: 50%; height: 1px; width: 62px; background: #fff; left: -62px; transition: all 0.3s; } .portfolio_item .exp:after { position: absolute; content: ""; top: 0; height: 0; width: 1px; background: #fff; left: 0; -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .portfolio_item .exp:hover:after { height: 50%; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .portfolio_item .exp span { display: inline-block; position: relative; } .portfolio_item .exp span.exp_hover { padding: 5px 20px; } .portfolio_item .exp span.exp_inner:before, .portfolio_item .exp span.exp_inner:after { content: ""; width: 0; height: 1px; position: absolute; background: white; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio_item .exp span.exp_inner:after { left: 0px; bottom: 0px; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .portfolio_item .exp span.exp_inner:before { right: 0px; top: 0px; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .portfolio_item .exp span.exp_hover:before, .portfolio_item .exp span.exp_hover:after { content: ""; width: 1px; height: 0; position: absolute; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; background: white; } .portfolio_item .exp span.exp_hover:before { left: 0; top: 50%; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .portfolio_item .exp span.exp_hover:after { right: 0; bottom: 1px; -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .portfolio_item .exp span.exp_hover:after { bottom: 0; } .portfolio_item .exp:hover span.exp_inner:before, .portfolio_item .exp:hover span.exp_inner:after { width: 100%; } .portfolio_item .exp:hover span.exp_inner:before { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .portfolio_item .exp:hover span.exp_inner:after { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .portfolio_item .exp:hover span.exp_hover:before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .portfolio_item .exp:hover span.exp_hover:after { height: calc(100% - 1px); } .portfolio_item .exp:hover span.exp_hover:before { height: calc(50% - 1px); } .portfolio_item .port_img:hover+.exp:after { height: 50%; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .portfolio_item .port_img:hover+.exp span.exp_inner:before, .portfolio_item .port_img:hover+.exp span.exp_inner:after { width: 100%; } .portfolio_item .port_img:hover+.exp span.exp_inner:before { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .portfolio_item .port_img:hover+.exp span.exp_inner:after { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .portfolio_item .port_img:hover+.exp span.exp_hover:before { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .portfolio_item .port_img:hover+.exp span.exp_hover:after { height: calc(100% - 1px); } .portfolio_item .port_img:hover+.exp span.exp_hover:before { height: calc(50% - 1px); } /* end portfolio */ /* start portfolio_single_content */ .portfolio_single_content { padding: 103px 0 60px; } .project_summary { margin-bottom: 90px; } .portfolio_single_title { font-size: 35px; font-family: "futuraheavy"; line-height: 60px; color: #333; font-weight: normal; margin-bottom: 5px; } .project_summary_list { margin: 0; padding: 0; list-style: none; } .project_summary_list li { display: block; color: #888888; font-family: "Poppins", sans-serif; font-weight: 500; /* font-size: 20px;*/ } /*.project_summary_list li a { display: inline-block; position: relative; width: 100%; max-width: 240px; height: 25px; overflow: hidden; } */ .project_summary_list li a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all 0.5s; } .project_summary_list li a span+span { top: 100%; } .project_summary_list li a:hover span { top: -100%; color: #171819; } .project_summary_list li a:hover span+span { top: 0; } .project_summary_list li+li { margin-top: 15px; } .project_summary_list li b { color: #171819; font-family: "Poppins", sans-serif; font-weight: 500; margin-right: 5px; } .single_body .portfolio_para { color: #171819; font-size: 16px; font-family: "Poppins", sans-serif; font-weight: 400; line-height: 30px; margin-bottom: 50px; } .single_body .portfolio_para img { max-width:100%; height:auto; } .single_body .portfolio_single_img { margin-bottom: 30px; } .single_body .portfolio_single_img.mb_60 { margin-bottom: 60px; } .single_body .portfolio_single_img.mb_55 { margin-bottom: 55px; } /* end portfolio_single_content */ /* start capabiliti_wrap */ .capabiliti_wrap { background: #171819; position: relative; padding-bottom: 95px; padding-top: 173px; z-index: 10; overflow: hidden; } .capabiliti_wrap .bg_text { position: absolute; left: 255px; top: 60px; } .capabiliti_wrap .capabiliti_title { color: #999999; font-size: 90px; font-weight: normal; font-family: "futuraheavy"; letter-spacing: 1px; display: inline-block; position: relative; margin-bottom: 68px; } .capabiliti_wrap .capabiliti_title:before { position: absolute; content: ""; bottom: 20px; right: -60px; width: 50px; height: 6px; background: #999; } .capabiliti_wrap .capabiliti_tab { border: none; margin: 0; } .capabiliti_wrap .capabiliti_tab li { display: block; border: none; width: 100%; } .capabiliti_wrap .capabiliti_tab li a { color: #666666; font-size: 35px; font-weight: normal; line-height: 60px; font-family: "futuraheavy"; border: none; padding: 0; display: inline-block; } .capabiliti_wrap .capabiliti_tab li a.active, .capabiliti_wrap .capabiliti_tab li a:hover { color: #fff; background: none; border: none; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .tabPara { color: #848892; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 30px; font-weight: 400; margin-bottom: 72px; padding-right: 15px; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .service_item { margin-bottom: 95px; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .service_item .icon { margin-bottom: 10px; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .service_item .icon i { font-size: 40px; color: #595959; line-height: 28px; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .service_item .content a h4 { color: #c1c1c1; font-size: 18px; font-weight: 700; line-height: 40px; font-family: "Poppins", sans-serif; transition: all 0.5s; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .service_item .content a:hover h4 { color: #fff; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .service_item .content p { color: #c1c1c1; font-weight: 300; font-size: 15px; font-family: "Poppins", sans-serif; line-height: 28px; } /* end capabiliti_wrap */ /* start testimonial_wrap */ .testimonial_wrap { background: url(../images/test/test_bg.jpg) no-repeat scroll top left/cover; position: relative; padding: 155px 0 95px; z-index: 10; overflow: hidden; } .testimonial_wrap .bg_text { position: absolute; top: 85px; left: 270px; } .testimonial_wrap:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5) 50%, transparent 50%); } .testimonial_wrap .test_left .test_title { color: #fff; font-size: 90px; font-weight: normal; font-family: "futuraheavy"; letter-spacing: 2px; display: inline-block; position: relative; margin-bottom: 60px; max-width: 330px; width: 100%; } .testimonial_wrap .test_left .test_title:before { position: absolute; content: ""; bottom: 20px; right: -40px; width: 50px; height: 6px; background: #cccccc; } .testimonial_wrap .client_user_img .user_slider_item { margin: 30px 0; } .testimonial_wrap .client_user_img .user_slider_item .img_wrap { display: block; max-width: 80px; width: 100%; height: 80px; border-radius: 50%; margin: 25px auto; transform: scale(1); transition: all 0.5s; cursor: pointer; overflow: hidden; } .testimonial_wrap .client_user_img .user_slider_item .img_wrap:before { position: absolute; content: ""; width: 100%; height: 100%; background: #0006; border-radius: 50%; } .testimonial_wrap .client_user_img .user_slider_item .img_wrap img { display: inline-block; width: 100%; height: 100%; border-radius: 50%; } .testimonial_wrap .client_user_img .user_slider_item.slick-active.slick-center .img_wrap { transform: scale(2); pointer-events: none; } .testimonial_wrap .client_user_img .user_slider_item.slick-active.slick-center .img_wrap:before { display: none; } .testimonial_wrap .test_details_content .test_details_slider_item { padding: 0 15px; } .testimonial_wrap .test_details_content .test_details_slider_item .slider_title { color: #fff; font-family: "Poppins", sans-serif; font-weight: 600; font-size: 30px; line-height: 44px; margin-bottom: 25px; } .testimonial_wrap .test_details_content .test_details_slider_item p { color: #c1c1c1; font-size: 16px; line-height: 30px; font-family: "Poppins", sans-serif; font-weight: 400; margin-bottom: 30px; } .testimonial_wrap .test_details_content .test_details_slider_item .autor_name { color: #fff; font-size: 16px; line-height: 26px; font-family: "Poppins", sans-serif; font-weight: 500; } .testimonial_wrap .test_details_content .test_details_slider_item .autor_title { color: #c1c1c1; font-size: 13px; line-height: 26px; font-family: "Poppins", sans-serif; font-weight: 300; } /* end testimonial_wrap */ /* start client_wrap */ .client_wrap { padding: 160px 0 65px; background: #fff; position: relative; z-index: 10; } .client_wrap .client_single_item { margin-bottom: 95px; } .client_wrap .client_single_item a { display: block; text-align: center; opacity: 0.5; transition: all 0.5s; } .client_wrap .client_single_item a img { display: inline-block; } .client_wrap .client_single_item a:hover { opacity: 1; } /* end client_wrap */ /* start contact */ .somethings_interesting_wrap { background: #fff; padding: 130px 0 35px; } .somethings_interesting_wrap .title { color: #333333; font-size: 55px; font-weight: normal; font-family: "futuraheavy"; letter-spacing: 1px; max-width: 790px; width: 100%; margin: 0 auto 86px; } .somethings_interesting_wrap .interesting_item { max-width: 230px; width: 100%; margin: 0 auto 70px; } .somethings_interesting_wrap .interesting_item .interesting_icon { text-align: center; margin-bottom: 20px; } .somethings_interesting_wrap .interesting_item .interesting_icon img { display: inline-block; max-width: 73px; } .somethings_interesting_wrap .interesting_item .interesting_content h4 { color: #171819; font-size: 18px; line-height: 50px; font-weight: 600; letter-spacing: 1px; font-family: "Poppins", sans-serif; text-transform: uppercase; text-align: center; } .somethings_interesting_wrap .interesting_item .interesting_content p { color: #171819; font-family: "Poppins", sans-serif; font-weight: 300; font-size: 16px; line-height: 28px; letter-spacing: .75px; text-align: center; } .somethings_interesting_wrap .interesting_item .interesting_content p a { display: block; font-weight: 500; position: relative; width: 100%; height: 25px; overflow: hidden; } .somethings_interesting_wrap .interesting_item .interesting_content p a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.5s; display: inline-block; } .somethings_interesting_wrap .interesting_item .interesting_content p a span+span { top: 100%; } .somethings_interesting_wrap .interesting_item .interesting_content p a:hover span { color: #171819; top: -100%; } .somethings_interesting_wrap .interesting_item .interesting_content p a:hover span+span { top: 0; } .contact_form_wrap { padding: 35px 0 120px; } .contact_form_wrap .contact_form_title { color: #333333; font-size: 55px; font-weight: normal; font-family: "futuraheavy"; letter-spacing: 2px; margin-bottom: 55px; } .contact_form { max-width: 970px; width: 100%; margin: 0 auto; } .contact_form .form-group { margin-bottom: 30px; /*.sibmit_btn { color: #fff; font-weight: 400; font-size: 15px; font-family: $pop; line-height: 30px; background: #292929; border: none; padding: 15px 55px; cursor: pointer; border: 1px solid #292929; transition: all 0.5s; }*/ } .contact_form .form-group .form-control { color: #333333; font-weight: 300; font-size: 15px; font-family: "Poppins", sans-serif; line-height: 30px; border: 1px solid #c1c1c1; box-shadow: none; outline: none; border-radius: 0; height: 60px; padding: 10px 25px; transition: all 0.5s; } .contact_form .form-group .form-control::-webkit-input-placeholder { color: #909090; } .contact_form .form-group .form-control::-moz-placeholder { color: #909090; } .contact_form .form-group .form-control:-ms-input-placeholder { color: #909090; } .contact_form .form-group .form-control:-moz-placeholder { color: #909090; } .contact_form .form-group .form-control:focus { border-color: #333333; } .contact_form .form-group textarea.form-control { min-height: 200px; } .contact_form .form-group .sibmit_btn { color: #fff; font-weight: 400; font-size: 15px; font-family: "Poppins", sans-serif; line-height: 30px; color: #fff; background-color: transparent; background-image: linear-gradient(135deg, #292929 50%, transparent 50%); background-size: 300% 300%; background-position: 0% 0%; background-repeat: no-repeat; transition: all 1s; border: none; padding: 15px 55px; cursor: pointer; border: 1px solid #292929; } .contact_form .form-group .sibmit_btn:hover { background-size: 0px 50px; background-position: -50px -50px; color: #292929; } /* end contact */ .navbar .header_main_menu .menu_item .nav-item.submenu .dropdown-menu { margin: 0px; border: 0px; margin: 0px; border-radius: 0px; left: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; background: #fff; padding: 30px 40px; -webkit-box-shadow: 0px 10px 30px 0px rgba(12, 0, 46, 0.1); box-shadow: 0px 10px 30px 0px rgba(12, 0, 46, 0.1); -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; z-index: -1; } .navbar .header_main_menu .menu_item .nav-item.submenu .dropdown-menu { position: relative !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; display: none; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; z-index: 0; background: transparent; padding-left: 25px; padding-top: 20px; padding-bottom: 0; max-height: none !important; } .navbar .header_main_menu .nav-item.submenu.show .dropdown-menu { position: relative !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important; } /*============================= start blog ================================*/ .blog_wrap { padding: 80px 0; } .blog_wrap.blog_single_wrap { padding: 60px 0 65px; } .blog_single_item { position: relative; } .blog_single_item h3 { color: #333333; font-size: 30px; line-height: 55px; font-family: "futuraheavy"; } .blog_single_item .blog_post .post_img { margin-bottom: 20px; display: block; } .blog_single_item .blog_post .post_img a { display: block; position: relative; z-index: 1; } .blog_single_item .blog_post .post_img a:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: #030d2d; opacity: 0; transition: all 0.3s; z-index: 1; } .blog_single_item .blog_post .post_img a img { display: inline-block; width: 100%; height: 100%; } .blog_single_item .blog_post .post_img a:hover:before { opacity: 0.2; } .blog_single_item .blog_post .post_content { margin-bottom: 70px; padding: 0 30px; } .blog_single_item .blog_post .post_content .post_title { font-size: 35px; line-height: 60px; font-weight: normal; font-family: "futuraheavy"; margin-bottom: 5px; color: #333333; } .blog_single_item .blog_post .post_content .post_title a { color: #333333; } .blog_single_item .blog_post .post_content .post_title a:hover { color: rgba(23, 24, 25, 0.6); } .blog_single_item .blog_post .post_content .post_info { margin: 0; padding: 0; list-style: none; } .blog_single_item .blog_post .post_content .post_info li { display: inline-block; color: #171819; font-size: 13px; line-height: 26px; font-family: "Poppins", sans-serif; position: relative; font-weight: 300; } .blog_single_item .blog_post .post_content .post_info li span { display: flex; align-items: center; } .blog_single_item .blog_post .post_content .post_info li span.author img { width: 30px; height: 30px; border-radius: 50%; } .blog_single_item .blog_post .post_content .post_info li span.post_time img { width: 16px; } .blog_single_item .blog_post .post_content .post_info li img { display: inline-block; margin-right: 10px; } .blog_single_item .blog_post .post_content .post_info li a { color: #171819; font-weight: 500; } .blog_single_item .blog_post .post_content .post_info li a:hover { color: rgba(23, 24, 25, 0.6); } .blog_single_item .blog_post .post_content .post_details { color: #171819; font-size: 16px; line-height: 30px; font-weight: 400; font-family: "Poppins", sans-serif; margin-bottom: 20px; } .blog_single_item .blog_post .post_content .read_more { display: inline-block; color: rgba(23, 24, 25, 0.5); font-size: 14px; line-height: 20px; font-weight: 600; font-family: "Poppins", sans-serif; letter-spacing: 2px; text-transform: uppercase; position: relative; } .blog_single_item .blog_post .post_content .read_more:before { position: absolute; content: ""; bottom: 0; right: 0; width: 0; height: 1px; background: rgba(23, 24, 25, 0.5); transition: all 0.5s; } .blog_single_item .blog_post .post_content .read_more:hover { color: #171819; } .blog_single_item .blog_post .post_content .read_more:hover:before { right: auto; left: 0; width: 100%; } .pagination_content .navigation .pagination { display: block; margin: 0; padding: 0 0 50px; } .pagination_content .navigation .pagination li { display: inline-block; } .pagination_content .navigation .pagination li a { display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; background: transparent; color: #333333; font-size: 16px; font-weight: 400; font-family: "Poppins", sans-serif; transition: all 0.5s; border: 1px solid transparent; } .pagination_content .navigation .pagination li a i { font-size: 16px; } .pagination_content .navigation .pagination li+li a { margin-left: 6px; } .pagination_content .navigation .pagination li:hover a { border-color: #333333; } .pagination_content .navigation .pagination li.active a { color: #fff; background: #333333; } .pagination_content .navigation .pagination li:first-child a, .pagination_content .navigation .pagination li:last-child a { opacity: 0.5; border-color: transparent; } .pagination_content .navigation .pagination li:first-child a:hover, .pagination_content .navigation .pagination li:last-child a:hover { background: none; opacity: 1; } .pagination_content .navigation .pagination li:first-child a { margin-right: 5px; } .pagination_content .navigation .pagination li:last-child a { margin-left: 17px; } .widget { margin-bottom: 50px; } .widget .widget_title { color: #333; font-size: 20px; line-height: 24px; font-weight: normal; font-family: "futuraheavy"; margin-bottom: 28px; letter-spacing: 2px; text-transform: uppercase; } .widget ul { margin: 0; padding: 0; list-style: none; } .widget ul li { display: block; margin-bottom: 15px; } .widget ul li:last-child { margin-bottom: 0; } .widget ul li a { display: block; color: #646c84; font-size: 16px; line-height: 20px; font-weight: 400; font-family: "Poppins", sans-serif; } .widget ul li a:hover { color: rgba(23, 24, 25, 0.6); } .widget .media { margin-bottom: 30px; align-items: center; } .widget .media:last-child { margin-bottom: 0; } .widget .media .media-left { margin-right: 20px; } .widget .media .media-left a { display: inline-block; } .widget .media .media-left a img { width: 100px; height: 90px; display: inline-block; } .widget .media .media-body .tn_tittle a { display: inline-block; color: #171819; font-size: 14px; line-height: 22px; font-weight: 500; font-family: "Poppins", sans-serif; } .widget .media .media-body .tn_tittle a:hover { color: rgba(23, 24, 25, 0.6); } .widget .media .media-body .recent_post_meta li, .widget .media .media-body .recent_post_meta li a { color: rgba(23, 24, 25, 0.5); font-weight: 400; font-family: "Poppins", sans-serif; font-size: 12px; } .widget .media .media-body .recent_post_meta li a:hover { color: #171819; } .widget.widget_tags ul li { display: inline-block; margin-bottom: 10px; margin-right: 16px; } .widget.widget_tags ul li a { text-transform: uppercase; border: 1px solid #e1e1e1; padding: 11px 43px 7px; font-size: 12px; font-weight: 400; color: #171819; transition: all 0.5s; } .widget.widget_tags ul li a span { color: #a7a7a7; } .widget.widget_tags ul li a:hover { background: #171819; border-color: #171819; color: #fff; } .widget.widget_about .sidebar_about_content { max-width: 300px; width: 100%; margin: -30px auto 0; background: #fff; position: relative; padding: 30px 0 0; } .widget.widget_about .sidebar_about_content .sidebar_ab_title { color: #333333; font-size: 20px; line-height: 24px; font-family: "futuraheavy"; margin-bottom: 20px; } .widget.widget_about .sidebar_about_content .sidebar_ab_details { color: #171819; font-size: 14px; font-weight: 400; font-family: "Poppins", sans-serif; line-height: 27px; } .widget.widget_about .sidebar_about_content .sign { padding: 40px 0; } .widget.widget_about .follow .follow_title { color: #333333; font-size: 20px; line-height: 24px; font-family: "futuraheavy"; margin-bottom: 25px; } .widget.widget_about .follow .follow_link li { display: inline-block; } .widget.widget_about .follow .follow_link li+li a { margin-left: 6px; } .widget.widget_about .follow .follow_link li a { display: inline-block; color: #171819; font-size: 18px; width: 36px; height: 36px; text-align: center; border: 1px solid #171819; transition: all 0.5s; position: relative; overflow: hidden; } .widget.widget_about .follow .follow_link li a i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: top, 0.5s; line-height: 36px; } .widget.widget_about .follow .follow_link li a i+i { top: 100%; } .widget.widget_about .follow .follow_link li a:hover { background: #171819; } .widget.widget_about .follow .follow_link li a:hover i { top: -100%; color: #fff; } .widget.widget_about .follow .follow_link li a:hover i+i { top: 0; } .blog_single_content .blog_single_item { padding-bottom: 42px; border-bottom: 1px solid #e6e9f1; } .blog_single_content .blog_single_item p { color: #171819; font-size: 16px; line-height: 30px; font-weight: 400; font-family: "Poppins", sans-serif; margin-bottom: 25px; } .blog_single_content .blog_single_item blockquote { padding: 4px 0 5px 0; margin-bottom: 23px; } .blog_single_content .blog_single_item blockquote p { color: #333333; font-size: 24px; line-height: 36px; font-family: "futuraheavy"; margin-bottom: 0; } .blog_single_content .blog_single_item .blog_simg_img { padding: 42px 0 35px; } .blog_single_content .blog_single_item .blog_inner_title { color: #333333; font-size: 35px; line-height: 60px; font-family: "futuraheavy"; } .blog_single_content .blog_sing_share { border-bottom: 1px solid #e6e9f1; padding: 46px 0 54px; margin-bottom: 60px; } .blog_single_content .blog_sing_share span { font-size: 20px; line-height: 26px; display: inline-block; font-family: "futuraheavy"; margin-bottom: 25px; } .blog_single_content .blog_sing_share span b { color: #051441; font-weight: 700; } .blog_single_content .blog_sing_share .blog_social { margin: 0; padding: 0; list-style: none; } .blog_single_content .blog_sing_share .blog_social li { display: inline-block; } .blog_single_content .blog_sing_share .blog_social li+li { margin-left: 20px; } .blog_single_content .blog_sing_share .blog_social li a { display: inline-block; color: #171819; font-size: 18px; width: 36px; height: 36px; text-align: center; border: 1px solid #171819; transition: all 0.5s; position: relative; overflow: hidden; } .blog_single_content .blog_sing_share .blog_social li a i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: top, 0.5s; line-height: 36px; } .blog_single_content .blog_sing_share .blog_social li a i+i { top: 100%; } .blog_single_content .blog_sing_share .blog_social li a:hover { background: #171819; } .blog_single_content .blog_sing_share .blog_social li a:hover i { top: -100%; color: #fff; } .blog_single_content .blog_sing_share .blog_social li a:hover i+i { top: 0; } .blog_single_content .author_about { background: #fbfbfd; padding: 40px 30px; margin-bottom: 90px; } .blog_single_content .author_about .media .media-left { margin-right: 30px; } .blog_single_content .author_about .media .media-left img { width: 70px; height: 70px; border-radius: 50%; } .blog_single_content .author_about .media .media-body .author_name { color: #051441; font-size: 18px; font-weight: 700; line-height: 24px; font-family: "Poppins", sans-serif; } .blog_single_content .author_about .media .media-body .author_info { color: #abb0bb; font-size: 16px; font-weight: 400; line-height: 24px; font-family: "Poppins", sans-serif; margin-bottom: 17px; } .blog_single_content .author_about .media .media-body .author_details { color: #666; font-size: 15px; font-weight: 300; line-height: 26px; font-family: "Poppins", sans-serif; margin-bottom: 15px; } .blog_single_content .comment_text .comment-title { color: #222222; font-size: 36px; line-height: 40px; font-weight: 500; font-family: "futuraheavy"; margin-bottom: 40px; } .blog_single_content .post_ago { color: #999; font-size: 12px; font-family: "Poppins", sans-serif; line-height: 9px; font-weight: 400; padding-left: 10px; position: relative; } .blog_single_content .post_ago:before { position: absolute; top: 50%; left: 0; width: 1px; height: 11px; background: #999; transform: translateY(-50%); } .blog_single_content .comment_text .comment_text .comment-title { margin-bottom: 30px; } .comment_reply { margin-bottom: 80px; border-bottom: 1px solid #f5f5f5; padding-bottom: 22px; } .comment-list { margin: 0; padding: 0; list-style: none; } .comment-list li { display: block; } .comment-list li .media .media-left { margin-right: 30px; } .comment-list li .media .media-left img { width: 70px; height: 70px; border-radius: 50%; } .comment-list li .media .media-body .reply_body { padding-bottom: 20px; margin-bottom: 10px; } .comment-list li .media .media-body .reply_body .author_name { color: #333; font-size: 18px; font-weight: 500; line-height: 22px; font-family: "Poppins", sans-serif; margin-bottom: 10px; } .comment-list li .media .media-body .reply_body .author_details { color: #666666; font-size: 15px; font-weight: 300; line-height: 26px; font-family: "Poppins", sans-serif; margin-bottom: 15px; } .comment-list li .media .media-body .reply_body .reply_link { color: rgba(23, 24, 25, 0.6); font-size: 12px; font-weight: 600; line-height: 26px; font-family: "Poppins", sans-serif; position: relative; text-transform: uppercase; } .comment-list li .media .media-body .reply_body .reply_link i { font-size: 14px; margin-right: 5px; position: relative; margin-left: 10px; top: 3px; } .comment-list li .media .media-body .reply_body .reply_link:hover { color: #222222; } .comment-list li .media .media-body .media-left img { width: 50px; height: 50px; } /*.leave_comment { .comment_text { .comment-title { color: #333333; font-weight: normal; font-size: 55px; line-height: 60px; letter-spacing: 2px; font-family: $ftheavy; text-align: center; margin-bottom: 60px; } } }*/ /*============================= end blog ================================*/ /* start footer */ .footer { background: url(../images/footer_bg.jpg) no-repeat scroll top left/cover; padding: 115px 0 100px; position: relative; z-index: 10; } .footer .footer_content .footer_logo { margin-bottom: 30px; } .footer .footer_content .footer_logo a { display: inline-block; } .footer .footer_content .footer_logo a .logo_text { color: #f6f7fb; position: relative; font-size: 25px; font-weight: normal; line-height: 40px; font-family: "futurabook"; letter-spacing: 2px; } .footer .footer_content .footer_logo a .logo_text:before { position: absolute; left: -15px; top: -8px; width: 100%; height: 100%; color: #979591; text-align: left; } .footer .footer_content .footer_title { color: #f6f7fb; font-size: 50px; font-family: "futurabook"; line-height: 55px; letter-spacing: 1px; font-weight: normal; max-width: 542px; width: 100%; margin: 0 auto 60px; } .footer .footer_content .footer_title span { font-family: "futuraheavy"; } .footer ul { margin: 0; padding: 0; list-style: none; } .footer .footer_contact { margin-bottom: 45px; } .footer .footer_contact li { display: block; margin-bottom: 10px; } .footer .footer_contact li a { display: inline-block; color: #bbbbbb; font-family: "Poppins", sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; transition: all 0.5s; height: 28px; position: relative; overflow: hidden; width: 100%; max-width: 350px; } .footer .footer_contact li a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; transition: all 0.5s; } .footer .footer_contact li a span+span { top: 100%; } .footer .footer_contact li a:hover span { top: -100%; color: #fff; } .footer .footer_contact li a:hover span+span { top: 0; } .footer .footer_social { margin-bottom: 15px; } .footer .footer_social li { display: inline-block; } .footer .footer_social li+li { margin-left: 30px; } .footer .footer_social li a { display: inline-block; font-size: 16px; color: #888888; transition: all 0.5s; width: 20px; height: 16px; position: relative; overflow: hidden; } .footer .footer_social li a i { position: absolute; top: 0; left: 0; transition: all .5s; } .footer .footer_social li a i+i { top: 100%; } .footer .footer_social li a:hover { color: #fff; } .footer .footer_social li a:hover i { top: -100%; color: #fff; } .footer .footer_social li a:hover i+i { top: 0; } .footer .footer_copy_right { color: #848892; font-weight: 300; font-size: 13px; font-family: "Poppins", sans-serif; line-height: 28px; } .footer .footer_copy_right a { color: #bbbbbb; transition: all 0.5s; } .footer .footer_copy_right a:hover { color: #fff; } /* end footer */ .capabiliti_wrap .capabiliti_tab_content .fade { transition: opacity 1s linear; } @media (max-width: 1366px ) { header.header .opnen_menu .header_main_menu .menu_item { height: 350px; } /* .portfolio_3_warp .portfolio_item .port_text { left: -75px; } */ .portfolio_warp .container { max-width: 970px; } .bg_strock_text { font-size: 170px; } .about_wrap .about_content .bg_text .bg_strock_text { font-size: 240px; } } @media (max-width: 1024px ) { .hero_warp.inner_banner .banner_content .banner_title { font-size: 70px; } .portfolio_item .port_text .port_title { font-size: 36px; line-height: 40px; } .hero_warp .social_link { bottom: 100px; left: 0; width: 100%; max-width: 960px; padding: 0 15px; margin: 0 auto; right: 0; } .hero_warp .social_link li { display: inline-block; } .hero_warp .social_link li + li { margin-left: 10px; } .portfolio_single_item { flex: 0 0 100%; max-width: 100%; } .portfolio_cus { margin-left: 0; } .portfolio_item .port_img a { width: 100%; } .portfolio_item .port_img a img { width: 100%; } .portfolio_warp { padding-top: 100px; padding-bottom: 25px; } .portfolio_item { margin-bottom: 80px; } .portfolio_cus_3 { margin-left: 0; } .blog_single_item .blog_post .post_content .post_title { font-size: 24px; line-height: 40px; } .portfolio_warp .container { max-width: 720px; } .hero_warp .scroll_down { display: none; } .about_wrap .about_content { padding-left: 60px; } .about_wrap .about_content h4 br { display: none; } .about_wrap { padding: 100px 0; } .capabiliti_wrap { padding-bottom: 20px; padding-top: 100px; } .bg_strock_text { font-size: 124px; } .portfolio_warp.portfolio_3_warp .container-fluid { width: 80%; } .testimonial_wrap .client_user_img .user_slider_item { margin-bottom: 0; } .testimonial_wrap .client_user_img .user_slider_item.slick-active.slick-center .img_wrap { transform: scale(1.5); } .client_wrap { padding: 100px 0 30px; } .client_wrap .client_single_item { margin-bottom: 60px; } .footer { padding: 80px 0 65px; } } /* @media (max-width: 1024px ) */ @media (max-width: 991px) { .portfolio_warp { padding-top: 75px; } .hero_warp .social_link { max-width: 720px; } .hero_warp.inner_banner .social_link { display: none; } .hero_warp.inner_banner .banner_content .banner_title { font-size: 28px; line-height: 35px; margin-bottom: 0; } .hero_warp.inner_banner .banner_content .banner_para{ font-size: 16px; line-height: 28px; } .hero_warp.inner_banner { padding: 120px 0 90px; } .hero_warp.blog_single_banner { padding-top: 110px; } .somethings_interesting_wrap .title { font-size: 44px; } .contact_form_wrap .contact_form_title { font-size: 36px; } .about_wrap { padding: 60px 0; } .about_wrap .about_title, .capabiliti_wrap .capabiliti_title, .testimonial_wrap .test_left .test_title { font-size: 70px; margin-bottom: 30px; } .capabiliti_wrap .capabiliti_tab li a { font-size: 20px; line-height: 36px; } .portfolio_warp .container { max-width: 540px; } .testimonial_wrap .test_left .test_title br { display: none; } .about_wrap .about_content .bg_text .bg_strock_text { font-size: 200px; } header.header { padding: 0; } header.header .navbar .hamburger { padding-right: 0; font-size: 16px; letter-spacing: 2px; } header.header .sub_footer { padding-bottom: 15px; } header.header .sub_footer .footer_contact { margin-bottom: 0; } header.header .sub_footer .footer_social { margin-bottom: 0; } header.header .sub_footer .footer_social li + li { margin-left: 10px; } header.header .sub_footer .footer_contact li a { font-size: 14px; line-height: 16px; height: 20px; } header.header .opnen_menu .header_main_menu .menu_item li a { font-size: 24px; line-height: 30px; } header.header .opnen_menu .header_main_menu .menu_item li.submenu .submenu_item li a { font-size: 14px; line-height: 22px; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .service_item .content a h4 { line-height: 22px; margin-bottom: 10px; font-size: 16px; } .testimonial_wrap .test_left .test_title { max-width: max-content; } .testimonial_wrap .test_left .test_title:before { right: -60px; } .go_to_top { display: none !important; } .about_wrap .about_content h4{ font-size: 24px; line-height: 50px; } .capabiliti_wrap { padding-top: 60px; } .testimonial_wrap { padding: 60px 0; } .client_wrap { padding: 60px 0 30px; } .client_wrap .client_single_item { margin-bottom: 40px; } .footer { padding: 60px 0 30px; } .footer .footer_contact { margin-bottom: 15px; } .footer .footer_contact li { height: 20px; } .footer .footer_social li + li { margin-left: 10px; } .footer .footer_contact li a { font-size: 16px; line-height: 20px; height: 20px; } .hero_warp { background-size: cover; background-attachment: scroll; } .project_summary_list li { font-size: 16px; } .project_summary_list li + li { margin-top: 0; } .portfolio_single_content { padding: 50px 0 30px; } .project_summary { margin-bottom: 50px; } .single_body .portfolio_single_img.mb_60 { margin-bottom: 30px; } .single_body .portfolio_single_img.mb_55 { margin-bottom: 30px; } .somethings_interesting_wrap .interesting_item .interesting_content p { line-height: 22px; letter-spacing: 0; } .somethings_interesting_wrap .interesting_item .interesting_content p a { margin-top: 5px; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .service_item { margin-bottom: 45px; } .about_wrap .about_content h4 a:before { bottom: 5px; } .about_wrap .about_content h4 a:hover:before { display: none; } .about_wrap .about_content h4 a:hover { color: #171819; } header.header .navbar .hamburger .m_menu, header.header .navbar .hamburger .m_close { display: none; } header.header .opnen_menu .header_main_menu .menu_item li { margin-bottom: 10px; } } /* @media (max-width: 991px ) */ @media (max-width: 768px) { .hero_warp.inner_banner { padding: 80px 0 50px; } .footer .footer_content .footer_title { font-size: 30px; line-height: 40px; } .hero_warp.inner_banner .banner_content .banner_title { font-size: 36px; line-height: 40px; } .hero_warp.inner_banner .banner_content .banner_para { font-size: 16px; line-height: 30px; } .blog_single_item .blog_post .post_content .post_title { font-size: 24px; line-height: 30px; margin-bottom: 20px; } .blog_single_content .blog_single_item .blog_inner_title { font-size: 30px; line-height: 36px; margin-bottom: 25px; } .leave_comment .comment_text .comment-title { font-size: 36px; line-height: 40px; } .somethings_interesting_wrap { padding: 60px 0 0; } .contact_form_wrap { padding: 0; } .somethings_interesting_wrap .title { font-size: 36px; } .bg_strock_text { font-size: 100px; } .about_wrap .about_content .bg_text .bg_strock_text { font-size: 150px; } .hero_warp .banner_content .exp_list li { line-height: 24px; } .about_wrap .about_title, .capabiliti_wrap .capabiliti_title, .testimonial_wrap .test_left .test_title { font-size: 60px; } .about_wrap .about_content h4 { font-size: 24px; line-height: 44px; } .capabiliti_wrap .capabiliti_tab { margin-bottom: 50px; } .testimonial_wrap .client_user_img .user_slider_item { margin-bottom: 25px; } .capabiliti_wrap .capabiliti_tab li a { font-size: 20px; line-height: 40px; } .testimonial_wrap:before { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 50%); } .footer { padding: 50px 0 25px; } .portfolio_single_content { padding: 60px 0 20px; } .blog_single_item .blog_post .post_content { padding: 0; margin-bottom: 40px; } .single_body .portfolio_single_img.mb_60 { margin-bottom: 30px; } .blog_single_content .blog_sing_share .blog_social li + li { margin-left: 10px; }.blog_single_content .comment_text .comment-title{ font-size: 30px; line-height: 36px; } .blog_single_item .blog_post .post_content .post_title { margin-bottom: 10px; } .blog_single_item .blog_post .post_content .post_details { margin-bottom: 5px; } .blog_single_content .blog_single_item .blog_inner_title, .blog_single_content .comment_text .comment-title { margin-bottom: 10px; } .portfolio_item .port_text, .portfolio_3_column .portfolio_item .port_text { left: -60px; bottom: auto; top: 100px; } .portfolio_item .exp, .portfolio_3_column .portfolio_item .exp { right: -80px; } .portfolio_item { margin-bottom: 50px; } .portfolio_item .port_text .port_title, .portfolio_3_column .portfolio_item .port_text .port_title { font-size: 22px; line-height: 26px; } .single_body .portfolio_para { margin-bottom: 30px; } .comment_reply { margin-bottom: 30px; padding-bottom: 0; } .blog_single_content .blog_single_item .blog_simg_img { padding-top: 20px; } .blog_wrap.blog_single_wrap { padding: 30px 0; } .blog_single_content .blog_single_item { padding-bottom: 20px; } .blog_single_content .blog_sing_share { padding: 40px 0 35px; margin-bottom: 30px; } .blog_single_content .comment_text .comment-title { margin-bottom: 20px; } } /* @media (max-width: 768px ) */ @media (max-width: 990px) and (min-width: 800px) { .hero_warp .banner_content .banner_title { font-size: 100px; line-height: 85px; } .portfolio_item .exp { right: -80px; } } /* @media (max-width: 768px ) */ @media (max-width: 767px) { .hero_warp .banner_content .banner_title { font-size: 100px; line-height: 85px; } .hero_warp .banner_content .banner_title br { display: none; } .blog_single_content .blog_single_item { padding-bottom: 0; } .blog_single_content .blog_sing_share { padding: 20px 0; margin-bottom: 30px; } .portfolio_item .port_text { left: -70px; } .portfolio_item .exp { right: -70px; } .portfolio_item .exp span.exp_hover { padding: 5px 8px; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .tabPara { padding-right: 0; } header.header .navbar .hamburger .bar_icon { width: 24px; } .portfolio_single_content { padding: 45px 0 20px; } .hero_warp.inner_banner .banner_content .banner_title { font-size: 28px; line-height: 30px; } header.header .navbar .select_lang a { font-size: 16px; } } /* @media (max-width: 767px ) */ @media (max-width: 767px) and (min-width: 640px) { .banner_content { padding-top: 40px; } .hero_warp.inner_banner .banner_content { padding-top: 15px; } } /* @media (max-width: 767px ) */ @media (max-width: 640px) { header.header .navbar .hamburger .bar_icon .bar { height: 1px; } header.header .navbar .hamburger .bar_icon .bar.bar_1 { transform: translateY(-7px); } header.header .navbar .hamburger .bar_icon .bar.bar_3 { transform: translateY(7px); } .comment-list li .media { display: block; } .comment-list li .media .media-left img { margin-bottom: 20px; } .blog_single_content .blog_single_item blockquote p { font-size: 20px; line-height: 30px; } .somethings_interesting_wrap .title { font-size: 30px; } .about_wrap .about_title, .capabiliti_wrap .capabiliti_title, .testimonial_wrap .test_left .test_title { font-size: 36px; } .about_wrap .about_content h4 { font-size: 22px; line-height: 36px; } .about_wrap .about_content { padding-left: 0; } .portfolio_warp .port_bg_text, .bg_text { display: none; } .testimonial_wrap .test_left .test_title:before { bottom: 10px; right: -55px; } .portfolio_warp.portfolio_3_warp .container-fluid { width: 100%; } header.header .navbar .hamburger .bar_icon { margin-left: 10px; } .capabiliti_wrap .capabiliti_tab_content .tab-pane .service_item { margin-bottom: 50px; } .testimonial_wrap { padding-top: 80px; } .testimonial_wrap .client_user_img .user_slider_item { margin-bottom: 50px; } .client_wrap { padding-top: 80px; padding-bottom: 40px; } .about_wrap .about_content h4 a:before { bottom: 4px; } .hero_warp .banner_content .exp_list li { font-size: 14px; } .blog_wrap { padding: 50px 0 60px; } .blog_single_item .blog_post .post_content { margin-bottom: 25px; } .comment-list li .media .media-body .comment-list { padding-left: 25px; } .portfolio_warp { padding-top: 65px; padding-left: 50px; padding-right: 50px; padding-bottom: 0; } .project_summary { margin-bottom: 30px; } .hero_warp.inner_banner { padding: 80px 0 40px; } .hero_warp.blog_single_banner .banner_content .post_info { padding: 10px 0 5px; } .blog_wrap.blog_single_wrap { padding-bottom: 0; } } /* @media (max-width: 640px ) */ @media (max-width: 576px) { .capabiliti_wrap .capabiliti_title:before, .about_wrap .about_title:before, .testimonial_wrap .test_left .test_title:before { display: none; } header.header .navbar .select_lang { margin-right: 15px; } header.header .navbar .select_lang a + a { margin-left: 12px; } .leave_comment .comment_text .comment-title { font-size: 30px; line-height: 40px; letter-spacing: 0; } .hero_warp .banner_content .exp_list li { font-size: 10px; line-height: 20px; } .hero_warp .banner_content .exp_list li + li { padding-left: 25px; } .hero_warp .banner_content .exp_list li + li:before { left: 6px; } .about_wrap .about_content h4 { font-size: 18px; line-height: 30px; } .about_wrap .about_content h4 a:before { height: 1px; } .testimonial_wrap .test_details_content .test_details_slider_item .slider_title { font-size: 24px; line-height: 30px; } .testimonial_wrap .test_details_content .test_details_slider_item p { font-size: 14px; line-height: 26px; } .testimonial_wrap .client_user_img .user_slider_item { margin-bottom: 20px; padding: 20px 0; } .blog_single_item .blog_post .post_content .post_title { font-size: 20px; } .blog_single_item .blog_post .post_content .post_details { font-size: 14px; line-height: 26px; } .hero_warp.inner_banner .banner_content .banner_title { font-size: 24px; margin-bottom: 5px; } .somethings_interesting_wrap .title { margin-bottom: 40px; } .somethings_interesting_wrap .interesting_item .interesting_icon { margin-bottom: 0; } .portfolio_item .port_text, .portfolio_3_column .portfolio_item .port_text { left: -40px; } .portfolio_item .exp, .portfolio_3_column .portfolio_item .exp { right: -40px; } } /* @media (max-width: 576px ) */ @media (max-width: 440px) { .widget .media .media-body .tn_tittle a, .hero_warp.inner_banner .banner_content .banner_para { font-size: 14px; line-height: 18px; } .blog_single_item .blog_post .post_content .post_title { font-size: 18px; } .blog_single_content .blog_single_item .blog_inner_title, .blog_single_content .comment_text .comment-title { font-size: 22px; line-height: 28px; } .comment-list li .media .media-body .reply_body .author_details { font-size: 14px; } .blog_single_content .blog_single_item blockquote p { font-size: 16px; line-height: 24px; } } /* @media (max-width: 440px ) */ @media (max-height: 770px) and (max-width: 992px) { header.header .sub_footer { padding-bottom: 0; } header.header .sub_footer .footer_contact { margin-bottom: 15px; } header.header .sub_footer .footer_contact li { margin-bottom: 0; } } @media (max-height: 440px) and (max-width: 992px) { header.header .opnen_menu .header_main_menu { margin-top: 120px; } header.header .opnen_menu .header_main_menu .menu_item { height: 150px; } .hero_warp .social_link { display: none; } }