Hello, I was wondering how I would implement my functional bootstrap contact page into my non-bootstrap site.
site: https://www.cbenn.ml
(non-bootstrap form): https://www.cbenn.ml/contact.html
bootstrap form: https://www.cbenn.ml/form.html
Here is the source for the non-bootstrap form:
<!DOCTYPE html>
<HTML lang="en">
<HEAD>
<META content="IE=11.0000" http-equiv="X-UA-Compatible">
<META charset="utf-8">
<META http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<META name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<TITLE>Cody Bennett - Contact Me</TITLE>
<LINK type="image/png" href="https://www.cbenn.ml/images/favicon.png" rel="shortcut icon">
<style type="text/css">
.fa.fa-pull-left,.fa.pull-left{margin-right:.3em}.fa,.fa-stack{display:inline-block}.fa-fw,.fa-li{text-align:center}@font-face{font-family:FontAwesome;src:url(https://www.cbenn.ml/fonts/fontawesome-webfont.eot?v=4.7.0);src:url(https://www.cbenn.ml/fonts/fontawesome-webfont.eot) format('embedded-opentype'),url("https://www.cbenn.ml/fonts/fontawesome-webfont.woff2) format('woff2"),url(https://www.cbenn.ml/fonts/fontawesome-webfont.woff) format('woff'),url(https://www.cbenn.ml/fonts/fontawesome-webfont.ttf) format('truetype'),url(https://www.cbenn.ml/fonts/fontawesome-webfont.svg) format('svg');font-weight:400;font-style:normal}.fa{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}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa.fa-pull-right,.fa.pull-right{margin-left:.3em}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right,.pull-right{float:right}.pull-left{float:left}.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(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}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-flip-horizontal,: root .fa-flip-vertical,: root .fa-rotate-180,: root .fa-rotate-270,: root .fa-rotate-90{filter:none}.fa-stack{position:relative;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-close: before,.fa-remove: 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-cog: before,.fa-gear: 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-repeat: before,.fa-rotate-right: 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-image: before,.fa-photo: 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-exclamation-triangle: before,.fa-warning: 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-cogs: before,.fa-gears: 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-floppy-o: before,.fa-save: before{content:"\f0c7"}.fa-square: before{content:"\f0c8"}.fa-bars: before,.fa-navicon: before,.fa-reorder: 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-sort: before,.fa-unsorted: before{content:"\f0dc"}.fa-sort-desc: before,.fa-sort-down: before{content:"\f0dd"}.fa-sort-asc: before,.fa-sort-up: before{content:"\f0de"}.fa-envelope: before{content:"\f0e0"}.fa-linkedin: before{content:"\f0e1"}.fa-rotate-left: before,.fa-undo: before{content:"\f0e2"}.fa-gavel: before,.fa-legal: before{content:"\f0e3"}.fa-dashboard: before,.fa-tachometer: before{content:"\f0e4"}.fa-comment-o: before{content:"\f0e5"}.fa-comments-o: before{content:"\f0e6"}.fa-bolt: before,.fa-flash: before{content:"\f0e7"}.fa-sitemap: before{content:"\f0e8"}.fa-umbrella: before{content:"\f0e9"}.fa-clipboard: before,.fa-paste: 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-chain-broken: before,.fa-unlink: 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-caret-square-o-down: before,.fa-toggle-down: before{content:"\f150"}.fa-caret-square-o-up: before,.fa-toggle-up: before{content:"\f151"}.fa-caret-square-o-right: before,.fa-toggle-right: before{content:"\f152"}.fa-eur: before,.fa-euro: before{content:"\f153"}.fa-gbp: before{content:"\f154"}.fa-dollar: before,.fa-usd: before{content:"\f155"}.fa-inr: before,.fa-rupee: before{content:"\f156"}.fa-cny: before,.fa-jpy: before,.fa-rmb: before,.fa-yen: before{content:"\f157"}.fa-rouble: before,.fa-rub: before,.fa-ruble: before{content:"\f158"}.fa-krw: before,.fa-won: 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-caret-square-o-left: before,.fa-toggle-left: before{content:"\f191"}.fa-dot-circle-o: before{content:"\f192"}.fa-wheelchair: before{content:"\f193"}.fa-vimeo-square: before{content:"\f194"}.fa-try: before,.fa-turkish-lira: 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-bank: before,.fa-institution: before,.fa-university: before{content:"\f19c"}.fa-graduation-cap: before,.fa-mortar-board: 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-image-o: before,.fa-file-photo-o: before,.fa-file-picture-o: before{content:"\f1c5"}.fa-file-archive-o: before,.fa-file-zip-o: before{content:"\f1c6"}.fa-file-audio-o: before,.fa-file-sound-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-ring: before,.fa-life-saver: before,.fa-support: before{content:"\f1cd"}.fa-circle-o-notch: before{content:"\f1ce"}.fa-ra: before,.fa-rebel: before,.fa-resistance: before{content:"\f1d0"}.fa-empire: before,.fa-ge: before{content:"\f1d1"}.fa-git-square: before{content:"\f1d2"}.fa-git: before{content:"\f1d3"}.fa-hacker-news: before,.fa-y-combinator-square: before,.fa-yc-square: before{content:"\f1d4"}.fa-tencent-weibo: before{content:"\f1d5"}.fa-qq: before{content:"\f1d6"}.fa-wechat: before,.fa-weixin: before{content:"\f1d7"}.fa-paper-plane: before,.fa-send: before{content:"\f1d8"}.fa-paper-plane-o: before,.fa-send-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-futbol-o: before,.fa-soccer-ball-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-ils: before,.fa-shekel: before,.fa-sheqel: 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-bed: before,.fa-hotel: before{content:"\f236"}.fa-viacoin: before{content:"\f237"}.fa-train: before{content:"\f238"}.fa-subway: before{content:"\f239"}.fa-medium: before{content:"\f23a"}.fa-y-combinator: before,.fa-yc: 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-full: before,.fa-battery: 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-paper-o: before,.fa-hand-stop-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-television: before,.fa-tv: 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-american-sign-language-interpreting: before,.fa-asl-interpreting: before{content:"\f2a3"}.fa-deaf: before,.fa-deafness: before,.fa-hard-of-hearing: before{content:"\f2a4"}.fa-glide: before{content:"\f2a5"}.fa-glide-g: before{content:"\f2a6"}.fa-sign-language: before,.fa-signing: 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-address-card: before,.fa-vcard: before{content:"\f2bb"}.fa-address-card-o: before,.fa-vcard-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-full: before,.fa-thermometer: 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-bath: before,.fa-bathtub: before,.fa-s15: 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}@charset "UTF-8";@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);@import url(http://fonts.googleapis.com/css?family=Lora:,400italic,700italic);article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);-ms-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);-ms-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);-ms-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);-ms-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}.pt-page-fade{-webkit-animation:fade .7s ease both;-moz-animation:fade .7s ease both;animation:fade .7s ease both}.pt-page-moveToLeftFade{-webkit-animation:moveToLeftFade .7s ease both;-moz-animation:moveToLeftFade .7s ease both;animation:moveToLeftFade .7s ease both}.pt-page-moveFromLeftFade{-webkit-animation:moveFromLeftFade .7s ease both;-moz-animation:moveFromLeftFade .7s ease both;animation:moveFromLeftFade .7s ease both}.pt-page-moveToRightFade{-webkit-animation:moveToRightFade .7s ease both;-moz-animation:moveToRightFade .7s ease both;animation:moveToRightFade .7s ease both}.pt-page-moveFromRightFade{-webkit-animation:moveFromRightFade .7s ease both;-moz-animation:moveFromRightFade .7s ease both;animation:moveFromRightFade .7s ease both}.pt-page-moveToTopFade{-webkit-animation:moveToTopFade .7s ease both;-moz-animation:moveToTopFade .7s ease both;animation:moveToTopFade .7s ease both}.pt-page-moveFromTopFade{-webkit-animation:moveFromTopFade .7s ease both;-moz-animation:moveFromTopFade .7s ease both;animation:moveFromTopFade .7s ease both}.pt-page-moveToBottomFade{-webkit-animation:moveToBottomFade .7s ease both;-moz-animation:moveToBottomFade .7s ease both;animation:moveToBottomFade .7s ease both}.pt-page-moveFromBottomFade{-webkit-animation:moveFromBottomFade .7s ease both;-moz-animation:moveFromBottomFade .7s ease both;animation:moveFromBottomFade .7s ease both}.pt-page-rotateFoldRight{-webkit-transform-origin:0 50%;-webkit-animation:rotateFoldRight .7s both ease;-moz-transform-origin:0 50%;-moz-animation:rotateFoldRight .7s both ease;transform-origin:0 50%;animation:rotateFoldRight .7s both ease}.pt-page-rotateFoldLeft{-webkit-transform-origin:100% 50%;-webkit-animation:rotateFoldLeft .7s both ease;-moz-transform-origin:100% 50%;-moz-animation:rotateFoldLeft .7s both ease;transform-origin:100% 50%;animation:rotateFoldLeft .7s both ease}.pt-page-rotateFoldTop{-webkit-transform-origin:50% 100%;-webkit-animation:rotateFoldTop .7s both ease;-moz-transform-origin:50% 100%;-moz-animation:rotateFoldTop .7s both ease;transform-origin:50% 100%;animation:rotateFoldTop .7s both ease}.pt-page-rotateFoldBottom{-webkit-transform-origin:50% 0;-webkit-animation:rotateFoldBottom .7s both ease;-moz-transform-origin:50% 0;-moz-animation:rotateFoldBottom .7s both ease;transform-origin:50% 0;animation:rotateFoldBottom .7s both ease}@-webkit-keyframes moveToLeftFade{to{opacity:.3;-webkit-transform:translateX(-100%)}}@-moz-keyframes moveToLeftFade{to{opacity:.3;-moz-transform:translateX(-100%)}}@keyframes moveToLeftFade{to{opacity:.3;transform:translateX(-100%)}}@-webkit-keyframes moveFromLeftFade{from{opacity:.3;-webkit-transform:translateX(-100%)}}@-moz-keyframes moveFromLeftFade{from{opacity:.3;-moz-transform:translateX(-100%)}}@keyframes moveFromLeftFade{from{opacity:.3;transform:translateX(-100%)}}@-webkit-keyframes moveToRightFade{to{opacity:.3;-webkit-transform:translateX(100%)}}@-moz-keyframes moveToRightFade{to{opacity:.3;-moz-transform:translateX(100%)}}@keyframes moveToRightFade{to{opacity:.3;transform:translateX(100%)}}@-webkit-keyframes moveFromRightFade{from{opacity:.3;-webkit-transform:translateX(100%)}}@-moz-keyframes moveFromRightFade{from{opacity:.3;-moz-transform:translateX(100%)}}@keyframes moveFromRightFade{from{opacity:.3;transform:translateX(100%)}}@-webkit-keyframes moveToTopFade{to{opacity:.3;-webkit-transform:translateY(-100%)}}@-moz-keyframes moveToTopFade{to{opacity:.3;-moz-transform:translateY(-100%)}}@keyframes moveToTopFade{to{opacity:.3;transform:translateY(-100%)}}@-webkit-keyframes moveFromTopFade{from{opacity:.3;-webkit-transform:translateY(-100%)}}@-moz-keyframes moveFromTopFade{from{opacity:.3;-moz-transform:translateY(-100%)}}@keyframes moveFromTopFade{from{opacity:.3;transform:translateY(-100%)}}@-webkit-keyframes moveToBottomFade{to{opacity:.3;-webkit-transform:translateY(100%)}}@-moz-keyframes moveToBottomFade{to{opacity:.3;-moz-transform:translateY(100%)}}@keyframes moveToBottomFade{to{opacity:.3;transform:translateY(100%)}}@-webkit-keyframes moveFromBottomFade{from{opacity:.3;-webkit-transform:translateY(100%)}}@-moz-keyframes moveFromBottomFade{from{opacity:.3;-moz-transform:translateY(100%)}}@keyframes moveFromBottomFade{from{opacity:.3;transform:translateY(100%)}}@-webkit-keyframes rotateFoldRight{to{opacity:0;-webkit-transform:translateX(100%) rotateY(90deg)}}@-moz-keyframes rotateFoldRight{to{opacity:0;-moz-transform:translateX(100%) rotateY(90deg)}}@keyframes rotateFoldRight{to{opacity:0;transform:translateX(100%) rotateY(90deg)}}@-webkit-keyframes rotateFoldLeft{to{opacity:0;-webkit-transform:translateX(-100%) rotateY(-90deg)}}@-moz-keyframes rotateFoldLeft{to{opacity:0;-moz-transform:translateX(-100%) rotateY(-90deg)}}@keyframes rotateFoldLeft{to{opacity:0;transform:translateX(-100%) rotateY(-90deg)}}@-webkit-keyframes rotateFoldTop{to{opacity:0;-webkit-transform:translateY(-100%) rotateX(90deg)}}@-moz-keyframes rotateFoldTop{to{opacity:0;-moz-transform:translateY(-100%) rotateX(90deg)}}@keyframes rotateFoldTop{to{opacity:0;transform:translateY(-100%) rotateX(90deg)}}@-webkit-keyframes rotateFoldBottom{to{opacity:0;-webkit-transform:translateY(100%) rotateX(-90deg)}}@-moz-keyframes rotateFoldBottom{to{opacity:0;-moz-transform:translateY(100%) rotateX(-90deg)}}@keyframes rotateFoldBottom{to{opacity:0;transform:translateY(100%) rotateX(-90deg)}}@font-face{font-family:icomoon;src:url(icomoon/fonts/icomoon.eot?gs9vci);src:url(icomoon/fonts/icomoon.eot?#iefixgs9vci) format('embedded-opentype'),url(icomoon/fonts/icomoon.woff?gs9vci) format('woff'),url(icomoon/fonts/icomoon.ttf?gs9vci) format('truetype'),url(icomoon/fonts/icomoon.svg?gs9vci#icomoon) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-arrow-up-left2:before{content:"\e3c0"}.icon-lamp4:before{content:"\e24e"}.icon-envelope:before{content:"\e0eb"}.icon-direction:before{content:"\e0fe"}.icon-globe:before{content:"\e2c4"}.icon-palette:before{content:"\e021"}.icon-screen:before{content:"\e120"}.icon-code:before{content:"\e480"}.icon-code:link{content:"\e2c9"}.icon-arrow-down2:before{content:"\e3b6"}.icon-arrow-up2:before{content:"\e3b4"}.icon-arrow-up4:before{content:"\e3c1"}.icon-mobile:before{content:"\e125"}.icon-mobile2:before{content:"\e126"}.icon-arrow-up-right2:before{content:"\e3c2"}.icon-tablet:before{content:"\e127"}.icon-arrow-right5:before{content:"\e3c3"}.icon-cogs:before{content:"\e1e0"}.icon-rocket:before{content:"\e234"}.icon-file8:before{content:"\e086"}.icon-newspaper:before{content:"\e00c"}.icon-brush:before{content:"\e020"}.icon-droplet:before{content:"\e025"}.icon-droplet3:before{content:"\e027"}.icon-droplet4:before{content:"\e028"}.icon-arrow-down-right2:before{content:"\e3c4"}.icon-mic5:before{content:"\e06f"}.icon-location:before{content:"\e0f1"}.icon-pencil:before{content:"\e00d"}.icon-arrow-down4:before{content:"\e3c5"}.icon-guitar:before{content:"\e03f"}.icon-arrow-down-left2:before{content:"\e3c6"}.icon-mouse:before{content:"\e11a"}.icon-arrow-left4:before{content:"\e3c7"}.icon-linkedin:before{content:"\e4cf"}.icon-googleplus:before{content:"\e493"}.icon-plus:before{content:"\e376"}.icon-facebook:before{content:"\e498"}.icon-twitter:before{content:"\e49d"}.icon-deviantart:before{content:"\e4b4"}.icon-dribbble:before{content:"\e4af"}.icon-chrome:before{content:"\e4ed"}.icon-firefox:before{content:"\e4ee"}.icon-IE:before{content:"\e4ef"}.icon-opera:before{content:"\e4f0"}.icon-safari:before{content:"\e4f1"}.icon-IcoMoon:before{content:"\e4f2"}.icon-heart7:before{content:"\e30a"}.animated{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-80px);transform:translateX(-80px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-80px);-ms-transform:translateX(-80px);transform:translateX(-80px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(80px);transform:translateX(80px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-80px);transform:translateY(-80px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-80px);-ms-transform:translateY(-80px);transform:translateY(-80px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-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}.Italic{font-family:Lora,serif;font-weight:400;text-transform:none;font-style:italic}.BorderBox{border-top:1px solid #cacccd;border-right:1px solid #cacccd;border-left:1px solid #cacccd;border-bottom:1px solid #cacccd}*,.BoxSizing,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;height:100%}body{font-size:100%;padding:0;margin:0;font-family:Lora;line-height:1.6em;overflow-x:hidden}body main.wrapper{opacity:0}body figure{line-height:.1!important}body.page{margin:0;padding:0;background-color:#fff}body.page h1{margin:0;padding:0}body.page h1 span{font-family:Lora,serif;display:block;font-style:italic;font-size:.225em;letter-spacing:.1em;margin-top:.5em;font-weight:400;line-height:1em;text-transform:none}body.page h2{line-height:1em;margin:0 0 .5em}body.page h2 span{display:block;font-family:Lora,serif;font-style:italic;font-size:.3em;letter-spacing:.1em;margin-top:.5em;line-height:1em;font-weight:400;text-transform:none}body.page p{line-height:1.75em}body .et-wrapper{background:url(../images/bg-pattern.png) #3e4041;overflow:hidden;text-align:center;font-size:1.15em}body .et-wrapper h1{margin:0;font-size:5.25em}body .et-wrapper h1 span{font-family:Montserrat,sans-serif,sans-serif;font-style:normal;display:inline-block;font-size:1em;letter-spacing:0;margin:inherit;line-height:inherit;font-weight:inherit;text-transform:uppercase}div.partners{font-family:Montserrat,sans-serif;font-size:.75em;font-weight:700}div.partners figure{transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;position:relative;display:inline-block;width:120px;height:90px;padding:0 22.5px;opacity:.4}div.partners figure img{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);max-width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);padding:0;margin:0;display:inline}div.partners figure:hover{opacity:1}div.partners figure:hover img{top:45%}.browser{box-shadow:0 3px 8px 1px rgba(0,0,0,.1)}.screen-wrap figure{margin-left:0;margin-right:22.5px;margin-bottom:45px}.screen-wrap .right figure{margin-right:0;margin-left:22.5px}.page .project-top{position:relative;overflow:visible}.page .project-top .main-bg{text-align:center;position:absolute;top:220px;z-index:-1;left:7.5%;width:85%;height:100%}.page .project-top .main-img{margin-top:-3em;width:100%;text-align:center}.splash-wrap{background:url(../images/title-bg-cyan.jpg) top right no-repeat}.splash-wrap.vio{background-image:url(../images/title-bg-violet.jpg)}.splash-wrap.gre{background-image:url(../images/title-bg-green.jpg)}.splash-wrap.blu{background-image:url(../images/title-bg-blue.jpg)}.splash-wrap.yel{background-image:url(../images/title-bg-yelow.jpg)}.splash-wrap.ora{background-image:url(../images/title-bg-orange.jpg)}.splash-wrap.re{background-image:url(../images/title-bg-red.jpg)}.splash-wrap.pin{background-image:url(../images/title-bg-pink.jpg)}.page-top{background:url(../images/bg-pattern.png) #f2f2f2}.bg-detail{position:absolute;top:0;left:0}.particles-wrap{height:auto;margin:0;padding:0;overflow:hidden}.particles-wrap header{padding:180px 0}#particles{position:absolute;top:0;left:0;z-index:999px;display:block;width:100%;height:100%}#back-top{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;position:fixed;transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);color:#57595b;bottom:30px;right:30px;width:80px;height:80px;text-align:center;background-color:#f2f2f2;z-index:2000;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%}#back-top a{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);display:inline-block;margin:0;width:80px;height:80px;line-height:1.25em;text-decoration:none;overflow:hidden}#back-top a:focus{outline:0}#back-top a:hover span.icon{font-size:2em!important;margin-top:25px;color:#fff;transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}#back-top a:hover span.fade{opacity:0}#back-top:hover{background-color:#252627}#back-top span{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);color:#57595b;display:block}#back-top span.icon{font-size:1.35em;margin-top:15px;margin-bottom:5px}#map-canvas{width:100%;height:300px}a{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);text-decoration:none;color:#252627}a span{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1)}a:hover{text-decoration:none;color:#252627}p{font-style:italic}h1,h2,h3,h4,h5,h6{color:#252627;font-weight:700;font-style:normal;text-transform:uppercase;line-height:1.25em;font-family:Montserrat,sans-serif,sans-serif;word-wrap:break-word!important}h1{font-size:6.5em;text-align:center;line-height:1em;letter-spacing:-.025em}h1 span{font-family:Lora,serif;font-style:italic}h2{font-size:4.0625em}h3{font-size:2.5em;line-height:1em}h4{font-size:1.55em}h5{font-size:1em;text-transform:uppercase}h6{font-size:.875em;letter-spacing:.1em}img{width:auto;max-width:100%}ul{margin:1em 0 0;padding:0}ul li{margin:0;padding:0;list-style:none}ul li span{font-size:.875em}hr{border:none;height:1px;background-color:#cacccd}header{position:relative;width:100%;text-align:center;padding:60px 0 90px}canvas{color:rgba(255,255,255,.2)!important}.smaller{font-size:.5em}.small{font-size:.875em}.big{font-size:1.5em;font-style:normal}.bigger{font-size:1.75em}.strong{font-weight:700}.t-caption{display:table-caption}a.strong{font-style:italic;display:inline-block}a.strong.cyan{border-color:#2fc989}a.strong.blue{border-color:#1c68e7}a.strong.violet{border-color:#a836f4}a.strong.red{border-color:#eb352a}a.strong.orange{border-color:#f88d24}a.strong.pink{border-color:#ef3ea2}a.strong.green{border-color:#80c918}a.strong.yellow{border-color:#fbe425}a.strong:hover{border-color:#fff}a.link{font-weight:700}a.inline-link{display:inline-block;position:relative}a.inline-link::after{transition:.25s;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;z-index:-1;display:block;content:"";height:2px;width:400%;background-color:#fff;position:absolute;top:50%;margin-top:-1px;left:-800%}a.inline-link:hover{color:#80c918}a.inline-link:hover::after{background-color:#80c918;width:120%;left:-10%}.header-line{position:relative}.header-line::before{content:"";display:block;width:40px;height:2px;background-color:#fff;position:absolute;bottom:-1.5em;left:50%;margin-left:-20px}.header-line.blue::before{background-color:#1c68e7}.header-line.green::before{background-color:#80c918}.header-line.orange::before{background-color:#f88d24}.header-line.yellow::before{background-color:#fbe425}.header-line.red::before{background-color:#eb352a}.header-line.pink::before{background-color:#ef3ea2}.header-line.violet::before{background-color:#a836f4}.header-line.cyan::before{background-color:#2fc989}.header-line.brown::before{background-color:#87583b}.uppercase{text-transform:uppercase}.subline{font-size:3em;text-transform:uppercase;margin-top:0;color:#80c918}.italic{font-family:Lora,serif;font-style:italic}.text-bg{background-color:rgba(0,0,0,.1);padding:0 15px}.tb-offset{padding:150px 0}.tb-offset-sm{padding:75px 0}.b-offset{padding-bottom:150px}.b-offset-sm{padding-bottom:75px}.t-offset{padding-top:150px}.t-offset-sm{padding-top:75px}.success{margin-top:1em;background-color:#2fc989;font-weight:700;padding:5px}.color-wrap{position:relative;overflow:hidden}.color-wrap figure.bg img{position:absolute;top:0;left:0;z-index:-1;width:100%;height:auto;min-height:100%}.color-wrap figure.bg.about-bg{height:50vh}.color-wrap a,.color-wrap figcaption,.color-wrap h1,.color-wrap h2,.color-wrap h3,.color-wrap li,.color-wrap p,.color-wrap span,.color-wrap ul{color:#fff}.color-wrap.light-color a,.color-wrap.light-color figcaption,.color-wrap.light-color h1,.color-wrap.light-color h2,.color-wrap.light-color h3,.color-wrap.light-color li,.color-wrap.light-color p,.color-wrap.light-color span,.color-wrap.light-color ul{color:#252627}.body-font{font-family:Lora,serif;font-style:italic;font-weight:400}.grey-bg{background-color:#252627}.cyan-bg{background-color:#2fc989}.green-bg{background-color:#80c918}.blue-bg{background-color:#1c68e7}.lightest-grey-bg{background-color:#F2F2F2}.yellow-bg{background-color:#fbe425}.orange-bg{background-color:#f88d24}.red-bg{background-color:#eb352a}.brown-bg{background-color:#87583b}.pink-bg{background-color:#ef3ea2}.violet-bg{background-color:#a836f4}.fb-green{background-color:#80c918;color:#fff}.fb-blue{background-color:#1c68e7;color:#fff}.fb-yellow{background-color:#fbe425;color:#fff}.fb-orange{background-color:#f88d24;color:#fff}.fb-red{background-color:#eb352a;color:#fff}.fb-violet{background-color:#a836f4;color:#fff}.fb-cyan{background-color:#2fc989;color:#fff}.fb-pink{background-color:#ef3ea2;color:#fff}.has-bg-fixed{position:relative;overflow:hidden}.has-bg-fixed .bg-fixed{position:absolute;width:100%;display:block;top:0;left:50%;margin-left:-50%}.grey{color:#252627}.light-grey{color:#96999b}.lightest-grey{color:#e5e5e6}.cyan{color:#2fc989!important}.green{color:#80c918!important}.blue{color:#1c68e7!important}.yellow{color:#fbe425!important}.orange{color:#f88d24!important}.red{color:#eb352a!important}.pink{color:#ef3ea2!important}.violet{color:#a836f4!important}.white{color:#fff!important}.left{float:left}.right{float:right}.centered{text-align:center}.lefted{text-align:left!important}.righted{text-align:right}br.clear{display:block;line-height:0;margin:0;padding:0;font-size:0;clear:both}.w25{width:25%}.w30{width:33.333%}.w60{width:66.666%}.w50{width:50%}.w75{width:75%}.w100{width:100%}figcaption{display:block;padding:30px 0 22.5px;line-height:1em;font-size:1.15em;color:#252627;font-style:italic}.nominee{display:block;position:absolute;top:100px;left:0;z-index:99999999;width:61px;height:101px}form{margin:0;padding:0;color:#fff;border:none}form#contactform{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);text-align:center;position:relative;margin:30px 0 0}form#contactform .h-button{background-color:#fff;border:none;color:#252627;font-family:Montserrat,sans-serif;font-size:100%;padding:22px 0;width:50%;margin-top:30px}form#contactform .h-button:hover{margin:30px 0 0;padding:22px 0;width:100%;letter-spacing:.4em}form#contactform p{margin-bottom:33px}form#contactform p.smaller{margin-bottom:0}form#contactform .left{padding-right:10px;padding-bottom:20px}form#contactform .right{padding-left:10px;padding-bottom:20px}form label.error{display:block;text-align:left;color:#fff;background-color:#eb352a;font-size:.875em;padding:0 5px}fieldset{margin:0;padding:0;border:none}.textbox{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);display:block;outline:0;border:1px solid #fff;color:#fff;background-color:transparent;line-height:2em;padding:1em;position:relative;width:100%;vertical-align:middle}.textbox.area{line-height:1.5em;resize:none}.textbox:focus{background-color:#fff;color:#252627}.textbox.ddl{margin-bottom:20px}::-webkit-input-placeholder{color:#fff}::-moz-placeholder{color:#fff}:-ms-input-placeholder{color:#fff}input:-moz-placeholder{color:#fff}.old-browser{position:absolute;background:url(../images/old-browser.jpg) center center no-repeat #fff;display:block;top:0;left:0;width:100%;height:100%;text-align:center;z-index:9999999}.old-browser h2{position:absolute;top:40%;font-size:3.5em;width:100%}.old-browser p{position:absolute;top:45%;width:100%;display:block}.wrapper.page-title,.wrapper.page-title .m-page{display:block;width:100%;height:100%;overflow:hidden}#loader{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);width:250px;height:250px;border-radius:50%;opacity:1;z-index:5001}#loader img{display:block;width:80px;margin:83px}#loader:before{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);content:"";position:fixed;top:40px;left:40px;right:40px;bottom:40px;border-radius:50%;border:4px solid transparent;border-top-color:#fff;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}#loader:after{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);content:"";position:fixed;top:60px;left:60px;right:60px;bottom:60px;border-radius:50%;border:4px solid transparent;border-top-color:#fff;-webkit-animation:spin .75s linear infinite;animation:spin .75s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}100%{transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}}@-webkit-keyframes spinReverse{0%{transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}100%{transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg)}}@keyframes spinReverse{0%{transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg)}100%{transform:rotate(-360deg);-moz-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg)}}body::before{transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;content:"";display:block;position:fixed;top:-5px;width:200%;height:110%;background-color:#2fc989;z-index:5000;opacity:1;left:-20%;overflow:hidden;transform:skew(-15deg,0);-moz-transform:skew(-15deg,0);-webkit-transform:skew(-15deg,0);-o-transform:skew(-15deg,0);-ms-transform:skew(-15deg,0)}.loaded::before{transition:.9s;-webkit-transition:.9s;-moz-transition:.9s;-o-transition:.9s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s;opacity:1;left:-220%}.loaded main.wrapper{opacity:1;min-height:100%;height:auto}.loaded #loader{opacity:0;top:-250px}.no-js #loader-wrapper{display:none}.button.h-button{transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;font-family:Montserrat,sans-serif;font-style:normal;position:relative;text-decoration:none;padding:20px 45px;margin:0;background-color:transparent;border:4px solid;display:inline-block;font-weight:400;font-size:.8em!important;text-align:center;text-transform:uppercase;letter-spacing:.4em;z-index:999}.button.h-button::after{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;z-index:-1;display:block;content:"";height:2px;width:400%;position:absolute;top:50%;margin-top:-1px;left:-800%}.button.h-button span{z-index:-1;display:block;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;overflow:hidden}.button.h-button span::before{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;content:"";display:block;position:absolute;background-color:#2fc989;top:-5%;left:-210%;width:200%;height:110%;transform:skew(-15deg,0);-moz-transform:skew(-15deg,0);-webkit-transform:skew(-15deg,0);-o-transform:skew(-15deg,0);-ms-transform:skew(-15deg,0)}.button.h-button:hover{padding:20px 60px;letter-spacing:.7em}.button.h-button:hover span::before{left:-25%}.button.h-button:hover::after{width:120%;left:-10%}.about-item{overflow:visible;position:relative}.about-item .about-bg{position:absolute;display:block;top:120px;left:0;z-index:-1}.about-item.about-item-right .about-bg{top:120px;left:0;transform:rotate(180deg);-webkit-transform:rotate(180deg)}.service-wrap h2{margin-bottom:1.25em!important}.service-wrap .w50{overflow:hidden;position:relative}.service-item{border-bottom:1px solid #d7d9da;border-right:1px solid #d7d9da;background-color:transparent}.service-item h4{margin-bottom:0}.left:nth-of-type(2) .service-item{border-right:none}.left:nth-of-type(3) .service-item{border-bottom:none}.left:nth-of-type(4) .service-item{border-right:none;border-bottom:none}.service-detail ul{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;-ms-transition-delay:.15s;transition-delay:.15s;font-family:Lora,serif;font-size:1.15em;margin:1em 0;padding:0;font-style:italic;width:100%}.service-detail ul li{line-height:1.75em}.services{position:relative;padding:1em 0}.services::before{content:"";display:block;width:40px;height:2px;background-color:#2fc989;position:absolute;bottom:.5em;left:0}.services.blue::before{background-color:#1c68e7}.services.green::before{background-color:#80c918}.services.orange::before{background-color:#f88d24}.services.yellow::before{background-color:#fbe425}.services.red::before{background-color:#eb352a}.services.pink::before{background-color:#ef3ea2}.services.violet::before{background-color:#a836f4}.services.brown::before{background-color:#87583b}.services h3{margin:.3em 0;line-height:1.35em!important;float:left;font-size:2.5em;display:block}.color-wrap .services::before{background-color:#fff}.color-wrap.light-color .services::before{background-color:#2fc989}.right .services h4{left:30px}.circle-icon{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;position:relative;display:block;border:3px solid #f88d24;width:160px;margin:0 auto;height:160px}.circle-icon span{display:block;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;font-size:3em;line-height:160px;color:#f88d24}.circle-icon svg{display:block;width:184px;height:184px;position:absolute;top:-15px;left:-15px}.bio-gallery figure{background-color:#252627;overflow:hidden;transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);display:block;width:100%;height:100%;position:relative}.bio-gallery figure figcaption{font-size:2em;font-weight:400;font-family:Lora;font-style:italic;text-transform:none;transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);z-index:6500;position:absolute;display:block;bottom:-100%;left:0;padding:30px;color:#fff}.bio-gallery figure img{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);width:100%}.bio-gallery figure .animate-icon{z-index:1400;display:block;position:absolute;top:50%;transform:translate(0,-50%);-moz-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-o-transform:translate(0,-50%);-ms-transform:translate(0,-50%);left:0;width:100%;color:#fff;font-size:12em;text-align:center}.bio-gallery figure:hover figcaption{bottom:0}.bio-gallery figure:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05);opacity:.5}@-webkit-keyframes pulsateHeart{0%{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}20%{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2)}40%{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}55%{transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3)}100%{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@-ms-keyframes pulsateHeart{0%{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}20%{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2)}40%{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}55%{transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3)}100%{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@-moz-keyframes pulsateHeart{0%{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}20%{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2)}40%{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}55%{transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3)}100%{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}@keyframes pulsateHeart{0%{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}20%{transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2)}40%{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1)}55%{transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-o-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3)}100%{transform:scale(1,1);-moz-transform:scale(1,1);-webkit-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1)}}#logo{transition:.25s;-webkit-transition:.25s;-moz-transition:.25s;-o-transition:.25s;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;display:block;position:fixed;top:45px;left:45px;width:60px;height:60px;z-index:2000}#logo a{transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;z-index:2010}#logo a img path{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);margin:0;padding:0}#logo figure::before{transition:.35s;-webkit-transition:.35s;-moz-transition:.35s;-o-transition:.35s;-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;-ms-transition-delay:.15s;transition-delay:.15s;content:"";position:absolute;top:0;left:-5px;right:-5px;bottom:-10px;border-radius:50%;border:3px solid transparent;border-right-color:#252627;border-left-color:#252627}#logo figure::after{transition:.35s;-webkit-transition:.35s;-moz-transition:.35s;-o-transition:.35s;content:"";position:absolute;top:0;left:-5px;right:-5px;bottom:-10px;border-radius:50%;border:3px solid transparent;border-top-color:#252627;border-bottom-color:#252627}#logo:hover figure::before{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg)}#logo:hover ::after{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}#nav-icon{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;z-index:2100;width:50px;height:40px;position:fixed;top:52.5px;right:45px;padding:30px 0;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;cursor:pointer}#nav-icon span{display:block;position:absolute;height:3px;width:100%;background:#252627;opacity:1;left:0;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s}#nav-icon span:nth-child(1){top:8px}#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:22px}#nav-icon span:nth-child(4){top:36px}#nav-icon.open span:nth-child(1){top:16px;width:0;left:50%}#nav-icon.open span:nth-child(2){transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}#nav-icon.open span:nth-child(3){transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}#nav-icon.open span:nth-child(4){top:18px;width:0;left:50%}#nav-icon.open span{background-color:#fff}#menu{height:100%;background-color:none}.menu{margin:0;height:100%;width:100%;padding:0;position:relative}.menu li{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);line-height:2em;font-weight:700;margin:0;padding:0}.menu li a{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);background-color:transparent;border:none;position:relative;padding:0;color:#fff;text-decoration:none}.menu-trigger{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;z-index:2050;position:fixed;top:-150%;left:0;width:100%;height:100%;font-weight:700;display:block;font-size:2.25em;text-align:left;text-transform:uppercase;background:url(../images/bg-pattern.png) rgba(37,38,39,.97);overflow:hidden}.menu-trigger li{transition:all 300ms cubic-bezier(.235,.625,.07,.98);-webkit-transition:all 300ms cubic-bezier(.235,.625,.07,.98);-moz-transition:all 300ms cubic-bezier(.235,.625,.07,.98);-o-transition:all 300ms cubic-bezier(.235,.625,.07,.98);display:block;font-family:Montserrat,sans-serif;font-style:normal;text-align:center;width:100%;opacity:0;position:absolute;letter-spacing:.2em;top:-150%}.menu-trigger li a{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);z-index:8888;color:#fff;overflow:visible;margin:0;padding:0}.menu-trigger li.menu-social{top:200%;font-size:.4em;color:#6f7276;margin:0;letter-spacing:.1em;font-weight:400;padding:0}.menu-trigger .s-1,.menu-trigger .s-2,.menu-trigger .s-3,.menu-trigger .s-4,.menu-trigger .s-5,.menu-trigger .s-6{display:inline-block;margin:0;width:60px;height:60px;font-size:2.25em;letter-spacing:0}.menu-trigger .s-1 a,.menu-trigger .s-2 a,.menu-trigger .s-3 a,.menu-trigger .s-4 a,.menu-trigger .s-5 a,.menu-trigger .s-6 a{display:block;line-height:60px;color:rgba(255,255,255,.5);background-color:transparent}.menu-trigger .m-1 a:hover,.menu-trigger .m-2 a:hover,.menu-trigger .m-3 a:hover,.menu-trigger .m-4 a:hover{letter-spacing:.4em}.menu-trigger .m-1 a.active,.menu-trigger .m-1 a.active:hover,.menu-trigger .m-2 a.active,.menu-trigger .m-2 a.active:hover,.menu-trigger .m-3 a.active,.menu-trigger .m-3 a.active:hover,.menu-trigger .m-4 a.active,.menu-trigger .m-4 a.active:hover{letter-spacing:.2em}.menu-trigger.opened{-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;-ms-transition-delay:.15s;transition-delay:.15s;top:0;left:0;right:0;bottom:0}.menu-trigger.opened li{opacity:1}.menu-trigger.opened .m-1{-webkit-transition-delay:.84s;-moz-transition-delay:.84s;-o-transition-delay:.84s;-ms-transition-delay:.84s;transition-delay:.84s;top:12%}.menu-trigger.opened .m-2{-webkit-transition-delay:.78s;-moz-transition-delay:.78s;-o-transition-delay:.78s;-ms-transition-delay:.78s;transition-delay:.78s;top:22%}.menu-trigger.opened .m-3{-webkit-transition-delay:.72s;-moz-transition-delay:.72s;-o-transition-delay:.72s;-ms-transition-delay:.72s;transition-delay:.72s;top:32%}.menu-trigger.opened .m-4{-webkit-transition-delay:.66s;-moz-transition-delay:.66s;-o-transition-delay:.66s;-ms-transition-delay:.66s;transition-delay:.66s;top:42%}.menu-trigger.opened .m-5{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;-ms-transition-delay:.6s;transition-delay:.6s;top:52%}.menu-trigger.opened a.active,.menu-trigger.opened a:hover{color:#2fc989}.menu-trigger.opened .menu-social{-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;-o-transition-delay:1.1s;-ms-transition-delay:1.1s;transition-delay:1.1s;top:57%}.menu-trigger.opened .s-1,.menu-trigger.opened .s-2,.menu-trigger.opened .s-3,.menu-trigger.opened .s-4,.menu-trigger.opened .s-5,.menu-trigger.opened .s-6{position:static}.menu-trigger.opened .s-1 a,.menu-trigger.opened .s-2 a,.menu-trigger.opened .s-3 a,.menu-trigger.opened .s-4 a,.menu-trigger.opened .s-5 a,.menu-trigger.opened .s-6 a{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s;color:#fff}.menu-trigger.opened .s-1 a:hover,.menu-trigger.opened .s-2 a:hover,.menu-trigger.opened .s-3 a:hover,.menu-trigger.opened .s-4 a:hover,.menu-trigger.opened .s-5 a:hover,.menu-trigger.opened .s-6 a:hover{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;background-color:#2fc989}.menu-trigger.opened .s-1 a::after,.menu-trigger.opened .s-1 a::before,.menu-trigger.opened .s-2 a::after,.menu-trigger.opened .s-2 a::before,.menu-trigger.opened .s-3 a::after,.menu-trigger.opened .s-3 a::before,.menu-trigger.opened .s-4 a::after,.menu-trigger.opened .s-4 a::before,.menu-trigger.opened .s-5 a::after,.menu-trigger.opened .s-5 a::before,.menu-trigger.opened .s-6 a::after,.menu-trigger.opened .s-6 a::before{display:none!important}.menu-trigger.opened .s-1 span,.menu-trigger.opened .s-2 span,.menu-trigger.opened .s-3 span,.menu-trigger.opened .s-4 span,.menu-trigger.opened .s-5 span,.menu-trigger.opened .s-6 span{padding:0;margin:0}.menu-trigger.opened .s-1.active,.menu-trigger.opened .s-1:hover,.menu-trigger.opened .s-2.active,.menu-trigger.opened .s-2:hover,.menu-trigger.opened .s-3.active,.menu-trigger.opened .s-3:hover,.menu-trigger.opened .s-4.active,.menu-trigger.opened .s-4:hover,.menu-trigger.opened .s-5.active,.menu-trigger.opened .s-5:hover,.menu-trigger.opened .s-6.active,.menu-trigger.opened .s-6:hover{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%}.cl-effect-3 a::before{z-index:-1;transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);background-color:#2fc989;display:block;content:"";height:2px;width:200%;position:absolute;top:50%;left:-300%;opacity:0}.cl-effect-3 a.active::before,.cl-effect-3 a:focus::before,.cl-effect-3 a:hover::before{width:110%;opacity:1;left:-10%}.et-wrapper{position:relative;-webkit-perspective:1200px;-moz-perspective:1200px;perspective:1200px;display:block;height:100vh}.et-page{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#fff;visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;color:#252627}.et-page p{font-family:Lora,serif;font-style:italic;font-size:1.15em}.page-wrap{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);max-width:1100px;width:100%;padding:90px;margin:0}.title-subhead{line-height:1.75em;position:relative}.title-subhead p{padding:1.5em 0 2em;margin:0}.title-subhead .h-button{font-size:70%;color:#252627}.et-page-current,.no-js .et-page{visibility:visible;overflow:hidden;z-index:20}.no-js body{overflow:auto}.et-page-ontop{z-index:99999}.et-rotate{cursor:pointer}#page-1{position:relative}#page-1 .h-button{border-color:#2fc989;color:#2fc989}#page-1 .h-button::after{background-color:#2fc989}#page-2 .h-button{border-color:#1c68e7;color:#1c68e7}#page-2 .h-button span::before,#page-2 .h-button::after{background-color:#1c68e7}.et-page{overflow:hidden}.et-page img.title-bg{z-index:-1;display:block;position:absolute;top:100px;right:0}.et-page .h-button:hover{color:#fff!important}.trigger{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);position:absolute;left:50%;padding:30px 45px;text-align:center;text-transform:uppercase;font-size:.75em;letter-spacing:.2em;font-family:Montserrat,sans-serif;z-index:5999;color:rgba(37,38,39,.5);transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0)}.trigger span{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);transform:translate(-50%,0);-moz-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-ms-transform:translate(-50%,0)}.trigger:hover{color:#252627}.trigger.trigger-up{top:30px}.trigger.trigger-up span{position:absolute;top:-100px}.trigger.trigger-up:hover{padding-top:60px}.trigger.trigger-up:hover span{top:30px}.trigger.trigger-down{bottom:30px}.trigger.trigger-down span{position:absolute;bottom:-100px}.trigger.trigger-down:hover{padding-bottom:60px}.trigger.trigger-down:hover span{bottom:30px}.container,.header{height:100%;background-color:#fff}.header{position:relative;margin:0 auto;min-height:560px;width:100%}.bg-img{position:absolute;overflow:hidden;top:0;left:0;right:0;bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.bg-img img{position:absolute;top:0;left:0;display:block;min-width:100%;min-height:100%}.title{z-index:1000;margin:0 auto;padding:0 1.25em;width:100%;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.h-wrap.c-wrap .h-button{background:0 0;border-color:#2fc989;color:#2fc989;font-family:Montserrat,sans-serif;font-size:100%}.h-wrap.c-wrap .h-button:hover{background-color:#2fc989;color:#fff;border-color:#2fc989}.btn-bottom-wrap{width:100%}.btn-bottom{display:block;width:100%;margin-top:45px;text-align:center}.content-big{max-width:1280px;margin:0 auto}.content-med{max-width:960px;margin:0 auto}.content{max-width:820px;margin:0 auto}.content-sm{max-width:620px;margin:0 auto}.content-max{max-width:1680px;margin:0 auto}.port-more-wrap{background:url(../images/title-bg-cyan.jpg) top right no-repeat #fff;overflow:hidden;border-top:1px solid #f2f2f2}.port-more{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);display:block;position:relative;overflow:hidden;margin-top:50px;line-height:.1em}.port-more::after{transition:.45s;-webkit-transition:.45s;-moz-transition:.45s;-o-transition:.45s;display:block;content:"";width:200%;height:110%;position:absolute;top:-5%;left:-230%;background-color:#2fc989;opacity:.1;z-index:30;transform:skew(-15deg,0);-moz-transform:skew(-15deg,0);-webkit-transform:skew(-15deg,0);-o-transform:skew(-15deg,0);-ms-transform:skew(-15deg,0)}.port-more .figcaption{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;-ms-transition-delay:.15s;transition-delay:.15s;z-index:5555;position:absolute;display:block;width:100%;text-align:center;top:110%;left:0;color:#fff;font-size:2em;font-weight:700}.port-more:hover .figcaption{top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%)}.port-more:hover::after{left:-85%;opacity:1}.grid{position:relative;margin:0 auto;list-style:none;text-align:center;line-height:0}.grid .grid-item{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);padding:0;display:block;width:100%;height:100%;position:relative;z-index:10;overflow:hidden}.grid .grid-item::after{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;display:block;content:"";width:200%;height:110%;position:absolute;top:-5%;left:-230%;background-color:#2fc989;opacity:.1;z-index:30;transform:skew(-15deg,0);-moz-transform:skew(-15deg,0);-webkit-transform:skew(-15deg,0);-o-transform:skew(-15deg,0);-ms-transform:skew(-15deg,0)}.grid .grid-item.cyan h2::after,.grid .grid-item.cyan::after{background-color:#2fc989}.grid .grid-item.blue h2::after,.grid .grid-item.blue::after{background-color:#1c68e7}.grid .grid-item.orange h2::after,.grid .grid-item.orange::after{background-color:#f88d24}.grid .grid-item.red h2::after,.grid .grid-item.red::after{background-color:#eb352a}.grid .grid-item.green h2::after,.grid .grid-item.green::after{background-color:#80c918}.grid .grid-item.violet h2::after,.grid .grid-item.violet::after{background-color:#a836f4}.grid .grid-item.yellow h2::after,.grid .grid-item.yellow::after{background-color:#fbe425}.grid .grid-item.pink h2::after,.grid .grid-item.pink::after{background-color:#ef3ea2}.grid .grid-item.brown h2::after,.grid .grid-item.brown::after{background-color:#87583b}.grid .grid-item:hover .figcaption h2::after{left:0;width:30%}.grid .grid-item:hover .figcaption h3{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1)}.grid .grid-item:hover img{transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-ms-transform:scale(1.05)}.grid .grid-item.cyan:hover h2{color:#2fc989}.grid .grid-item.blue:hover h2{color:#1c68e7}.grid .grid-item.orange:hover h2{color:#f88d24}.grid .grid-item.yellow:hover h2{color:#fbe425}.grid .grid-item.red:hover h2{color:#eb352a}.grid .grid-item.green:hover h2{color:#80c918}.grid .grid-item.violet:hover h2{color:#a836f4}.grid .grid-item.pink:hover h2{color:#ef3ea2}.grid .grid-item.brown:hover h2{color:#87583b}.grid.grid-half .grid-item{width:50%;float:left}.grid figure{transition:.35s;-webkit-transition:.35s;-moz-transition:.35s;-o-transition:.35s;width:55%;position:relative;overflow:hidden;margin:0;text-align:center;cursor:pointer;padding:0}.grid figure img{transition:2s;-webkit-transition:2s;-moz-transition:2s;-o-transition:2s;position:relative;min-width:320px;max-width:100%;opacity:1}.grid .figcaption{transition:.35s;-webkit-transition:.35s;-moz-transition:.35s;-o-transition:.35s;line-height:1.5em;position:absolute;width:50%;display:block;top:50%;left:50%;transform:translate(10%,-50%);-moz-transform:translate(10%,-50%);-webkit-transform:translate(10%,-50%);-o-transform:translate(10%,-50%);-ms-transform:translate(10%,-50%);color:#252627;text-transform:uppercase;z-index:50}.grid .figcaption h2{transition:.35s;-webkit-transition:.35s;-moz-transition:.35s;-o-transition:.35s;margin:.3em 0;text-align:left;line-height:1.35em!important;font-size:2.85em;display:block}.grid .figcaption h2::after{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);content:"";display:block;position:absolute;top:70%;left:100%;height:2px;width:200%}.grid .figcaption h3{transition:2s;-webkit-transition:2s;-moz-transition:2s;-o-transition:2s;position:absolute;display:block;text-align:left;width:100%;z-index:-1;left:-30px;top:-1.15em;font-size:4em;text-transform:none;font-family:Lora,serif;line-height:.95em;font-weight:400;color:rgba(37,38,39,.05)}.grid .figcaption span{transition:.35s;-webkit-transition:.35s;-moz-transition:.35s;-o-transition:.35s;font-size:1.25em;font-family:Lora,serif;font-style:italic;display:block;line-height:1em;text-transform:none;text-align:left}.grid .grid-item.grid-item-right .figcaption{top:50%;left:0;transform:translate(-10%,-55%);-moz-transform:translate(-10%,-55%);-webkit-transform:translate(-10%,-55%);-o-transform:translate(-10%,-55%);-ms-transform:translate(-10%,-55%)}.grid .grid-item.grid-item-right .figcaption h2,.grid .grid-item.grid-item-right .figcaption h3,.grid .grid-item.grid-item-right .figcaption span{text-align:right}.grid .grid-item.grid-item-right .figcaption h2::after{left:-200%}.grid .grid-item.grid-item-right:hover h2:after{left:70%}.related-projects .rel-item{float:left;width:50%;position:relative;overflow:hidden;border-right:1px solid #e5e5e6}.related-projects .rel-item h4{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);font-weight:400;letter-spacing:.15em;font-size:1.25em}.related-projects .rel-item h4 span{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;-ms-transition-delay:0s;transition-delay:0s;font-size:.75em}.related-projects .rel-item::after{z-index:-1;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;content:"";display:block;position:absolute;background-color:#2fc989;top:-5%;left:-200%;width:150%;height:110%;transform:skew(-15deg,0);-moz-transform:skew(-15deg,0);-webkit-transform:skew(-15deg,0);-o-transform:skew(-15deg,0);-ms-transform:skew(-15deg,0)}.related-projects .rel-item:hover h4,.related-projects .rel-item:hover h4 span{color:#fff}.related-projects .rel-item:hover::after{left:-25%}.related-projects .rel-item.blue:hover::after{background-color:#1c68e7}.related-projects .rel-item.green:hover::after{background-color:#80c918}.related-projects .rel-item.yellow:hover::after{background-color:#fbe425}.related-projects .rel-item.orange:hover::after{background-color:#f88d24}.related-projects .rel-item.red:hover::after{background-color:#eb352a}.related-projects .rel-item.violet:hover::after{background-color:#a836f4}.related-projects .rel-item.pink:hover::after{background-color:#ef3ea2}.related-projects .rel-item.brown:hover::after{background-color:#87583b}.related-projects h4{text-align:center;padding:90px 0}.s-button span{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border:1px solid #d7d9da;position:relative;display:inline-block;font-size:2em;height:135px;width:135px;line-height:135px;color:#bdbfc1;margin-right:15px;text-align:center}.s-button span:hover{color:#fff;background-color:#d7d9da}.f-contact .italic{margin:1.5em 0 1em;font-size:1.25em}.f-contact .h-wrap{margin-top:2em}.f-contact .button.h-button{color:#fff;border-color:#fff}.f-contact .button.h-button::after{background-color:#fff;opacity:0}.f-contact .button.h-button span::before{background-color:#fff}.f-contact .button.h-button:hover{color:#252627;border-color:#fff}.f-contact .button.h-button:hover span::before{background-color:#fff}.f-contact .button.h-button:hover::after{opacity:1}.sharer-about{position:relative;background-color:#f88d24;overflow:hidden}.sharer-about img{width:100%;position:absolute;top:0;left:0}.sharer-about .s-button{background-color:rgba(37,38,39,.1)}.sharer-about .s-button:hover{background-color:#252627}.footer{background-color:#252627;color:#898c8f;letter-spacing:.05em;word-spacing:.1em}.footer p{margin:0}.footer .footer-social{margin:45px}.footer .footer-social li{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);display:inline-block;margin:0;width:60px;height:60px;font-size:1.25em;letter-spacing:0}.footer .footer-social li a{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);display:block;line-height:60px;color:#fff}.footer .footer-social li a:hover{background-color:#0c0d0d}.contact{height:100vh;padding:0;background:url(../images/contact-bg.jpg) top left no-repeat #80c918;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.contact section.contact{overflow:visible}.contact header{padding-bottom:0}.contact h1 span{color:#fff}.contact .footer{background-color:transparent}.c #nav-icon span{background-color:#fff}.c #logo figure::before{border-right-color:#fff;border-left-color:#fff}.c #logo figure::after{border-top-color:#fff;border-bottom-color:#fff}.m-detail-layout{width:100%;height:100%}.m-scene .scene_element{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}.m-scene .scene_element--fadein{-webkit-animation-name:fadeIn;animation-name:fadeIn}.m-scene .scene_element--fadeinup{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.m-scene .scene_element--fadeinupbig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}.m-scene .scene_element--fadeinright{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.m-scene .scene_element--delayed{-webkit-animation-delay:.25s;animation-delay:.25s}.m-scene.is-exiting .scene_element{-webkit-animation-direction:alternate-reverse;animation-direction:alternate-reverse}.m-scene.is-exiting .scene_element--delayed{-webkit-animation-delay:0s;animation-delay:0s}.m-scene.is-exiting .scene_element--noexiting{-webkit-animation-direction:alternate-reverse;animation-direction:alternate-reverse}@media only screen and (min-width:1680px){body.home #logo,body.home #nav-icon{margin:0}.w50 img{width:100%}}@media only screen and (max-width:1680px){.skill-desc{padding:120px 90px 0 230px}.left .skill-desc{padding:120px 230px 0 90px}}@media only screen and (max-width:1366px){body.home{font-size:1em}.skill-desc{padding:60px 60px 0 230px}.left .skill-desc{padding:60px 230px 0 60px}.content-big{padding-left:30px;padding-right:30px}.bio-gallery img{opacity:.6}.related-projects .rel-item h4{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);letter-spacing:.2em}.related-projects .rel-item:hover h4{color:#fff;letter-spacing:.2em}}@media only screen and (max-width:1280px){body.home{overflow:hidden;animation:none;-webkit-animation:none;-moz-animation:none;-ms-animation:none}header{padding:30px 0 45px}.page .project-top .main-img{margin-top:-1em}.project-detail aside h3.t-caption{font-size:2em}.skill-item .left.w50,.skill-item .right.w50{float:none;width:100%}.skill-item figure img{width:100%}.left .skill-desc,.skill-desc{padding:60px}}@media only screen and (max-width:1024px){.t-offset{padding-top:90px}.b-offset{padding-bottom:90px}.tb-offset{padding-top:90px;padding-bottom:90px}.t-offset-sm{padding-top:30px}.b-offset-sm{padding-bottom:45px}.tb-offset-sm{padding-top:30px;padding-bottom:45px}body.home{margin:0;padding:0!important}body.page{text-align:left!important}body.page h1{font-size:5em!important}body.page h2{font-size:3em!important}body.page h2 span{font-size:.425em!important}#logo{margin:0;top:30px;left:30px}#logo figure::after,#logo figure::before{border-width:2px}#nav-icon{top:45px;right:30px}#loader{width:215px;height:215px}#loader img{display:block;width:50px}.page-wrap{width:100%;padding:60px}.et-page img.title-bg{right:-20%}.page .project-top .main-bg{top:220px}.services h3{font-size:1.75em}.grid .grid-item h2{font-size:2.25em!important}.rel-anchor{display:none!important}.content,.content-big,.content-med,.content-sm{padding-left:30px;padding-right:30px}#contactform .content-sm{padding:0}.project-detail aside{text-align:left;padding:15px 30px 0 0}.project-detail aside.right{padding-left:30px;padding-right:0}.grid.grid-half .grid-item{width:100%;float:none}.quot-car{margin:90px 120px}.border-box{border-bottom:0}.border-box .w50{width:100%}.border-box .right{display:none}.button.h-button{color:#252627!important;padding:20px 45px!important}.button.h-button span,.button.h-button::after{display:none}.button.h-button:hover{color:#252627!important;padding:20px 45px!important}.f-contact .button.h-button{color:#fff!important}.about-item{padding:0 30px}.about-item .left,.about-item .right{float:none;width:100%}.about-item figure{display:none}}@media only screen and (max-width:768px){.t-offset{padding-top:60px}.b-offset{padding-bottom:60px}.tb-offset{padding-top:60px;padding-bottom:60px}.grid-item,.w50{width:100%!important}figure img{width:100%}.page .project-top{position:relative;overflow:visible}.left.w25 figure,.partners{display:none}.sharer-about{padding-left:15px;padding-right:15px}.sharer-about img{display:none}.award-badge{display:none!important}.trigger{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);position:absolute;left:50%;padding:15px 30px}.trigger.trigger-up{top:15px}.trigger.trigger-up span{top:0}.trigger.trigger-up:hover{padding-top:15px}.trigger.trigger-up:hover span{top:0}.trigger.trigger-down{bottom:15px}.trigger.trigger-down span{bottom:0}.trigger.trigger-down:hover{padding-bottom:15px}.trigger.trigger-down:hover span{bottom:0}body{font-size:80%!important}body.page{text-align:left!important}body.page h1{font-size:3em!important;margin-top:.75em!important;line-height:1em}body.page h1 span{font-size:.4em!important;line-height:1.3em}body.page h1+p{margin-top:1.5em}body.page h2{font-size:2.25em!important}body.page h2 span{font-size:.4em!important}body.page .page-title h1{font-size:2.5em!important;line-height:.9em!important}body .page-title h1 span{font-size:1em!important;line-height:.9em!important}body.home{font-size:.9em}body.home h1{font-size:2.5em}header{padding:30px 0}.w25{width:100%;padding-top:0;padding-bottom:30px}.w30,.w60,.w75,aside{width:100%}.left.w25.t-offset-sm,.right.w25.t-offset-sm{padding-top:0}.screen-wrap figure{margin-right:0}.screen-wrap .right figure{margin-right:0;margin-left:0}.bio-gallery .w25{padding-bottom:0}.bio-gallery figcaption{bottom:0!important}.page .project-top .main-bg{top:175px}.particles-wrap header{padding:90px 0}.h-button{letter-spacing:.1em!important}.h-wrap{margin-top:0!important}.h-wrap .h-button{margin-bottom:1em!important;font-size:100%;padding:14px 45px!important}.h-wrap .h-button:hover{padding:14px 45px!important}figure.bg{display:none}ul.pager{padding:30px}ul.pager li{height:18px;width:18px}ul.pager li a{width:18px;height:18px}ul.pager li::before{border:2px solid #bdbfc1;height:26px;width:26px;top:-4px;left:-4px}.title-subhead{line-height:1.5em;position:relative}.title-subhead p{padding:1em 0 1.2em;margin:0}.about-item,.about-item .tb-offset{padding:0}.dotstyle ul{margin-top:30px}#logo{width:50px;height:50px;top:15px;left:15px}#nav-icon{width:30px!important;padding:0!important;top:25px;right:15px}#nav-icon span:nth-child(1){top:0}#nav-icon span:nth-child(2),#nav-icon span:nth-child(3){top:10px}#nav-icon span:nth-child(4){top:20px}#nav-icon.open span:nth-child(1){top:10px;width:0;left:50%}#nav-icon.open span:nth-child(4){top:10px;width:0;left:50%}.content,.content-big,.content-med,.content-sm{padding-left:15px!important;padding-right:15px!important}#contactform .content-sm{padding:30px 0 0!important}#contactform .textbox{line-height:1.5em;margin-bottom:.5em}.bg-detail{height:auto!important}.skills .bg-detail,.skills .skill-img{display:none!important}.skills .skill-desc{padding:30px}.et-page img.title-bg{display:none!important}.et-page .page-wrap{padding:22.5px 30px 0}.btn-bottom{margin-top:.5em}.quot-car{margin:60px}.quot-car::before{top:30px;left:-45px;font-size:6em}.quot-car::after{right:-30px;bottom:-30px;font-size:6em}.sharer .s-button{height:60px;width:60px;margin-right:7.5px}.sharer .s-button span{font-size:1.25em}.grid .grid-item::after{display:none}.grid .grid-item figure{width:100%}.grid .grid-item .figcaption,.grid .grid-item:hover .figcaption{font-size:.85em!important;position:static;margin-bottom:-30px;margin-top:30px;opacity:1;width:100%!important;transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-webkit-transform:translate(0,0)!important;-o-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important}.grid .grid-item .figcaption h2,.grid .grid-item .figcaption h3,.grid .grid-item .figcaption span,.grid .grid-item:hover .figcaption h2,.grid .grid-item:hover .figcaption h3,.grid .grid-item:hover .figcaption span{text-align:center!important}.grid .grid-item .figcaption h2::after,.grid .grid-item:hover .figcaption h2::after{display:none!important}.service-item{border-bottom:none!important;border-right:none!important}.footer-social{margin:22.5px}.footer-social li{width:50px;height:50px;font-size:1.4em}.footer-social li a{line-height:50px}#back-top{bottom:10px;right:10px;width:40px;height:40px}#back-top a{width:40px;height:40px;margin:0;padding:0}#back-top a span.icon{padding:0;margin:0;line-height:40px!important;font-size:1em!important}#back-top a:hover span.icon{font-size:1em!important;margin-top:0}#back-top a span.fade{display:none}.related-projects .rel-item{width:100%;border:none;border-bottom:1px solid #e5e5e6}.related-projects .rel-item h4{transition:all 350ms cubic-bezier(.215,.61,.215,1);-webkit-transition:all 350ms cubic-bezier(.215,.61,.215,1);-moz-transition:all 350ms cubic-bezier(.215,.61,.215,1);-o-transition:all 350ms cubic-bezier(.215,.61,.215,1);letter-spacing:0;padding:30px 0}.related-projects .rel-item:hover h4{letter-spacing:0}}@media only screen and (max-width:768px){form{pading:0;background-color:transparent}form#contactform{padding:0!important;margin:0!important;border:none}form .left,form .right{margin:0!important;padding:0!important}.menu-trigger{font-size:1.75em}.menu-trigger li.menu-social{font-size:.55em!important}.menu-trigger .cl-effect-3 a::after,.menu-trigger .cl-effect-3 a::before{display:none}}@media only screen and (max-width:480px){body{font-size:.825em!important}.et-page .page-wrap{padding:15px}}
</style>
</HEAD>
<BODY class="m-scene page" id="main">
<!--[if lt IE 11]> <div class="old-browser"> <h2 class="bigger red">Wow, that's old.</h2> <p>Switch to another browser, I'm not that old school.</p> </div> <![endif]-->
<DIV id="loader" style="text-align:center;">
<FIGURE>
<IMG alt="Cody Bennett" src="https://www.cbenn.ml/images/logo-white.svg" />
</FIGURE>
</DIV>
<main class="wrapper page-title">
<!-- navigation -->
<DIV id="logo">
<A title="Cody Bennett" href="https://www.cbenn.ml">
<FIGURE>
<IMG alt="Cody Bennett" src="https://www.cbenn.ml/images/logo.svg" />
</FIGURE>
</A>
</DIV>
<DIV id="nav-icon">
<SPAN></SPAN>
<SPAN></SPAN>
<SPAN></SPAN>
<SPAN></SPAN>
</DIV>
<!-- navigation -->
<DIV class="menu-trigger">
<NAV class="cl-effect-3" id="menu">
<UL class="menu">
<LI class="m-1">
<A href="https://www.cbenn.ml/index.html">Home</A>
</LI>
<LI class="m-2">
<A href="https://www.cbenn.ml/projects.html">Projects</A>
</LI>
<LI class="m-3">
<A href="https://www.cbenn.ml/about.html">About</A>
</LI>
<LI class="m-4">
<A href="https://www.cbenn.ml/contact.html">Contact</A>
</LI>
</UL>
<li class="menu-social">Connect with me
<ul>
<li class="s-1"><a title="Email me" href="mailto:cody@cbenn.ml"><i class="fa fa-envelope"></i></a>
</li>
<li class="s-2"><a title="See my tools" href="void(0);"><i class="fa fa-github"></i></a>
</li>
<li class="s-3"><a title="See me helping people." href="http://stackoverflow.com/users/6258774/cody-bennett"><i class="fa fa-stack-overflow"></i></a>
</li>
<li class="s-4"><a title="See my projects" href="http://codepen.io/acedev"><i class="fa fa-codepen"></i></a>
</li>
</ul>
</li>
</NAV>
</DIV>
<DIV class="m-page scene_element scene_element--fadeinup">
<!-- validate plugin -->
<SCRIPT src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js" type="text/javascript"></SCRIPT>
<SCRIPT type="text/javascript">
jQuery(document).ready(function(a){a("#contactform").validate({rules:{name:{required:!0},email:{required:!0,email:!0},message:{required:!0}},messages:{name:{required:"Enter Name"},email:{required:"Enter e-mail address",email:"Use format - example@email.com"},message:{required:"Enter message"}}})});
</SCRIPT>
<SECTION class="contact" style="background: white !important;">
<div>
<HEADER class="wow fadeInUp">
<H1 class="white"><SPAN style="color: black">— Get in touch —</SPAN></H1>
</HEADER>
<DIV class="content-sm centered wow fadeInUp" data-wow-delay="0.25s">
<FORM id="contactform" name="sentMessage" method="post" novalidate>
<FIELDSET>
<DIV class="left w50">
<INPUT style="background: black;" name="name" class="textbox" id="name" type="text" placeholder="Name *" value="" autocomplete="off">
</DIV>
<DIV class="right w50">
<INPUT style="background: black;" name="email" class="textbox" id="Email" type="email" placeholder="Email *" value="">
</DIV>
<BR class="clear">
<TEXTAREA style="background: black;" name="message" class="textbox area" id="message" placeholder="Message *" rows="5">Message *</TEXTAREA>
<INPUT style="background: #ADD8E6;" name="submitform" tabindex="300" class="button h-button" type="submit" value="Send message">
<P>* Required fields</P>
</FIELDSET>
</FORM>
</DIV>
</div>
</SECTION>
</DIV>
</main>
<script type="text/javascript" src="https://www.cbenn.ml/js/mail.js"></script>
<script type="text/javascript" src="https://www.cbenn.ml/js/load.js"></script>
</BODY>
</HTML>
Here is the source for the bootstrap form:
<head>
<link rel="stylesheet" type="text/css" href="contact.css"/>
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Contact Section -->
<div id="contact" class="text-center">
<div class="overlay">
<div class="container">
<div class="col-md-8 col-md-offset-2">
<form name="sentMessage" id="contactForm" novalidate>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<input type="text" id="name" class="form-control" placeholder="Name" required="required">
<p></p>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="email" id="email" class="form-control" placeholder="Email" required="required">
<p></p>
</div>
</div>
</div>
<div class="form-group">
<textarea name="message" id="message" class="form-control" rows="4" placeholder="Message" required></textarea>
<p></p>
</div>
<div id="success"></div>
<button type="submit" class="btn btn-default">Send Message</button>
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="mail.js"></script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</body>
</html>
contact.css: https://www.cbenn.ml/contact.css
mail.js:
$(function() {
$("input,textarea").jqBootstrapValidation({
preventSubmit: !0,
submitError: function() {},
submitSuccess: function(a, b) {
b.preventDefault();
var c = $("input#name").val(),
d = $("input#email").val(),
e = $("textarea#message").val(),
f = c;
f.indexOf(" ") >= 0 && (f = c.split(" ").slice(0, -1).join(" ")), $.ajax({
url: "././mail/contact_me.php",
type: "POST",
data: {
name: c,
email: d,
message: e
},
cache: !1,
success: function() {
$("#success").html("<div class='alert alert-success'>"), $("#success > .alert-success").html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×").append("</button>"), $("#success > .alert-success").append("<strong>Your message has been sent. </strong>"), $("#success > .alert-success").append("</div>"), $("#contactForm").trigger("reset")
},
error: function() {
$("#success").html("<div class='alert alert-danger'>"), $("#success > .alert-danger").html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>×").append("</button>"), $("#success > .alert-danger").append("<strong>Sorry " + f + ", it seems that my mail server is not responding. Please try again later!"), $("#success > .alert-danger").append("</div>"), $("#contactForm").trigger("reset")
}
})
},
filter: function() {
return $(this).is(":visible")
}
}), $('a[data-toggle="tab"]').click(function(a) {
a.preventDefault(), $(this).tab("show")
})
}), $("#name").focus(function() {
$("#success").html("")
});
contact-me.php:
<?php
// Check for empty fields
if(empty($_POST['name']) ||
empty($_POST['email']) ||
empty($_POST['message']) ||
!filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
{
echo "No arguments Provided!";
return false;
}
$name = $_POST['name'];
$email_address = $_POST['email'];
$message = $_POST['message'];
$to = 'cody@cbenn.ml';
$email_subject = "Website Contact Form: $name";
$email_body = "You have received a new message from your website contact form.\n\n"."Here are the details:\n\nName: $name\n\nEmail: $email_address\n\nMessage:\n$message";
$headers = "From: noreply@cbenn.ml\n";
$headers .= "Reply-To: $email_address";
mail($to,$email_subject,$email_body,$headers);
return true;
?>