(Prototype team page) |
|||
Line 1: | Line 1: | ||
{{Waterloo}} | {{Waterloo}} | ||
<html> | <html> | ||
+ | <style> | ||
+ | @import url("https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600"); | ||
+ | body{ | ||
+ | font-family:'Raleway' | ||
+ | } | ||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | #top-section { | ||
+ | border: none; | ||
+ | height: 0px;} | ||
+ | #content { | ||
+ | border: none; | ||
+ | background-color: transparent !important;} | ||
+ | #content H1 { | ||
+ | font-weight:lighter !important; | ||
+ | } | ||
+ | #footer{ | ||
+ | text-align:left !important; | ||
+ | } | ||
+ | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { | ||
+ | margin:0 !important; | ||
+ | } | ||
+ | #footer li{ | ||
+ | margin-left: 0px !important; | ||
+ | white-space: nowrap !important; | ||
+ | } | ||
+ | /*! | ||
+ | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome | ||
+ | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | ||
+ | */@font-face{font-family:'FontAwesome';src:url('https://static.igem.org/mediawiki/2019/9/9a/T--Waterloo--fontawesome-webfont.eot?v=4.7.0');src:url('https://static.igem.org/mediawiki/2019/9/9a/T--Waterloo--fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url(https://static.igem.org/mediawiki/2019/7/74/T--Waterloo--fontawesome-webfont.woff?v=4.7.0) format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url(https://static.igem.org/mediawiki/2019/5/53/T--Waterloo--fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} | ||
+ | |||
+ | |||
+ | /* | ||
+ | Industrious by TEMPLATED | ||
+ | templated.co @templatedco | ||
+ | Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) | ||
+ | */ | ||
+ | /* Basic */ | ||
+ | @-ms-viewport { | ||
+ | width: device-width; } | ||
+ | body { | ||
+ | -ms-overflow-style: scrollbar; } | ||
+ | |||
+ | @media screen and (max-width: 480px) { | ||
+ | html, body { | ||
+ | min-width: 320px; } } | ||
+ | html { | ||
+ | box-sizing: border-box; } | ||
+ | |||
+ | *, *:before, *:after { | ||
+ | box-sizing: inherit; } | ||
+ | |||
+ | body { | ||
+ | background: #ffffff; } | ||
+ | body.is-preload *, body.is-preload *:before, body.is-preload *:after { | ||
+ | -moz-animation: none !important; | ||
+ | -webkit-animation: none !important; | ||
+ | -ms-animation: none !important; | ||
+ | animation: none !important; | ||
+ | -moz-transition: none !important; | ||
+ | -webkit-transition: none !important; | ||
+ | -ms-transition: none !important; | ||
+ | transition: none !important; } | ||
+ | |||
+ | html, body, div, span, applet, object, | ||
+ | iframe, h1, h2, h3, h4, h5, h6, p, blockquote, | ||
+ | pre, a, abbr, acronym, address, big, cite, | ||
+ | code, del, dfn, em, img, ins, kbd, q, s, samp, | ||
+ | small, strike, strong, sub, sup, tt, var, b, | ||
+ | u, i, center, dl, dt, dd, ol, ul, li, fieldset, | ||
+ | form, label, legend, table, caption, tbody, | ||
+ | tfoot, thead, tr, th, td, article, aside, | ||
+ | canvas, details, embed, figure, figcaption, | ||
+ | footer, header, hgroup, menu, nav, output, ruby, | ||
+ | section, summary, time, mark, audio, video { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | font-size: 100%; | ||
+ | font: inherit; | ||
+ | vertical-align: baseline; } | ||
+ | |||
+ | article, aside, details, figcaption, figure, | ||
+ | footer, header, hgroup, menu, nav, section { | ||
+ | display: block; } | ||
+ | |||
+ | body { | ||
+ | line-height: 1; } | ||
+ | |||
+ | ol, ul { | ||
+ | list-style: none; } | ||
+ | |||
+ | blockquote, q { | ||
+ | quotes: none; } | ||
+ | blockquote:before, blockquote:after, q:before, q:after { | ||
+ | content: ''; | ||
+ | content: none; } | ||
+ | |||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0; } | ||
+ | |||
+ | body { | ||
+ | -webkit-text-size-adjust: none; } | ||
+ | |||
+ | mark { | ||
+ | background-color: transparent; | ||
+ | color: inherit; } | ||
+ | |||
+ | input::-moz-focus-inner { | ||
+ | border: 0; | ||
+ | padding: 0; } | ||
+ | |||
+ | input, select, textarea { | ||
+ | -moz-appearance: none; | ||
+ | -webkit-appearance: none; | ||
+ | -ms-appearance: none; | ||
+ | appearance: none; } | ||
+ | |||
+ | /* Typography */ | ||
+ | html { | ||
+ | font-size: 13pt; } | ||
+ | @media screen and (max-width: 1680px) { | ||
+ | html { | ||
+ | font-size: 11pt; } } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | html { | ||
+ | font-size: 12pt; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | html { | ||
+ | font-size: 11pt; } } | ||
+ | |||
+ | body { | ||
+ | |||
+ | color: #444444; } | ||
+ | |||
+ | body, input, select, textarea { | ||
+ | font-family: "Raleway", Arial, Helvetica, sans-serif; | ||
+ | font-weight: 400; | ||
+ | font-size: 1rem; | ||
+ | line-height: 1.65; } | ||
+ | |||
+ | a { | ||
+ | -moz-transition: color 0.2s ease-in-out; | ||
+ | -webkit-transition: color 0.2s ease-in-out; | ||
+ | -ms-transition: color 0.2s ease-in-out; | ||
+ | transition: color 0.2s ease-in-out; | ||
+ | text-decoration: underline; } | ||
+ | a:hover { | ||
+ | text-decoration: none; } | ||
+ | |||
+ | strong, b { | ||
+ | font-weight: 600; } | ||
+ | |||
+ | em, i { | ||
+ | font-style: italic; } | ||
+ | |||
+ | p { | ||
+ | margin: 0 0 2rem 0; } | ||
+ | |||
+ | header.special { | ||
+ | text-align: center; | ||
+ | margin-bottom: 4rem; } | ||
+ | header.special p { | ||
+ | max-width: 75%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | font-weight: 300; | ||
+ | line-height: 1.5; | ||
+ | text-transform: uppercase; | ||
+ | margin: 0 0 1.5rem 0; } | ||
+ | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { | ||
+ | color: inherit; | ||
+ | text-decoration: none; } | ||
+ | |||
+ | h1 { | ||
+ | font-size: 3rem; | ||
+ | line-height: 1.2; } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 2.25rem; | ||
+ | line-height: 1.3; } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 1.25rem; } | ||
+ | |||
+ | h4 { | ||
+ | font-size: 1rem; } | ||
+ | |||
+ | h5 { | ||
+ | font-size: 0.9rem; } | ||
+ | |||
+ | h6 { | ||
+ | font-size: 0.7rem; } | ||
+ | |||
+ | @media screen and (max-width: 736px) { | ||
+ | h1 { | ||
+ | font-size: 2.75rem; | ||
+ | line-height: 1.3; } | ||
+ | |||
+ | h2 { | ||
+ | font-size: 1.75rem; | ||
+ | line-height: 1.5; } | ||
+ | |||
+ | h3 { | ||
+ | font-size: 1.25rem; } } | ||
+ | sub { | ||
+ | font-size: 0.8rem; | ||
+ | position: relative; | ||
+ | top: 0.5rem; } | ||
+ | |||
+ | sup { | ||
+ | font-size: 0.8rem; | ||
+ | position: relative; | ||
+ | top: -0.5rem; } | ||
+ | |||
+ | blockquote { | ||
+ | border-left: solid 0.5rem; | ||
+ | font-style: italic; | ||
+ | margin: 0 0 2rem 0; | ||
+ | padding: 1rem 0 1rem 2rem; } | ||
+ | |||
+ | code { | ||
+ | border-radius: 4px; | ||
+ | border: solid 1px; | ||
+ | font-family: "Courier New", monospace; | ||
+ | font-size: 0.9rem; | ||
+ | margin: 0 0.25rem; | ||
+ | padding: 0.25rem 0.65rem; } | ||
+ | |||
+ | pre { | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | font-family: "Courier New", monospace; | ||
+ | font-size: 0.9rem; | ||
+ | margin: 0 0 2rem 0; } | ||
+ | pre code { | ||
+ | display: block; | ||
+ | line-height: 1.75; | ||
+ | padding: 1rem 1.5rem; | ||
+ | overflow-x: auto; } | ||
+ | |||
+ | hr { | ||
+ | border: 0; | ||
+ | border-bottom: solid 1px; | ||
+ | margin: 2rem 0; } | ||
+ | hr.major { | ||
+ | margin: 4rem 0; } | ||
+ | |||
+ | input, select, textarea { | ||
+ | color: #555555; } | ||
+ | |||
+ | a { | ||
+ | color: #B3DC77; } | ||
+ | |||
+ | strong, b { | ||
+ | color: #555555; } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | color: #555555; } | ||
+ | |||
+ | blockquote { | ||
+ | border-left-color: rgba(0, 0, 0, 0.25); } | ||
+ | |||
+ | code { | ||
+ | background: rgba(0, 0, 0, 0.075); | ||
+ | border-color: rgba(0, 0, 0, 0.25); } | ||
+ | |||
+ | hr { | ||
+ | border-bottom-color: rgba(0, 0, 0, 0.25); } | ||
+ | |||
+ | /* Inner */ | ||
+ | .inner { | ||
+ | margin: 0 auto; | ||
+ | width: 75rem; | ||
+ | max-width: calc(100% - 6rem); } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | .inner { | ||
+ | max-width: calc(100% - 3rem); } } | ||
+ | |||
+ | /* Button */ | ||
+ | input[type="submit"], | ||
+ | input[type="reset"], | ||
+ | input[type="button"], | ||
+ | button, | ||
+ | .button { | ||
+ | -moz-appearance: none; | ||
+ | -webkit-appearance: none; | ||
+ | -ms-appearance: none; | ||
+ | appearance: none; | ||
+ | -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | ||
+ | -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | ||
+ | -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | ||
+ | transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; | ||
+ | border: 0; | ||
+ | border-radius: 4px; | ||
+ | cursor: pointer; | ||
+ | display: inline-block; | ||
+ | font-weight: 600; | ||
+ | height: 3.25rem; | ||
+ | line-height: 3.25rem; | ||
+ | padding: 0 1.75rem; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | white-space: nowrap; } | ||
+ | input[type="submit"].small, | ||
+ | input[type="reset"].small, | ||
+ | input[type="button"].small, | ||
+ | button.small, | ||
+ | .button.small { | ||
+ | font-size: 0.8rem; | ||
+ | height: 2.4375rem; | ||
+ | line-height: 2.4375rem; | ||
+ | padding: 0 1.25rem; } | ||
+ | input[type="submit"].large, | ||
+ | input[type="reset"].large, | ||
+ | input[type="button"].large, | ||
+ | button.large, | ||
+ | .button.large { | ||
+ | font-size: 1.35rem; | ||
+ | height: 4.0625rem; | ||
+ | line-height: 4.0625rem; | ||
+ | padding: 0 2rem; } | ||
+ | input[type="submit"].wide, | ||
+ | input[type="reset"].wide, | ||
+ | input[type="button"].wide, | ||
+ | button.wide, | ||
+ | .button.wide { | ||
+ | min-width: 13rem; } | ||
+ | input[type="submit"].icon:before, | ||
+ | input[type="reset"].icon:before, | ||
+ | input[type="button"].icon:before, | ||
+ | button.icon:before, | ||
+ | .button.icon:before { | ||
+ | margin-right: 0.5rem; } | ||
+ | input[type="submit"].fit, | ||
+ | input[type="reset"].fit, | ||
+ | input[type="button"].fit, | ||
+ | button.fit, | ||
+ | .button.fit { | ||
+ | width: 100%; } | ||
+ | input[type="submit"].disabled, input[type="submit"]:disabled, | ||
+ | input[type="reset"].disabled, | ||
+ | input[type="reset"]:disabled, | ||
+ | input[type="button"].disabled, | ||
+ | input[type="button"]:disabled, | ||
+ | button.disabled, | ||
+ | button:disabled, | ||
+ | .button.disabled, | ||
+ | .button:disabled { | ||
+ | pointer-events: none; | ||
+ | opacity: 0.25; } | ||
+ | |||
+ | input[type="submit"], | ||
+ | input[type="reset"], | ||
+ | input[type="button"], | ||
+ | button, | ||
+ | .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #555555; | ||
+ | color: #555555 !important; } | ||
+ | input[type="submit"]:hover, | ||
+ | input[type="reset"]:hover, | ||
+ | input[type="button"]:hover, | ||
+ | button:hover, | ||
+ | .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | input[type="submit"]:hover:active, | ||
+ | input[type="reset"]:hover:active, | ||
+ | input[type="button"]:hover:active, | ||
+ | button:hover:active, | ||
+ | .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | input[type="submit"].primary, | ||
+ | input[type="reset"].primary, | ||
+ | input[type="button"].primary, | ||
+ | button.primary, | ||
+ | .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | input[type="submit"].primary:hover, | ||
+ | input[type="reset"].primary:hover, | ||
+ | input[type="button"].primary:hover, | ||
+ | button.primary:hover, | ||
+ | .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | input[type="submit"].primary:hover:active, | ||
+ | input[type="reset"].primary:hover:active, | ||
+ | input[type="button"].primary:hover:active, | ||
+ | button.primary:hover:active, | ||
+ | .button.primary:hover:active { | ||
+ | background-color: #B3DC77; } | ||
+ | |||
+ | /* Form */ | ||
+ | form { | ||
+ | margin: 0 0 2rem 0; } | ||
+ | |||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="email"], | ||
+ | input[type="tel"], | ||
+ | input[type="search"], | ||
+ | input[type="url"], | ||
+ | select, | ||
+ | textarea { | ||
+ | -moz-appearance: none; | ||
+ | -webkit-appearance: none; | ||
+ | -ms-appearance: none; | ||
+ | appearance: none; | ||
+ | border-radius: 4px; | ||
+ | border: none; | ||
+ | border: solid 1px; | ||
+ | color: inherit; | ||
+ | display: block; | ||
+ | outline: 0; | ||
+ | padding: 0 1rem; | ||
+ | text-decoration: none; | ||
+ | width: 100%; } | ||
+ | input[type="text"]:invalid, | ||
+ | input[type="password"]:invalid, | ||
+ | input[type="email"]:invalid, | ||
+ | input[type="tel"]:invalid, | ||
+ | input[type="search"]:invalid, | ||
+ | input[type="url"]:invalid, | ||
+ | select:invalid, | ||
+ | textarea:invalid { | ||
+ | box-shadow: none; } | ||
+ | |||
+ | label { | ||
+ | display: block; | ||
+ | font-size: 1rem; | ||
+ | font-weight: 600; | ||
+ | margin: 0 0 1rem 0; } | ||
+ | |||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="email"], | ||
+ | input[type="tel"], | ||
+ | input[type="search"], | ||
+ | input[type="url"] { | ||
+ | height: 3.25rem; } | ||
+ | |||
+ | select { | ||
+ | background-size: 1.25rem; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: calc(100% - 1rem) center; | ||
+ | height: 3.25rem; | ||
+ | padding-right: 3.25rem; | ||
+ | text-overflow: ellipsis; } | ||
+ | select:focus::-ms-value { | ||
+ | background-color: transparent; } | ||
+ | select::-ms-expand { | ||
+ | display: none; } | ||
+ | |||
+ | textarea { | ||
+ | padding: 0.75rem 1rem; } | ||
+ | |||
+ | input[type="checkbox"], | ||
+ | input[type="radio"] { | ||
+ | -moz-appearance: none; | ||
+ | -webkit-appearance: none; | ||
+ | -ms-appearance: none; | ||
+ | appearance: none; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | margin-right: -2rem; | ||
+ | opacity: 0; | ||
+ | width: 1rem; | ||
+ | z-index: -1; } | ||
+ | input[type="checkbox"] + label, | ||
+ | input[type="radio"] + label { | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | display: inline-block; | ||
+ | font-size: 1rem; | ||
+ | font-weight: 400; | ||
+ | padding-left: 2.825rem; | ||
+ | padding-right: 0.875rem; | ||
+ | position: relative; } | ||
+ | input[type="checkbox"] + label:before, | ||
+ | input[type="radio"] + label:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | input[type="checkbox"] + label:before, | ||
+ | input[type="radio"] + label:before { | ||
+ | border-radius: 4px; | ||
+ | border: solid 1px; | ||
+ | content: ''; | ||
+ | display: inline-block; | ||
+ | height: 1.95rem; | ||
+ | left: 0; | ||
+ | line-height: 1.86875rem; | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | top: -0.1625rem; | ||
+ | width: 1.95rem; } | ||
+ | input[type="checkbox"]:checked + label:before, | ||
+ | input[type="radio"]:checked + label:before { | ||
+ | content: '\f00c'; } | ||
+ | |||
+ | input[type="checkbox"] + label:before { | ||
+ | border-radius: 4px; } | ||
+ | |||
+ | input[type="radio"] + label:before { | ||
+ | border-radius: 100%; } | ||
+ | |||
+ | ::-webkit-input-placeholder { | ||
+ | opacity: 1.0; } | ||
+ | |||
+ | :-moz-placeholder { | ||
+ | opacity: 1.0; } | ||
+ | |||
+ | ::-moz-placeholder { | ||
+ | opacity: 1.0; } | ||
+ | |||
+ | :-ms-input-placeholder { | ||
+ | opacity: 1.0; } | ||
+ | |||
+ | label { | ||
+ | color: #555555; } | ||
+ | |||
+ | input[type="text"], | ||
+ | input[type="password"], | ||
+ | input[type="email"], | ||
+ | input[type="tel"], | ||
+ | input[type="search"], | ||
+ | input[type="url"], | ||
+ | select, | ||
+ | textarea { | ||
+ | background-color: rgba(0, 0, 0, 0.075); | ||
+ | border-color: rgba(0, 0, 0, 0.25); } | ||
+ | input[type="text"]:focus, | ||
+ | input[type="password"]:focus, | ||
+ | input[type="email"]:focus, | ||
+ | input[type="tel"]:focus, | ||
+ | input[type="search"]:focus, | ||
+ | input[type="url"]:focus, | ||
+ | select:focus, | ||
+ | textarea:focus { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | |||
+ | select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(0, 0, 0, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | select option { | ||
+ | color: #444444; | ||
+ | background-color: #ffffff; } | ||
+ | |||
+ | input[type="checkbox"] + label, | ||
+ | input[type="radio"] + label { | ||
+ | color: #444444; } | ||
+ | input[type="checkbox"] + label:before, | ||
+ | input[type="radio"] + label:before { | ||
+ | background: rgba(0, 0, 0, 0.075); | ||
+ | border-color: rgba(0, 0, 0, 0.25); } | ||
+ | input[type="checkbox"]:checked + label:before, | ||
+ | input[type="radio"]:checked + label:before { | ||
+ | background-color: #B3DC77; | ||
+ | border-color: #B3DC77; | ||
+ | color: #ffffff; } | ||
+ | input[type="checkbox"]:focus + label:before, | ||
+ | input[type="radio"]:focus + label:before { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | |||
+ | ::-webkit-input-placeholder { | ||
+ | color: #bbbbbb !important; } | ||
+ | |||
+ | :-moz-placeholder { | ||
+ | color: #bbbbbb !important; } | ||
+ | |||
+ | ::-moz-placeholder { | ||
+ | color: #bbbbbb !important; } | ||
+ | |||
+ | :-ms-input-placeholder { | ||
+ | color: #bbbbbb !important; } | ||
+ | |||
+ | /* List */ | ||
+ | ol { | ||
+ | list-style: decimal; | ||
+ | margin: 0 0 2rem 0; | ||
+ | padding-left: 1.25rem; } | ||
+ | ol li { | ||
+ | padding-left: 0.25rem; } | ||
+ | |||
+ | ul { | ||
+ | list-style: disc; | ||
+ | margin: 0 0 2rem 0; | ||
+ | padding-left: 1rem; } | ||
+ | ul li { | ||
+ | padding-left: 0.325rem; } | ||
+ | ul.plain { | ||
+ | list-style: none; | ||
+ | padding-left: 0; } | ||
+ | ul.plain li { | ||
+ | margin-bottom: 1rem; } | ||
+ | ul.plain li .icon { | ||
+ | border-radius: 4px; | ||
+ | color: #ffffff; | ||
+ | display: inline-block; | ||
+ | margin-right: 1rem; | ||
+ | text-align: center; | ||
+ | width: 2rem; | ||
+ | height: 2rem; | ||
+ | line-height: 2rem; | ||
+ | background: rgba(0, 0, 0, 0.5); } | ||
+ | ul.alt { | ||
+ | list-style: none; | ||
+ | padding-left: 0; } | ||
+ | ul.alt li { | ||
+ | border-top: solid 1px; | ||
+ | } | ||
+ | ul.alt li:first-child { | ||
+ | border-top: 0; | ||
+ | padding-top: 0; } | ||
+ | ul.alt li:last-child { | ||
+ | padding-bottom: 0; } | ||
+ | |||
+ | dl { | ||
+ | margin: 0 0 2rem 0; } | ||
+ | dl dt { | ||
+ | display: block; | ||
+ | font-weight: 600; | ||
+ | margin: 0 0 1rem 0; } | ||
+ | dl dd { | ||
+ | margin-left: 1.5rem; } | ||
+ | |||
+ | ul.alt li { | ||
+ | border-top-color: rgba(0, 0, 0, 0.25); } | ||
+ | |||
+ | /* Table */ | ||
+ | .table-wrapper { | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | overflow-x: auto; } | ||
+ | |||
+ | table { | ||
+ | margin: 0 0 2rem 0; | ||
+ | width: 100%; } | ||
+ | table tbody tr { | ||
+ | border: solid 1px; | ||
+ | border-left: 0; | ||
+ | border-right: 0; } | ||
+ | table td { | ||
+ | padding: 0.75rem 0.75rem; } | ||
+ | table th { | ||
+ | font-size: 0.9rem; | ||
+ | font-weight: 600; | ||
+ | padding: 0 0.75rem 0.75rem 0.75rem; | ||
+ | text-align: left; } | ||
+ | table thead { | ||
+ | border-bottom: solid 2px; } | ||
+ | table tfoot { | ||
+ | border-top: solid 2px; } | ||
+ | table.alt { | ||
+ | border-collapse: separate; } | ||
+ | table.alt tbody tr td { | ||
+ | border: solid 1px; | ||
+ | border-left-width: 0; | ||
+ | border-top-width: 0; } | ||
+ | table.alt tbody tr td:first-child { | ||
+ | border-left-width: 1px; } | ||
+ | table.alt tbody tr:first-child td { | ||
+ | border-top-width: 1px; } | ||
+ | table.alt thead { | ||
+ | border-bottom: 0; } | ||
+ | table.alt tfoot { | ||
+ | border-top: 0; } | ||
+ | |||
+ | table tbody tr { | ||
+ | border-color: rgba(0, 0, 0, 0.25); } | ||
+ | table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(0, 0, 0, 0.075); } | ||
+ | table th { | ||
+ | color: #555555; } | ||
+ | table thead { | ||
+ | border-bottom-color: rgba(0, 0, 0, 0.25); } | ||
+ | table tfoot { | ||
+ | border-top-color: rgba(0, 0, 0, 0.25); } | ||
+ | table.alt tbody tr td { | ||
+ | border-color: rgba(0, 0, 0, 0.25); } | ||
+ | |||
+ | /* Highlights */ | ||
+ | .highlights { | ||
+ | width: 100%; | ||
+ | margin: 2.5rem 0; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-flex-wrap: wrap; | ||
+ | -webkit-flex-wrap: wrap; | ||
+ | -ms-flex-wrap: wrap; | ||
+ | flex-wrap: wrap; | ||
+ | -moz-align-items: -moz-stretch; | ||
+ | -webkit-align-items: -webkit-stretch; | ||
+ | -ms-align-items: -ms-stretch; | ||
+ | align-items: stretch; } | ||
+ | .highlights > * { | ||
+ | -moz-flex-shrink: 1; | ||
+ | -webkit-flex-shrink: 1; | ||
+ | -ms-flex-shrink: 1; | ||
+ | flex-shrink: 1; | ||
+ | -moz-flex-grow: 0; | ||
+ | -webkit-flex-grow: 0; | ||
+ | -ms-flex-grow: 0; | ||
+ | flex-grow: 0; } | ||
+ | .highlights > * { | ||
+ | width: 33.3333333333%; } | ||
+ | .highlights > * { | ||
+ | padding: 1.5rem; | ||
+ | width: calc(33.3333333333% + 1rem); } | ||
+ | .highlights > :nth-child(-n + 3) { | ||
+ | padding-top: 0; } | ||
+ | .highlights > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 0; } | ||
+ | .highlights > :nth-child(3n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .highlights > :nth-child(3n) { | ||
+ | padding-right: 0; } | ||
+ | .highlights > :nth-child(3n + 1), | ||
+ | .highlights > :nth-child(3n) { | ||
+ | width: calc(33.3333333333% + -0.5rem); } | ||
+ | .highlights .content { | ||
+ | border-radius: 4px !important; | ||
+ | height: 100% !important; | ||
+ | padding: 3rem !important; | ||
+ | text-align: center; } | ||
+ | .highlights .content .icon { | ||
+ | font-size: 5rem; } | ||
+ | .highlights > div > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | .highlights > * { | ||
+ | width: 50%; } | ||
+ | .highlights > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(33.3333333333% + 0.6666666667rem); } | ||
+ | .highlights > :nth-child(-n + 3) { | ||
+ | padding-top: 1rem; } | ||
+ | .highlights > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .highlights > :nth-child(3n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .highlights > :nth-child(3n) { | ||
+ | padding-right: 1rem; } | ||
+ | .highlights > :nth-child(3n + 1), | ||
+ | .highlights > :nth-child(3n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .highlights > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .highlights > :nth-child(-n + 2) { | ||
+ | padding-top: 0; } | ||
+ | .highlights > :nth-last-child(-n + 2) { | ||
+ | padding-bottom: 0; } | ||
+ | .highlights > :nth-child(2n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .highlights > :nth-child(2n) { | ||
+ | padding-right: 0; } | ||
+ | .highlights > :nth-child(2n + 1), | ||
+ | .highlights > :nth-child(2n) { | ||
+ | width: calc(50% + 0rem); } | ||
+ | .highlights .content { | ||
+ | padding: 2rem; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | .highlights > * { | ||
+ | width: 100%; } | ||
+ | .highlights > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(33.3333333333% + 0.6666666667rem); } | ||
+ | .highlights > :nth-child(-n + 3) { | ||
+ | padding-top: 1rem; } | ||
+ | .highlights > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .highlights > :nth-child(3n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .highlights > :nth-child(3n) { | ||
+ | padding-right: 1rem; } | ||
+ | .highlights > :nth-child(3n + 1), | ||
+ | .highlights > :nth-child(3n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .highlights > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .highlights > :nth-child(-n + 2) { | ||
+ | padding-top: 1rem; } | ||
+ | .highlights > :nth-last-child(-n + 2) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .highlights > :nth-child(2n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .highlights > :nth-child(2n) { | ||
+ | padding-right: 1rem; } | ||
+ | .highlights > :nth-child(2n + 1), | ||
+ | .highlights > :nth-child(2n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .highlights > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .highlights > :nth-child(-n + 1) { | ||
+ | padding-top: 0; } | ||
+ | .highlights > :nth-last-child(-n + 1) { | ||
+ | padding-bottom: 0; } | ||
+ | .highlights > :nth-child(1n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .highlights > :nth-child(1n) { | ||
+ | padding-right: 0; } | ||
+ | .highlights > :nth-child(1n + 1), | ||
+ | .highlights > :nth-child(1n) { | ||
+ | width: calc(100% + 1rem); } } | ||
+ | |||
+ | .highlights .content { | ||
+ | background: #ffffff; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); } | ||
+ | |||
+ | /* Testimonials */ | ||
+ | .testimonials { | ||
+ | margin: 2.5rem 0; | ||
+ | width: 100%; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-flex-wrap: wrap; | ||
+ | -webkit-flex-wrap: wrap; | ||
+ | -ms-flex-wrap: wrap; | ||
+ | flex-wrap: wrap; | ||
+ | -moz-align-items: -moz-stretch; | ||
+ | -webkit-align-items: -webkit-stretch; | ||
+ | -ms-align-items: -ms-stretch; | ||
+ | align-items: stretch; } | ||
+ | .testimonials > * { | ||
+ | -moz-flex-shrink: 1; | ||
+ | -webkit-flex-shrink: 1; | ||
+ | -ms-flex-shrink: 1; | ||
+ | flex-shrink: 1; | ||
+ | -moz-flex-grow: 0; | ||
+ | -webkit-flex-grow: 0; | ||
+ | -ms-flex-grow: 0; | ||
+ | flex-grow: 0; } | ||
+ | .testimonials > * { | ||
+ | width: 33.3333333333%; } | ||
+ | .testimonials > * { | ||
+ | padding: 1.5rem; | ||
+ | width: calc(33.3333333333% + 1rem); } | ||
+ | .testimonials > :nth-child(-n + 3) { | ||
+ | padding-top: 0; } | ||
+ | .testimonials > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 0; } | ||
+ | .testimonials > :nth-child(3n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | padding-right: 0; } | ||
+ | .testimonials > :nth-child(3n + 1), | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | width: calc(33.3333333333% + -0.5rem); } | ||
+ | .testimonials .content { | ||
+ | border-radius: 4px; | ||
+ | height: 100%; | ||
+ | padding: 3rem; } | ||
+ | .testimonials .content .author { | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; } | ||
+ | .testimonials .content .author blockquote { | ||
+ | margin: 0; } | ||
+ | .testimonials .content .author .image { | ||
+ | margin-right: 2rem; | ||
+ | width: 20%; } | ||
+ | .testimonials .content .author .image img { | ||
+ | border-radius: 100%; | ||
+ | max-width: 100%; } | ||
+ | .testimonials .content .credit { | ||
+ | font-size: 0.75rem; } | ||
+ | .testimonials .content p:last-child { | ||
+ | margin: 0; } | ||
+ | .testimonials > div > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | .testimonials > * { | ||
+ | width: 50%; } | ||
+ | .testimonials > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(33.3333333333% + 0.6666666667rem); } | ||
+ | .testimonials > :nth-child(-n + 3) { | ||
+ | padding-top: 1rem; } | ||
+ | .testimonials > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .testimonials > :nth-child(3n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | padding-right: 1rem; } | ||
+ | .testimonials > :nth-child(3n + 1), | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .testimonials > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .testimonials > :nth-child(-n + 2) { | ||
+ | padding-top: 0; } | ||
+ | .testimonials > :nth-last-child(-n + 2) { | ||
+ | padding-bottom: 0; } | ||
+ | .testimonials > :nth-child(2n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .testimonials > :nth-child(2n) { | ||
+ | padding-right: 0; } | ||
+ | .testimonials > :nth-child(2n + 1), | ||
+ | .testimonials > :nth-child(2n) { | ||
+ | width: calc(50% + 0rem); } | ||
+ | .testimonials .content { | ||
+ | padding: 2rem; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | .testimonials > * { | ||
+ | width: 100%; } | ||
+ | .testimonials > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(33.3333333333% + 0.6666666667rem); } | ||
+ | .testimonials > :nth-child(-n + 3) { | ||
+ | padding-top: 1rem; } | ||
+ | .testimonials > :nth-last-child(-n + 3) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .testimonials > :nth-child(3n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | padding-right: 1rem; } | ||
+ | .testimonials > :nth-child(3n + 1), | ||
+ | .testimonials > :nth-child(3n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .testimonials > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(50% + 1rem); } | ||
+ | .testimonials > :nth-child(-n + 2) { | ||
+ | padding-top: 1rem; } | ||
+ | .testimonials > :nth-last-child(-n + 2) { | ||
+ | padding-bottom: 1rem; } | ||
+ | .testimonials > :nth-child(2n + 1) { | ||
+ | padding-left: 1rem; } | ||
+ | .testimonials > :nth-child(2n) { | ||
+ | padding-right: 1rem; } | ||
+ | .testimonials > :nth-child(2n + 1), | ||
+ | .testimonials > :nth-child(2n) { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .testimonials > * { | ||
+ | padding: 1rem; | ||
+ | width: calc(100% + 2rem); } | ||
+ | .testimonials > :nth-child(-n + 1) { | ||
+ | padding-top: 0; } | ||
+ | .testimonials > :nth-last-child(-n + 1) { | ||
+ | padding-bottom: 0; } | ||
+ | .testimonials > :nth-child(1n + 1) { | ||
+ | padding-left: 0; } | ||
+ | .testimonials > :nth-child(1n) { | ||
+ | padding-right: 0; } | ||
+ | .testimonials > :nth-child(1n + 1), | ||
+ | .testimonials > :nth-child(1n) { | ||
+ | width: calc(100% + 1rem); } } | ||
+ | |||
+ | .testimonials .content { | ||
+ | background: #ffffff; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); } | ||
+ | .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | |||
+ | /* Actions */ | ||
+ | ul.actions { | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | margin-left: -1rem; | ||
+ | padding-left: 0; } | ||
+ | ul.actions li { | ||
+ | padding: 0 0 0 1rem; | ||
+ | vertical-align: middle; } | ||
+ | ul.actions.special { | ||
+ | -moz-justify-content: center; | ||
+ | -webkit-justify-content: center; | ||
+ | -ms-justify-content: center; | ||
+ | justify-content: center; | ||
+ | width: calc(100% + 1rem); } | ||
+ | ul.actions.stacked { | ||
+ | -moz-flex-direction: column; | ||
+ | -webkit-flex-direction: column; | ||
+ | -ms-flex-direction: column; | ||
+ | flex-direction: column; | ||
+ | margin-left: 0; } | ||
+ | ul.actions.stacked li { | ||
+ | padding: 1.3rem 0 0 0; } | ||
+ | ul.actions.stacked li:first-child { | ||
+ | padding-top: 0; } | ||
+ | ul.actions.fit { | ||
+ | width: calc(100% + 1rem); } | ||
+ | ul.actions.fit li { | ||
+ | -moz-flex-grow: 1; | ||
+ | -webkit-flex-grow: 1; | ||
+ | -ms-flex-grow: 1; | ||
+ | flex-grow: 1; | ||
+ | -moz-flex-shrink: 1; | ||
+ | -webkit-flex-shrink: 1; | ||
+ | -ms-flex-shrink: 1; | ||
+ | flex-shrink: 1; | ||
+ | width: 100%; } | ||
+ | ul.actions.fit li > * { | ||
+ | width: 100%; } | ||
+ | ul.actions.fit.stacked { | ||
+ | width: 100%; } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | ul.actions:not(.fixed) { | ||
+ | -moz-flex-direction: column; | ||
+ | -webkit-flex-direction: column; | ||
+ | -ms-flex-direction: column; | ||
+ | flex-direction: column; | ||
+ | margin-left: 0; | ||
+ | width: 100% !important; } | ||
+ | ul.actions:not(.fixed) li { | ||
+ | -moz-flex-grow: 1; | ||
+ | -webkit-flex-grow: 1; | ||
+ | -ms-flex-grow: 1; | ||
+ | flex-grow: 1; | ||
+ | -moz-flex-shrink: 1; | ||
+ | -webkit-flex-shrink: 1; | ||
+ | -ms-flex-shrink: 1; | ||
+ | flex-shrink: 1; | ||
+ | padding: 1rem 0 0 0; | ||
+ | text-align: center; | ||
+ | width: 100%; } | ||
+ | ul.actions:not(.fixed) li > * { | ||
+ | width: 100%; } | ||
+ | ul.actions:not(.fixed) li:first-child { | ||
+ | padding-top: 0; } | ||
+ | ul.actions:not(.fixed) li input[type="submit"], | ||
+ | ul.actions:not(.fixed) li input[type="reset"], | ||
+ | ul.actions:not(.fixed) li input[type="button"], | ||
+ | ul.actions:not(.fixed) li button, | ||
+ | ul.actions:not(.fixed) li .button { | ||
+ | width: 100%; } | ||
+ | ul.actions:not(.fixed) li input[type="submit"].icon:before, | ||
+ | ul.actions:not(.fixed) li input[type="reset"].icon:before, | ||
+ | ul.actions:not(.fixed) li input[type="button"].icon:before, | ||
+ | ul.actions:not(.fixed) li button.icon:before, | ||
+ | ul.actions:not(.fixed) li .button.icon:before { | ||
+ | margin-left: -0.5rem; } } | ||
+ | |||
+ | /* Grid */ | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp { | ||
+ | order: -1; } | ||
+ | .row > .col-1 { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1 { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2 { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2 { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3 { | ||
+ | width: 25%; } | ||
+ | .row > .off-3 { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4 { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4 { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5 { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5 { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6 { | ||
+ | width: 50%; } | ||
+ | .row > .off-6 { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7 { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7 { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8 { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8 { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9 { | ||
+ | width: 75%; } | ||
+ | .row > .off-9 { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10 { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10 { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11 { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11 { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12 { | ||
+ | width: 100%; } | ||
+ | .row > .off-12 { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.75rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.75rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.75rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.75rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.5rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 1.5rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -1.5rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 1.5rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -3rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 3rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -3rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 3rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -4.5rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 4.5rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -4.5rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 4.5rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -6rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 6rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -6rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 6rem; } | ||
+ | |||
+ | @media screen and (max-width: 1680px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp-xlarge { | ||
+ | order: -1; } | ||
+ | .row > .col-1-xlarge { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1-xlarge { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2-xlarge { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2-xlarge { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-xlarge { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-xlarge { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-xlarge { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-xlarge { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-xlarge { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-xlarge { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-xlarge { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-xlarge { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-xlarge { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-xlarge { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-xlarge { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-xlarge { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-xlarge { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-xlarge { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-xlarge { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-xlarge { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-xlarge { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-xlarge { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-xlarge { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-xlarge { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.75rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.75rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.75rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.75rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.5rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 1.5rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -1.5rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 1.5rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -3rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 3rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -3rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 3rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -4.5rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 4.5rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -4.5rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 4.5rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -6rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 6rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -6rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 6rem; } } | ||
+ | @media screen and (max-width: 1280px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp-large { | ||
+ | order: -1; } | ||
+ | .row > .col-1-large { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1-large { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2-large { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2-large { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-large { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-large { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-large { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-large { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-large { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-large { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-large { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-large { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-large { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-large { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-large { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-large { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-large { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-large { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-large { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-large { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-large { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-large { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-large { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-large { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.375rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.375rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.375rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.375rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.75rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 0.75rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -0.75rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 0.75rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.5rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 1.5rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -1.5rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 1.5rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -2.25rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 2.25rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -2.25rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 2.25rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -3rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 3rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -3rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 3rem; } } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp-medium { | ||
+ | order: -1; } | ||
+ | .row > .col-1-medium { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1-medium { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2-medium { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2-medium { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-medium { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-medium { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-medium { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-medium { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-medium { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-medium { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-medium { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-medium { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-medium { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-medium { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-medium { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-medium { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-medium { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-medium { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-medium { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-medium { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-medium { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-medium { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-medium { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-medium { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.375rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.375rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.375rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.375rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.75rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 0.75rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -0.75rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 0.75rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.5rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 1.5rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -1.5rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 1.5rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -2.25rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 2.25rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -2.25rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 2.25rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -3rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 3rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -3rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 3rem; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp-small { | ||
+ | order: -1; } | ||
+ | .row > .col-1-small { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1-small { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2-small { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2-small { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-small { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-small { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-small { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-small { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-small { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-small { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-small { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-small { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-small { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-small { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-small { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-small { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-small { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-small { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-small { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-small { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-small { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-small { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-small { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-small { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.3125rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.3125rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.3125rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.3125rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.625rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 0.625rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -0.625rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 0.625rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.25rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 1.25rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -1.25rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 1.25rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.875rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 1.875rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -1.875rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 1.875rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -2.5rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 2.5rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -2.5rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 2.5rem; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | .row { | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | box-sizing: border-box; } | ||
+ | .row > * { | ||
+ | box-sizing: border-box; } | ||
+ | .row.gtr-uniform > * > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | |||
+ | .row > .imp-xsmall { | ||
+ | order: -1; } | ||
+ | .row > .col-1-xsmall { | ||
+ | width: 8.3333333333%; } | ||
+ | .row > .off-1-xsmall { | ||
+ | margin-left: 8.3333333333%; } | ||
+ | .row > .col-2-xsmall { | ||
+ | width: 16.6666666667%; } | ||
+ | .row > .off-2-xsmall { | ||
+ | margin-left: 16.6666666667%; } | ||
+ | .row > .col-3-xsmall { | ||
+ | width: 25%; } | ||
+ | .row > .off-3-xsmall { | ||
+ | margin-left: 25%; } | ||
+ | .row > .col-4-xsmall { | ||
+ | width: 33.3333333333%; } | ||
+ | .row > .off-4-xsmall { | ||
+ | margin-left: 33.3333333333%; } | ||
+ | .row > .col-5-xsmall { | ||
+ | width: 41.6666666667%; } | ||
+ | .row > .off-5-xsmall { | ||
+ | margin-left: 41.6666666667%; } | ||
+ | .row > .col-6-xsmall { | ||
+ | width: 50%; } | ||
+ | .row > .off-6-xsmall { | ||
+ | margin-left: 50%; } | ||
+ | .row > .col-7-xsmall { | ||
+ | width: 58.3333333333%; } | ||
+ | .row > .off-7-xsmall { | ||
+ | margin-left: 58.3333333333%; } | ||
+ | .row > .col-8-xsmall { | ||
+ | width: 66.6666666667%; } | ||
+ | .row > .off-8-xsmall { | ||
+ | margin-left: 66.6666666667%; } | ||
+ | .row > .col-9-xsmall { | ||
+ | width: 75%; } | ||
+ | .row > .off-9-xsmall { | ||
+ | margin-left: 75%; } | ||
+ | .row > .col-10-xsmall { | ||
+ | width: 83.3333333333%; } | ||
+ | .row > .off-10-xsmall { | ||
+ | margin-left: 83.3333333333%; } | ||
+ | .row > .col-11-xsmall { | ||
+ | width: 91.6666666667%; } | ||
+ | .row > .off-11-xsmall { | ||
+ | margin-left: 91.6666666667%; } | ||
+ | .row > .col-12-xsmall { | ||
+ | width: 100%; } | ||
+ | .row > .off-12-xsmall { | ||
+ | margin-left: 100%; } | ||
+ | .row.gtr-0 { | ||
+ | margin-top: 0; | ||
+ | margin-left: 0rem; } | ||
+ | .row.gtr-0 > * { | ||
+ | padding: 0 0 0 0rem; } | ||
+ | .row.gtr-0.gtr-uniform { | ||
+ | margin-top: 0rem; } | ||
+ | .row.gtr-0.gtr-uniform > * { | ||
+ | padding-top: 0rem; } | ||
+ | .row.gtr-25 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.3125rem; } | ||
+ | .row.gtr-25 > * { | ||
+ | padding: 0 0 0 0.3125rem; } | ||
+ | .row.gtr-25.gtr-uniform { | ||
+ | margin-top: -0.3125rem; } | ||
+ | .row.gtr-25.gtr-uniform > * { | ||
+ | padding-top: 0.3125rem; } | ||
+ | .row.gtr-50 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -0.625rem; } | ||
+ | .row.gtr-50 > * { | ||
+ | padding: 0 0 0 0.625rem; } | ||
+ | .row.gtr-50.gtr-uniform { | ||
+ | margin-top: -0.625rem; } | ||
+ | .row.gtr-50.gtr-uniform > * { | ||
+ | padding-top: 0.625rem; } | ||
+ | .row { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.25rem; } | ||
+ | .row > * { | ||
+ | padding: 0 0 0 1.25rem; } | ||
+ | .row.gtr-uniform { | ||
+ | margin-top: -1.25rem; } | ||
+ | .row.gtr-uniform > * { | ||
+ | padding-top: 1.25rem; } | ||
+ | .row.gtr-150 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -1.875rem; } | ||
+ | .row.gtr-150 > * { | ||
+ | padding: 0 0 0 1.875rem; } | ||
+ | .row.gtr-150.gtr-uniform { | ||
+ | margin-top: -1.875rem; } | ||
+ | .row.gtr-150.gtr-uniform > * { | ||
+ | padding-top: 1.875rem; } | ||
+ | .row.gtr-200 { | ||
+ | margin-top: 0; | ||
+ | margin-left: -2.5rem; } | ||
+ | .row.gtr-200 > * { | ||
+ | padding: 0 0 0 2.5rem; } | ||
+ | .row.gtr-200.gtr-uniform { | ||
+ | margin-top: -2.5rem; } | ||
+ | .row.gtr-200.gtr-uniform > * { | ||
+ | padding-top: 2.5rem; } } | ||
+ | /* Icon */ | ||
+ | .icon { | ||
+ | text-decoration: none; | ||
+ | border-bottom: none; | ||
+ | position: relative; } | ||
+ | .icon:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | .icon > .label { | ||
+ | display: none; } | ||
+ | |||
+ | /* Icons */ | ||
+ | ul.icons { | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | padding-left: 0; } | ||
+ | ul.icons li { | ||
+ | display: inline-block; | ||
+ | padding: 0 1rem 0 0; } | ||
+ | ul.icons li:last-child { | ||
+ | padding-right: 0; } | ||
+ | ul.icons li .icon:before { | ||
+ | font-size: 2rem; } | ||
+ | |||
+ | /* Image */ | ||
+ | .image { | ||
+ | border-radius: 4px; | ||
+ | border: 0; | ||
+ | display: inline-block; | ||
+ | position: relative; } | ||
+ | .image img { | ||
+ | border-radius: 4px; | ||
+ | display: block; } | ||
+ | .image.left, .image.right { | ||
+ | max-width: 40%; } | ||
+ | .image.left img, .image.right img { | ||
+ | width: 100%; } | ||
+ | .image.left { | ||
+ | float: left; | ||
+ | margin: 0 2rem 2rem 0; | ||
+ | top: 0.25rem; } | ||
+ | .image.right { | ||
+ | float: right; | ||
+ | margin: 0 0 2rem 2rem; | ||
+ | top: 0.25rem; } | ||
+ | .image.fit { | ||
+ | display: block; | ||
+ | margin: 0 0 2rem 0; | ||
+ | width: 100%; } | ||
+ | .image.fit img { | ||
+ | width: 100%; } | ||
+ | .image.main { | ||
+ | display: block; | ||
+ | margin: 0 0 3rem 0; | ||
+ | width: 100%; } | ||
+ | .image.main img { | ||
+ | width: 100%; } | ||
+ | |||
+ | /* Wrapper */ | ||
+ | .wrapper { | ||
+ | padding: 8rem 0 6rem 0 ; | ||
+ | position: relative; | ||
+ | z-index: 1; } | ||
+ | @media screen and (max-width: 1280px) { | ||
+ | .wrapper { | ||
+ | padding: 4rem 0 2rem 0 ; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | .wrapper { | ||
+ | padding: 3rem 0 1rem 0 ; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | .wrapper { | ||
+ | padding: 2rem 0 0.1rem 0 ; } } | ||
+ | |||
+ | /* Banner */ | ||
+ | #banner { | ||
+ | -ms-flex-align: center; | ||
+ | -ms-flex-pack: center; | ||
+ | background-color: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-justify-content: center; | ||
+ | -webkit-justify-content: center; | ||
+ | -ms-justify-content: center; | ||
+ | justify-content: center; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2019/3/36/T--Waterloo--banner.jpeg); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | border-top: 0; | ||
+ | display: -ms-flexbox; | ||
+ | height: 35rem !important; | ||
+ | min-height: 35rem; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | width: 100%; } | ||
+ | #banner input, #banner select, #banner textarea { | ||
+ | color: #ffffff; } | ||
+ | #banner a { | ||
+ | color: #B3DC77; } | ||
+ | #banner strong, #banner b { | ||
+ | color: #ffffff; } | ||
+ | #banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 { | ||
+ | color: #ffffff; } | ||
+ | #banner blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner input[type="submit"], | ||
+ | #banner input[type="reset"], | ||
+ | #banner input[type="button"], | ||
+ | #banner button, | ||
+ | #banner .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #banner input[type="submit"]:hover, | ||
+ | #banner input[type="reset"]:hover, | ||
+ | #banner input[type="button"]:hover, | ||
+ | #banner button:hover, | ||
+ | #banner .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | #banner input[type="submit"]:hover:active, | ||
+ | #banner input[type="reset"]:hover:active, | ||
+ | #banner input[type="button"]:hover:active, | ||
+ | #banner button:hover:active, | ||
+ | #banner .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | #banner input[type="submit"].primary, | ||
+ | #banner input[type="reset"].primary, | ||
+ | #banner input[type="button"].primary, | ||
+ | #banner button.primary, | ||
+ | #banner .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | #banner input[type="submit"].primary:hover, | ||
+ | #banner input[type="reset"].primary:hover, | ||
+ | #banner input[type="button"].primary:hover, | ||
+ | #banner button.primary:hover, | ||
+ | #banner .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #banner input[type="submit"].primary:hover:active, | ||
+ | #banner input[type="reset"].primary:hover:active, | ||
+ | #banner input[type="button"].primary:hover:active, | ||
+ | #banner button.primary:hover:active, | ||
+ | #banner .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #banner label { | ||
+ | color: #ffffff; } | ||
+ | #banner input[type="text"], | ||
+ | #banner input[type="password"], | ||
+ | #banner input[type="email"], | ||
+ | #banner input[type="tel"], | ||
+ | #banner input[type="search"], | ||
+ | #banner input[type="url"], | ||
+ | #banner select, | ||
+ | #banner textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner input[type="text"]:focus, | ||
+ | #banner input[type="password"]:focus, | ||
+ | #banner input[type="email"]:focus, | ||
+ | #banner input[type="tel"]:focus, | ||
+ | #banner input[type="search"]:focus, | ||
+ | #banner input[type="url"]:focus, | ||
+ | #banner select:focus, | ||
+ | #banner textarea:focus { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #banner select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #banner select option { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | background-color: #111111; } | ||
+ | #banner input[type="checkbox"] + label, | ||
+ | #banner input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.5); } | ||
+ | #banner input[type="checkbox"] + label:before, | ||
+ | #banner input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner input[type="checkbox"]:checked + label:before, | ||
+ | #banner input[type="radio"]:checked + label:before { | ||
+ | background-color: #B3DC77; | ||
+ | border-color: #B3DC77; | ||
+ | color: #ffffff; } | ||
+ | #banner input[type="checkbox"]:focus + label:before, | ||
+ | #banner input[type="radio"]:focus + label:before { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #banner ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #banner ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #banner table th { | ||
+ | color: #ffffff; } | ||
+ | #banner table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #banner .highlights .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #banner .testimonials .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #banner .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #banner > .inner { | ||
+ | -moz-transform: scale(1.0); | ||
+ | -webkit-transform: scale(1.0); | ||
+ | -ms-transform: scale(1.0); | ||
+ | transform: scale(1.0); | ||
+ | -moz-transition: opacity 1s ease, -moz-transform 1s ease; | ||
+ | -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; | ||
+ | -ms-transition: opacity 1s ease, -ms-transform 1s ease; | ||
+ | transition: opacity 1s ease, transform 1s ease; | ||
+ | opacity: 1; | ||
+ | position: relative; | ||
+ | z-index: 3; } | ||
+ | #banner > .inner > :last-child { | ||
+ | margin-bottom: 0; } | ||
+ | #banner h1 { | ||
+ | font-size: 4rem; | ||
+ | margin-bottom: 1rem; } | ||
+ | #banner p { | ||
+ | font-size: 1.5rem; } | ||
+ | #banner a { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | text-decoration: none; } | ||
+ | #banner a:hover { | ||
+ | color: #ffffff; } | ||
+ | #banner video { | ||
+ | -moz-transform: translateX(50%) translateY(50%); | ||
+ | -webkit-transform: translateX(50%) translateY(50%); | ||
+ | -ms-transform: translateX(50%) translateY(50%); | ||
+ | transform: translateX(50%) translateY(50%); | ||
+ | bottom: 50%; | ||
+ | height: auto; | ||
+ | min-height: 100%; | ||
+ | min-width: 100%; | ||
+ | overflow: hidden; | ||
+ | position: absolute; | ||
+ | right: 50%; | ||
+ | width: auto; } | ||
+ | #banner:before { | ||
+ | -moz-transition: opacity 3s ease; | ||
+ | -webkit-transition: opacity 3s ease; | ||
+ | -ms-transition: opacity 3s ease; | ||
+ | transition: opacity 3s ease; | ||
+ | -moz-transition-delay: 1.25s; | ||
+ | -webkit-transition-delay: 1.25s; | ||
+ | -ms-transition-delay: 1.25s; | ||
+ | transition-delay: 1.25s; | ||
+ | background: #111111; | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | opacity: 0.45; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | z-index: 1; } | ||
+ | #banner:after { | ||
+ | background: linear-gradient(135deg, #B3DC77 0%, #111111 74%); | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | opacity: 0.6; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | webkit-linear-gradientidth: 100%; | ||
+ | width: 100%; | ||
+ | z-index: 1; } | ||
+ | #banner.small { | ||
+ | height: 30vh !important; | ||
+ | min-height: 30vh; } | ||
+ | @media screen and (max-width: 1280px) { | ||
+ | #banner video { | ||
+ | display: none; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #banner { | ||
+ | height: auto !important; | ||
+ | min-height: 0; | ||
+ | padding: 4rem 2rem 4rem 2rem; } | ||
+ | #banner .inner { | ||
+ | width: 100%; } | ||
+ | #banner h1 { | ||
+ | font-size: 1.75rem; | ||
+ | margin-bottom: 0.5rem; | ||
+ | padding-bottom: 0; } | ||
+ | #banner p { | ||
+ | font-size: 1.25rem; } | ||
+ | #banner br { | ||
+ | display: none; } | ||
+ | #banner .button { | ||
+ | width: 100%; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #banner p { | ||
+ | font-size: 1rem; } } | ||
+ | body.is-preload #banner .inner { | ||
+ | -moz-transform: scale(0.99); | ||
+ | -webkit-transform: scale(0.99); | ||
+ | -ms-transform: scale(0.99); | ||
+ | transform: scale(0.99); | ||
+ | opacity: 0; } | ||
+ | body.is-preload #banner:before { | ||
+ | opacity: 1; } | ||
+ | |||
+ | /* CTA */ | ||
+ | #cta { | ||
+ | background-color: #B3DC77; | ||
+ | color: rgba(255, 255, 255, 0.75); | ||
+ | background-attachment: fixed; | ||
+ | background-image: linear-gradient(rgba(206, 27, 40, 0.25), rgba(206, 27, 40, 0.25)), url(../../images/cta01.jpg); | ||
+ | background-position: bottom; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | z-index: 1; } | ||
+ | #cta input, #cta select, #cta textarea { | ||
+ | color: #ffffff; } | ||
+ | #cta a { | ||
+ | color: #ffffff; } | ||
+ | #cta strong, #cta b { | ||
+ | color: #ffffff; } | ||
+ | #cta h1, #cta h2, #cta h3, #cta h4, #cta h5, #cta h6 { | ||
+ | color: #ffffff; } | ||
+ | #cta blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="submit"], | ||
+ | #cta input[type="reset"], | ||
+ | #cta input[type="button"], | ||
+ | #cta button, | ||
+ | #cta .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #cta input[type="submit"]:hover, | ||
+ | #cta input[type="reset"]:hover, | ||
+ | #cta input[type="button"]:hover, | ||
+ | #cta button:hover, | ||
+ | #cta .button:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.1); } | ||
+ | #cta input[type="submit"]:hover:active, | ||
+ | #cta input[type="reset"]:hover:active, | ||
+ | #cta input[type="button"]:hover:active, | ||
+ | #cta button:hover:active, | ||
+ | #cta .button:hover:active { | ||
+ | background-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="submit"].primary, | ||
+ | #cta input[type="reset"].primary, | ||
+ | #cta input[type="button"].primary, | ||
+ | #cta button.primary, | ||
+ | #cta .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #ffffff; | ||
+ | color: #B3DC77 !important; } | ||
+ | #cta input[type="submit"].primary:hover, | ||
+ | #cta input[type="reset"].primary:hover, | ||
+ | #cta input[type="button"].primary:hover, | ||
+ | #cta button.primary:hover, | ||
+ | #cta .button.primary:hover { | ||
+ | background-color: rgba(255, 255, 255, 0.875); | ||
+ | box-shadow: none; } | ||
+ | #cta input[type="submit"].primary:hover:active, | ||
+ | #cta input[type="reset"].primary:hover:active, | ||
+ | #cta input[type="button"].primary:hover:active, | ||
+ | #cta button.primary:hover:active, | ||
+ | #cta .button.primary:hover:active { | ||
+ | background-color: rgba(255, 255, 255, 0.5); } | ||
+ | #cta label { | ||
+ | color: #ffffff; } | ||
+ | #cta input[type="text"], | ||
+ | #cta input[type="password"], | ||
+ | #cta input[type="email"], | ||
+ | #cta input[type="tel"], | ||
+ | #cta input[type="search"], | ||
+ | #cta input[type="url"], | ||
+ | #cta select, | ||
+ | #cta textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="text"]:focus, | ||
+ | #cta input[type="password"]:focus, | ||
+ | #cta input[type="email"]:focus, | ||
+ | #cta input[type="tel"]:focus, | ||
+ | #cta input[type="search"]:focus, | ||
+ | #cta input[type="url"]:focus, | ||
+ | #cta select:focus, | ||
+ | #cta textarea:focus { | ||
+ | border-color: #ffffff; | ||
+ | box-shadow: 0 0 0 1px #ffffff; } | ||
+ | #cta select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #cta select option { | ||
+ | color: rgba(255, 255, 255, 0.75); | ||
+ | background-color: #B3DC77; } | ||
+ | #cta input[type="checkbox"] + label, | ||
+ | #cta input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.75); } | ||
+ | #cta input[type="checkbox"] + label:before, | ||
+ | #cta input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta input[type="checkbox"]:checked + label:before, | ||
+ | #cta input[type="radio"]:checked + label:before { | ||
+ | background-color: #ffffff; | ||
+ | border-color: #ffffff; | ||
+ | color: #B3DC77; } | ||
+ | #cta input[type="checkbox"]:focus + label:before, | ||
+ | #cta input[type="radio"]:focus + label:before { | ||
+ | border-color: #ffffff; | ||
+ | box-shadow: 0 0 0 1px #ffffff; } | ||
+ | #cta ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #cta ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #cta table th { | ||
+ | color: #ffffff; } | ||
+ | #cta table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #cta .highlights .content { | ||
+ | background: #B3DC77; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #cta .testimonials .content { | ||
+ | background: #B3DC77; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #cta .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #cta .inner { | ||
+ | position: relative; | ||
+ | z-index: 3; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | #cta { | ||
+ | background-attachment: scroll; } } | ||
+ | |||
+ | /* Footer */ | ||
+ | #footer { | ||
+ | background-color: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | padding: 8rem 0 6rem 0 ; } | ||
+ | #footer input, #footer select, #footer textarea { | ||
+ | color: #ffffff; } | ||
+ | #footer a { | ||
+ | color: #B3DC77; } | ||
+ | #footer strong, #footer b { | ||
+ | color: #ffffff; } | ||
+ | #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { | ||
+ | color: #ffffff; } | ||
+ | #footer blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer input[type="submit"], | ||
+ | #footer input[type="reset"], | ||
+ | #footer input[type="button"], | ||
+ | #footer button, | ||
+ | #footer .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #footer input[type="submit"]:hover, | ||
+ | #footer input[type="reset"]:hover, | ||
+ | #footer input[type="button"]:hover, | ||
+ | #footer button:hover, | ||
+ | #footer .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | #footer input[type="submit"]:hover:active, | ||
+ | #footer input[type="reset"]:hover:active, | ||
+ | #footer input[type="button"]:hover:active, | ||
+ | #footer button:hover:active, | ||
+ | #footer .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | #footer input[type="submit"].primary, | ||
+ | #footer input[type="reset"].primary, | ||
+ | #footer input[type="button"].primary, | ||
+ | #footer button.primary, | ||
+ | #footer .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | #footer input[type="submit"].primary:hover, | ||
+ | #footer input[type="reset"].primary:hover, | ||
+ | #footer input[type="button"].primary:hover, | ||
+ | #footer button.primary:hover, | ||
+ | #footer .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #footer input[type="submit"].primary:hover:active, | ||
+ | #footer input[type="reset"].primary:hover:active, | ||
+ | #footer input[type="button"].primary:hover:active, | ||
+ | #footer button.primary:hover:active, | ||
+ | #footer .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #footer label { | ||
+ | color: #ffffff; } | ||
+ | #footer input[type="text"], | ||
+ | #footer input[type="password"], | ||
+ | #footer input[type="email"], | ||
+ | #footer input[type="tel"], | ||
+ | #footer input[type="search"], | ||
+ | #footer input[type="url"], | ||
+ | #footer select, | ||
+ | #footer textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer input[type="text"]:focus, | ||
+ | #footer input[type="password"]:focus, | ||
+ | #footer input[type="email"]:focus, | ||
+ | #footer input[type="tel"]:focus, | ||
+ | #footer input[type="search"]:focus, | ||
+ | #footer input[type="url"]:focus, | ||
+ | #footer select:focus, | ||
+ | #footer textarea:focus { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #footer select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #footer select option { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | background-color: #111111; } | ||
+ | #footer input[type="checkbox"] + label, | ||
+ | #footer input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.5); } | ||
+ | #footer input[type="checkbox"] + label:before, | ||
+ | #footer input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer input[type="checkbox"]:checked + label:before, | ||
+ | #footer input[type="radio"]:checked + label:before { | ||
+ | background-color: #B3DC77; | ||
+ | border-color: #B3DC77; | ||
+ | color: #ffffff; } | ||
+ | #footer input[type="checkbox"]:focus + label:before, | ||
+ | #footer input[type="radio"]:focus + label:before { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #footer ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #footer :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #footer ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #footer :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #footer ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #footer table th { | ||
+ | color: #ffffff; } | ||
+ | #footer table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #footer .highlights .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #footer .testimonials .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #footer .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #footer a { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | text-decoration: none; } | ||
+ | #footer a:hover { | ||
+ | color: #B3DC77; } | ||
+ | #footer .content { | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; } | ||
+ | #footer .content section { | ||
+ | width: 25%; } | ||
+ | #footer .content section:first-child { | ||
+ | width: 50%; | ||
+ | padding-right: 4rem; } | ||
+ | #footer .content section:last-child { | ||
+ | padding-left: 4rem; } | ||
+ | #footer .copyright { | ||
+ | border-top: 1px solid; | ||
+ | font-size: 0.8rem; | ||
+ | opacity: 0.5; | ||
+ | padding: 2rem 0; | ||
+ | text-align: center; } | ||
+ | @media screen and (max-width: 1280px) { | ||
+ | #footer { | ||
+ | padding: 4rem 0 2rem 0 ; } } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | #footer .content { | ||
+ | -moz-flex-wrap: wrap; | ||
+ | -webkit-flex-wrap: wrap; | ||
+ | -ms-flex-wrap: wrap; | ||
+ | flex-wrap: wrap; } | ||
+ | #footer .content section { | ||
+ | width: 50%; } | ||
+ | #footer .content section:first-child { | ||
+ | width: 100%; | ||
+ | padding-right: 0; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #footer { | ||
+ | padding: 3rem 0 1rem 0 ; } | ||
+ | #footer .content section { | ||
+ | width: 100%; } | ||
+ | #footer .content section:last-child { | ||
+ | padding-left: 0; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #footer { | ||
+ | padding: 2rem 0 0.1rem 0 ; } } | ||
+ | |||
+ | /* Header */ | ||
+ | body { | ||
+ | padding-top: 3.25rem; } | ||
+ | body:before { | ||
+ | content: ' '; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2019/3/37/T--Waterloo--bg_image.jpeg); | ||
+ | background-size: cover; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | display: block; | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index: -1; | ||
+ | opacity: 0.05; } | ||
+ | |||
+ | #header { | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-justify-content: space-between; | ||
+ | -webkit-justify-content: space-between; | ||
+ | -ms-justify-content: space-between; | ||
+ | justify-content: space-between; | ||
+ | background: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | cursor: default; | ||
+ | height: 3.25rem; | ||
+ | left: 0; | ||
+ | line-height: 4.25rem; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | z-index: 10001; } | ||
+ | #header > .logo { | ||
+ | color: #ffffff; | ||
+ | font-size: 1rem; | ||
+ | font-weight: 600; | ||
+ | height: inherit; | ||
+ | line-height: inherit; | ||
+ | padding: 0 1.25rem; | ||
+ | text-decoration: none; } | ||
+ | #header > nav > a { | ||
+ | color: inherit; | ||
+ | display: inline-block; | ||
+ | padding: 0 0.75rem; | ||
+ | text-decoration: none; } | ||
+ | #header > nav > a:hover { | ||
+ | color: #ffffff; } | ||
+ | #header > nav > a[href="#menu"] { | ||
+ | text-decoration: none; | ||
+ | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } | ||
+ | #header > nav > a[href="#menu"]:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | #header > nav > a[href="#menu"]:before { | ||
+ | content: '\f0c9'; | ||
+ | margin: 0 0.5rem 0 0; } | ||
+ | #header > nav > a + a[href="#menu"]:last-child { | ||
+ | border-left: solid 1px rgba(255, 255, 255, 0.25); | ||
+ | margin-left: 0.5rem; | ||
+ | padding-left: 1.25rem; } | ||
+ | #header > nav > a:last-child { | ||
+ | padding-right: 1.25rem; } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #header > nav > a { | ||
+ | padding: 0 0.5rem; } | ||
+ | #header > nav > a + a[href="#menu"]:last-child { | ||
+ | margin-left: 0.25rem; | ||
+ | padding-left: 1rem; } | ||
+ | #header > nav > a:last-child { | ||
+ | padding-right: 1rem; } } | ||
+ | |||
+ | @media screen and (max-width: 980px) { | ||
+ | body { | ||
+ | padding-top: 44px; } | ||
+ | |||
+ | #header { | ||
+ | height: 44px; | ||
+ | line-height: 44px; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #header { | ||
+ | min-width: 320px; } } | ||
+ | /* Heading */ | ||
+ | #heading { | ||
+ | -ms-flex-align: center; | ||
+ | -ms-flex-pack: center; | ||
+ | background-color: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | -moz-align-items: center; | ||
+ | -webkit-align-items: center; | ||
+ | -ms-align-items: center; | ||
+ | align-items: center; | ||
+ | display: -moz-flex; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flex; | ||
+ | display: flex; | ||
+ | -moz-justify-content: center; | ||
+ | -webkit-justify-content: center; | ||
+ | -ms-justify-content: center; | ||
+ | justify-content: center; | ||
+ | background-image: linear-gradient(rgba(17, 17, 17, 0.25), rgba(17, 17, 17, 0.25)), url(https://static.igem.org/mediawiki/2019/3/36/T--Waterloo--banner.jpeg); | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | border-top: 0; | ||
+ | display: -ms-flexbox; | ||
+ | height: 15rem !important; | ||
+ | min-height: 15rem; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | width: 100%; } | ||
+ | #heading input, #heading select, #heading textarea { | ||
+ | color: #ffffff; } | ||
+ | #heading a { | ||
+ | color: #B3DC77; } | ||
+ | #heading strong, #heading b { | ||
+ | color: #ffffff; } | ||
+ | #heading h1, #heading h2, #heading h3, #heading h4, #heading h5, #heading h6 { | ||
+ | color: #ffffff; } | ||
+ | #heading blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading input[type="submit"], | ||
+ | #heading input[type="reset"], | ||
+ | #heading input[type="button"], | ||
+ | #heading button, | ||
+ | #heading .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #heading input[type="submit"]:hover, | ||
+ | #heading input[type="reset"]:hover, | ||
+ | #heading input[type="button"]:hover, | ||
+ | #heading button:hover, | ||
+ | #heading .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | #heading input[type="submit"]:hover:active, | ||
+ | #heading input[type="reset"]:hover:active, | ||
+ | #heading input[type="button"]:hover:active, | ||
+ | #heading button:hover:active, | ||
+ | #heading .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | #heading input[type="submit"].primary, | ||
+ | #heading input[type="reset"].primary, | ||
+ | #heading input[type="button"].primary, | ||
+ | #heading button.primary, | ||
+ | #heading .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | #heading input[type="submit"].primary:hover, | ||
+ | #heading input[type="reset"].primary:hover, | ||
+ | #heading input[type="button"].primary:hover, | ||
+ | #heading button.primary:hover, | ||
+ | #heading .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #heading input[type="submit"].primary:hover:active, | ||
+ | #heading input[type="reset"].primary:hover:active, | ||
+ | #heading input[type="button"].primary:hover:active, | ||
+ | #heading button.primary:hover:active, | ||
+ | #heading .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #heading label { | ||
+ | color: #ffffff; } | ||
+ | #heading input[type="text"], | ||
+ | #heading input[type="password"], | ||
+ | #heading input[type="email"], | ||
+ | #heading input[type="tel"], | ||
+ | #heading input[type="search"], | ||
+ | #heading input[type="url"], | ||
+ | #heading select, | ||
+ | #heading textarea { | ||
+ | background-color: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading input[type="text"]:focus, | ||
+ | #heading input[type="password"]:focus, | ||
+ | #heading input[type="email"]:focus, | ||
+ | #heading input[type="tel"]:focus, | ||
+ | #heading input[type="search"]:focus, | ||
+ | #heading input[type="url"]:focus, | ||
+ | #heading select:focus, | ||
+ | #heading textarea:focus { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #heading select { | ||
+ | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); } | ||
+ | #heading select option { | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | background-color: #111111; } | ||
+ | #heading input[type="checkbox"] + label, | ||
+ | #heading input[type="radio"] + label { | ||
+ | color: rgba(255, 255, 255, 0.5); } | ||
+ | #heading input[type="checkbox"] + label:before, | ||
+ | #heading input[type="radio"] + label:before { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading input[type="checkbox"]:checked + label:before, | ||
+ | #heading input[type="radio"]:checked + label:before { | ||
+ | background-color: #B3DC77; | ||
+ | border-color: #B3DC77; | ||
+ | color: #ffffff; } | ||
+ | #heading input[type="checkbox"]:focus + label:before, | ||
+ | #heading input[type="radio"]:focus + label:before { | ||
+ | border-color: #B3DC77; | ||
+ | box-shadow: 0 0 0 1px #B3DC77; } | ||
+ | #heading ::-webkit-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading :-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading ::-moz-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading :-ms-input-placeholder { | ||
+ | color: rgba(255, 255, 255, 0.4) !important; } | ||
+ | #heading ul.alt li { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table tbody tr { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table tbody tr:nth-child(2n + 1) { | ||
+ | background-color: rgba(255, 255, 255, 0.075); } | ||
+ | #heading table th { | ||
+ | color: #ffffff; } | ||
+ | #heading table thead { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table tfoot { | ||
+ | border-top-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading table.alt tbody tr td { | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #heading .highlights .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #heading .testimonials .content { | ||
+ | background: #111111; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(255, 255, 255, 0.025); } | ||
+ | #heading .testimonials .content .credit strong { | ||
+ | color: #B3DC77; } | ||
+ | #heading:before { | ||
+ | background: linear-gradient(135deg, #B3DC77 0%, #111111 74%); | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | opacity: 0.6; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | z-index: 1; } | ||
+ | #heading h1 { | ||
+ | margin-bottom: 0; | ||
+ | position: relative; | ||
+ | z-index: 2; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | #heading { | ||
+ | padding: 2rem; } } | ||
+ | |||
+ | /* Main */ | ||
+ | #main .content { | ||
+ | background: #ffffff; | ||
+ | border-radius: 4px; | ||
+ | box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.025); | ||
+ | margin-bottom: 2rem; | ||
+ | padding: 3rem; } | ||
+ | @media screen and (max-width: 980px) { | ||
+ | #main .content { | ||
+ | padding: 2rem; } } | ||
+ | @media screen and (max-width: 480px) { | ||
+ | #main .content { | ||
+ | padding: 1.5rem; } } | ||
+ | |||
+ | /* Menu */ | ||
+ | #menu { | ||
+ | background-color: #111111; | ||
+ | color: rgba(255, 255, 255, 0.5); | ||
+ | -moz-transform: translateX(20rem); | ||
+ | -webkit-transform: translateX(20rem); | ||
+ | -ms-transform: translateX(20rem); | ||
+ | transform: translateX(20rem); | ||
+ | -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | box-shadow: none; | ||
+ | height: 100%; | ||
+ | max-width: 80%; | ||
+ | overflow-y: auto; | ||
+ | padding: 3rem 2rem; | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | top: 0; | ||
+ | visibility: hidden; | ||
+ | width: 20rem; | ||
+ | z-index: 10002; } | ||
+ | #menu input, #menu select, #menu textarea { | ||
+ | color: #ffffff; } | ||
+ | #menu a { | ||
+ | color: #B3DC77; } | ||
+ | #menu strong, #menu b { | ||
+ | color: #ffffff; } | ||
+ | #menu h1, #menu h2, #menu h3, #menu h4, #menu h5, #menu h6 { | ||
+ | color: #ffffff; } | ||
+ | #menu blockquote { | ||
+ | border-left-color: rgba(255, 255, 255, 0.25); } | ||
+ | #menu code { | ||
+ | background: rgba(255, 255, 255, 0.075); | ||
+ | border-color: rgba(255, 255, 255, 0.25); } | ||
+ | #menu hr { | ||
+ | border-bottom-color: rgba(255, 255, 255, 0.25); } | ||
+ | #menu input[type="submit"], | ||
+ | #menu input[type="reset"], | ||
+ | #menu input[type="button"], | ||
+ | #menu button, | ||
+ | #menu .button { | ||
+ | background-color: transparent; | ||
+ | box-shadow: inset 0 0 0 1px #ffffff; | ||
+ | color: #ffffff !important; } | ||
+ | #menu input[type="submit"]:hover, | ||
+ | #menu input[type="reset"]:hover, | ||
+ | #menu input[type="button"]:hover, | ||
+ | #menu button:hover, | ||
+ | #menu .button:hover { | ||
+ | box-shadow: inset 0 0 0 1px #B3DC77; | ||
+ | color: #B3DC77 !important; } | ||
+ | #menu input[type="submit"]:hover:active, | ||
+ | #menu input[type="reset"]:hover:active, | ||
+ | #menu input[type="button"]:hover:active, | ||
+ | #menu button:hover:active, | ||
+ | #menu .button:hover:active { | ||
+ | background-color: rgba(206, 27, 40, 0.25); } | ||
+ | #menu input[type="submit"].primary, | ||
+ | #menu input[type="reset"].primary, | ||
+ | #menu input[type="button"].primary, | ||
+ | #menu button.primary, | ||
+ | #menu .button.primary { | ||
+ | box-shadow: none; | ||
+ | background-color: #B3DC77; | ||
+ | color: #ffffff !important; } | ||
+ | #menu input[type="submit"].primary:hover, | ||
+ | #menu input[type="reset"].primary:hover, | ||
+ | #menu input[type="button"].primary:hover, | ||
+ | #menu button.primary:hover, | ||
+ | #menu .button.primary:hover { | ||
+ | background-color: #B3DC77; | ||
+ | box-shadow: none; } | ||
+ | #menu input[type="submit"].primary:hover:active, | ||
+ | #menu input[type="reset"].primary:hover:active, | ||
+ | #menu input[type="button"].primary:hover:active, | ||
+ | #menu button.primary:hover:active, | ||
+ | #menu .button.primary:hover:active { | ||
+ | background-color: #02b31f; } | ||
+ | #menu > ul { | ||
+ | margin: 0 0 1rem 0; } | ||
+ | #menu > ul.links { | ||
+ | list-style: none; | ||
+ | padding: 0; } | ||
+ | #menu > ul.links > li { | ||
+ | padding: 0; } | ||
+ | #menu > ul.links > li > a { | ||
+ | border: 0; | ||
+ | border-top: solid 1px rgba(255, 255, 255, 0.25); | ||
+ | color: inherit; | ||
+ | display: block; | ||
+ | line-height: 3.5rem; | ||
+ | text-decoration: none; } | ||
+ | #menu > ul.links > li > a:hover { | ||
+ | color: #ffffff; } | ||
+ | #menu > ul.links > li:first-child > a { | ||
+ | border-top: 0; } | ||
+ | #menu .close { | ||
+ | text-decoration: none; | ||
+ | -moz-transition: color 0.2s ease-in-out; | ||
+ | -webkit-transition: color 0.2s ease-in-out; | ||
+ | -ms-transition: color 0.2s ease-in-out; | ||
+ | transition: color 0.2s ease-in-out; | ||
+ | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
+ | border: 0; | ||
+ | color: rgba(255, 255, 255, 0.4); | ||
+ | cursor: pointer; | ||
+ | display: block; | ||
+ | height: 3.25rem; | ||
+ | line-height: 3.25rem; | ||
+ | padding-right: 1.25rem; | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | text-align: right; | ||
+ | top: 0; | ||
+ | vertical-align: middle; | ||
+ | width: 7rem; } | ||
+ | #menu .close:before { | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | font-family: FontAwesome; | ||
+ | font-style: normal; | ||
+ | font-weight: normal; | ||
+ | text-transform: none !important; } | ||
+ | #menu .close:before { | ||
+ | content: '\f00d'; | ||
+ | font-size: 1.25rem; } | ||
+ | #menu .close:hover { | ||
+ | color: #ffffff; } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #menu .close { | ||
+ | height: 4rem; | ||
+ | line-height: 4rem; } } | ||
+ | @media screen and (max-width: 736px) { | ||
+ | #menu { | ||
+ | padding: 2.5rem 1.75rem; } } | ||
+ | |||
+ | body.is-menu-visible #menu { | ||
+ | -moz-transform: translateX(0); | ||
+ | -webkit-transform: translateX(0); | ||
+ | -ms-transform: translateX(0); | ||
+ | transform: translateX(0); | ||
+ | box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2); | ||
+ | visibility: visible; } | ||
+ | |||
+ | </style> | ||
+ | <!-- | ||
+ | Template Information: | ||
+ | Industrious by TEMPLATED | ||
+ | templated.co @templatedco | ||
+ | Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) | ||
+ | --> | ||
+ | <head> | ||
+ | <title>iGEM UWaterloo 2019 - Results</title> | ||
+ | <meta charset="utf-8" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> | ||
+ | <meta name="description" content="" /> | ||
+ | <meta name="keywords" content="" /> | ||
+ | <link rel="stylesheet" href="assets/css/uwaterloo-main.css" /> | ||
+ | <link rel="stylesheet" href="https://2019.igem.org/Template:Waterloo/uwaterloo-main-css?action=raw&ctype=text/css"/> | ||
+ | </head> | ||
+ | <body class="is-preload"> | ||
− | < | + | <!-- Header --> |
− | + | <header id="header"> | |
− | + | <a class="logo" href="https://2019.igem.org/Team:Waterloo">Results</a> | |
− | + | <nav> | |
− | + | <a href="#menu">Menu</a> | |
− | + | </nav> | |
− | + | </header> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | </ | + | |
− | </ | + | |
− | + | ||
− | + | ||
+ | <!-- Nav --> | ||
+ | <nav id="menu"> | ||
+ | <ul class="links"> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo">Home</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Members">Team Members</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Description">Description</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Design">Design</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Contribution">Contribution</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Results">Results</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Demonstrate">Demonstrate</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Improve">Improve</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Parts">Parts</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Safety">Safety</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Human_Practices">Human Practices</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Education_And_Engagement">Education & Engagement</a></li> | ||
+ | <li><a href="https://2019.igem.org/Team:Waterloo/Model">Model</a></li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | |||
+ | <!-- Heading --> | ||
+ | <div id="heading" > | ||
+ | <h1>Results</h1> | ||
+ | </div> | ||
+ | <!-- Main --> | ||
+ | <section id="main" class="wrapper"> | ||
+ | <div class="inner"> | ||
+ | <div class="content"> | ||
+ | <h1 id="mic-assay-results">MIC assay results</h1> | ||
+ | <h2 id="growth-curve-experiment-with-wild-type-b-diazoefficiens">Growth curve experiment with wild-type <em>B. diazoefficiens</em></h2> | ||
+ | <p>Although we were unable to evaluate the tolerance of engineered <em>B. diazoefficiens</em> strains due to time constraints, we nonetheless investigated the tolerance of wild-type <em>B. diazoefficiens</em> to linuron and 3,4-Dichloroaniline (3,4-DCA). This was evaluated using growth curve Minimum Inhibitory Concentration (MIC) experiments performed with hourly absorbance readings from 20 to 25 hours of incubation at 30 °C. The absorbances at the five timepoints were plotted versus time and fit with exponential curves of the form y = ae^(kx) + b, where k is growth rate. Sextuplicates were used for each toxin and concentration. </p> | ||
+ | <p>The results of these experiments are presented in figures 5, 6, and 7.</p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2019/6/6d/T--Waterloo--LinBd2.png" alt="LinBd2"></p> | ||
+ | <p><em>Figure 5</em>. Growth rate versus linuron concentration from 20 to 25 hours. Error bars represent standard deviations of sextuplicates. The growth rate with no toxin was 0.08639 +/- 0.01232 1/h. The sigmoidal fit parameters A, B, C, and D are 3.23E-03, 3.46E-02, 2.96, and 2.30E+01 respectively.</p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2019/0/06/T--Waterloo--DCABd2.png" alt="DCABd2"></p> | ||
+ | <p><em>Figure 6</em>. Growth rate versus linuron concentration from 20 to 25 hours. Error bars represent standard deviations of sextuplicates. The growth rate with no toxin was 0.08639 +/- 0.01232 1/h. The sigmoidal fit parameters A, B, C, and D are 7.43E-03, 3.62E-02, 8.32E-01, and 2.08E+01 respectively.</p> | ||
+ | <p><em>Figure 7</em>. Summary of key inhibitory concentrations for linuron and 3,4-DCA with <em>B. diazoefficiens</em> based on growth curves from 20 to 25 hours. </p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2019/8/83/T--Waterloo--T1.png" alt="T1"></p> | ||
+ | <p>These differences in toxicity profiles are demonstrated by the key inhibitory concentrations in figure 7. Linuron’s IC<sub>50</sub> value is higher than that of 3,4-DCA, demonstrating that linuron is generally less toxic than 3,4-DCA. This agrees with reported toxicity values (Tixier, 2002) (Santos, 2014). Comparing IC<sub>10</sub> values shows that 3,4-DCA starts showing toxic effects at a much lower concentration than linuron, due to steeper slope of the plot for linuron. The steeper slope of linuron’s plot also means that linuron’s IC<sub>90</sub> is much lower than that of 3,4-DCA. This means that full growth inhibition actually requires a lower concentration of linuron than of 3,4-DCA, despite linuron’s lower IC<sub>50</sub>. These differences highlight the importance of examining the entire toxicity profile and various inhibitory concentrations, since these convey much more information that the IC<sub>50</sub> value alone. </p> | ||
+ | <p>We have therefore experimentally deteremined the toxicity profiles of both linuron and 3,4-DCA toward wild type <em>B. diazoefficiens</em>, validating our experimental approach. This information provides also a reference point against which to compare engineered strains, other toxins, or bacterial species.</p> | ||
+ | <h2 id="single-timepoint-experiment-with-wild-type-b-diazoefficiens">Single-timepoint experiment with wild-type <em>B. diazoefficiens</em></h2> | ||
+ | <p>In addition to the growth curve experiment peformed with <em>B. diazoefficiens</em> both in linuron and 3,4-DCA, we also completed this experiment in single-time point format. This was done using one Abs<sub>600</sub> after 22 hours incubation at 30 C. Figures 8 and 9 show plots of Abs<sub>600</sub> versus toxin concentration. These results are shown in figures 8, 9, and 10. Fitting was performed to the four parameter in equation 1.</p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2019/5/5b/T--Waterloo--LinBd1.png" alt="LinBd1"></p> | ||
+ | <p><em>Figure 8</em>. Abs<sub>600</sub> versus linuron concentration at 22 hours. Error bars represent standard deviations of sextuplicates. The sigmoidal fit parameters A, B, C, and D are 1.28E-02, 5.52E-02, 1.62, and 1.28E+01 respectively.</p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2019/e/ed/T--Waterloo--DCABd1.png" alt="DCABd1"></p> | ||
+ | <p><em>Figure 9</em>. Abs<sub>600</sub> versus linuron concentration at 22 hours. Error bars represent standard deviations of sextuplicates. The sigmoidal fit parameters A, B, C, and D are 1.50E-02, 5.47E-02, 8.97E-01, and 3.08E+01 respectively. </p> | ||
+ | <p><em>Figure 10</em>. Summary of key inhibitory concentrations for linuron and 3,4-DCA with <em>B. diazoefficiens</em> after 22 hours. </p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2019/2/2d/T--Waterloo--T2.png" alt="T2"></p> | ||
+ | <p>Figures 8 and 9 both show the characteristic sigmoidal shapes expected for MIC experiments. All datapoints are very close to the sigmoidal fit, indicating that this model is a good representation of the data. </p> | ||
+ | <p>Figure 10 summarizes some key inhibitory concentrations as calculated based on these growth curves. Although the two curves have the same general shape as those determined using the growth curve MICs, the calculated inbitory concentrations are somewhat different. The single timepoint data’s IC<sub>50</sub> values suggest that linuron is more toxic that 3,4-DCA, which disagrees with the results obtained using growth curves and literature toxicity data (Tixier, 2002; Santos, 2014). This highlights the shortfalls of determining toxicity from Abs<sub>600</sub> at a single timepoint and the importance of using growth curves to evaluate a toxin’s overall effect on an organism’s growth rate. </p> | ||
+ | <h2 id="single-timepoint-experiment-with-e-coli-empty-vector-and-constructs">Single-timepoint experiment with <em>E. coli</em> empty vector and constructs</h2> | ||
+ | <p>We also chose to evaluate the linuron and 3,4-DCA tolerance of our engineered DH5α strains. We performed single-timepoint MICs after 7 hours incubation at 30 C using empty vector pRJPaph-GFP and two constructs, assigned the numerical values of 14 and 21. These constructs had been vertified by colony PCR, sequencing, and GFP fluorescence reading. Each single-timepoint MIC was completed in triplicate, using LB supplemented with tetracycline to promote vector retention. Figures 3 and 4 show plots of Abs<sub>600</sub> versus log toxin concentration for each.</p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2019/c/c9/T--Waterloo--LinEc.png" alt="LinEc"></p> | ||
+ | <p><em>Figure 3</em>. Abs<sub>600</sub> versus linuron concentration for 3 engineered DH5α strains at 7 hours. “EV” is pRJPaph-GFP and “14” and “21” each contain the construct with LibA and NAT1. Datapoints are averages of triplicates.</p> | ||
+ | <p><img src="https://static.igem.org/mediawiki/2019/a/a4/T--Waterloo--DCAEc.png" alt="DCAEc"></p> | ||
+ | <p>Figure 4. Abs<sub>600</sub> versus 3,4-DCA concentration for 3 engineered DH5α strains at 7 hours. “EV” is pRJPaph-GFP and “14” and “21” each contain the construct with LibA and NAT1. Datapoints are averages of triplicates.</p> | ||
+ | <p>Linuron (figure 3) does not show any significant inhibition, even at the highest linuron concentrations. This means that it is not possible to compute parameters such as IC<sub>50</sub>, so sigmoidal fitting was not applied. Since higher linuron concentrations would not be possible due to solubility constraints, this type of assay is a poor method for evaluating LibA and NAT1 activity in <em>E. coli</em>. Additionally, there are no significant differences between the Abs<sub>600</sub> values of the different strains, suggesting that the construct and empty vector do not cause measurable differences in growth rate. </p> | ||
+ | <p>3,4-DCA (figure 4) shows nearly equal inhibition of all three strains beginning at 226 µM 3,4-DCA. However, since the lower “minimal growth rate” region is absent, sigmoidal fitting was not applied, so it is not possible to calculate paramters such as IC<sub>50</sub>. As with linuron, obtained data at higher toxin concentrations would be challenging due to solubility constraints. Additionally, there are no significant differences between the Abs<sub>600</sub> values of the different strains at any toxin concentration, suggesting that the construct and empty vector do not cause differences in growth.</p> | ||
+ | <p>These experiments therefore demonstrate that the construct does not lend linuron or 3,4-DCA tolerance to <em>E. coli</em> DH5α. However, the lack of difference in growth rate provides some evidence that LibA and NAT1 do not impose a significant metabolic burden on DH5α when used in this expression system.</p> | ||
+ | <h1 id="references">References</h1> | ||
+ | <p>Santos, S., Romeu, V., Maria, F., Sharon, C., António, M., Joaqium, V., & Amália, J. (2014). Toxicity of the herbicide linuron as assessed by bacterial and mitochondrial model systems. Toxicology in Vitro, 28 doi:10.1016/j.tiv.2014.04.004</p> | ||
+ | <p>Tixier, C., Sancelme, M., Aït-Aïssa, W., P., Bonneymoy, F., Cuer, A., Fruffaut, N., & Veschambre, H. (2002). Biotransformation of phenylurea herbicides by a soil bacterial strain, arthrobacter sp. N2: Structure, ecotoxicity and fate of diuron metabolite with soil fungi. Chemosphere, 46, 519-526. doi:10.1016/S0045-6535(01)00193-X</p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- Footer --> | ||
+ | <footer id="footer"> | ||
+ | <div class="inner"> | ||
+ | <div class="content"> | ||
+ | <section> | ||
+ | <h3>Waterloo iGEM 2019</h3> | ||
+ | <p>"Waterloo iGEM: hacking synbio since 2006"</p> | ||
+ | </section> | ||
+ | <section> | ||
+ | <img src="https://static.igem.org/mediawiki/2019/2/26/T--Waterloo--OfficialLogo.png" style="width:90%"> | ||
+ | </section> | ||
+ | <section> | ||
+ | <h4>Social Media</h4> | ||
+ | <ul class="plain"> | ||
+ | <li><a href="https://twitter.com/waterloo_igem"><i class="icon fa-twitter"> </i>Twitter</a></li> | ||
+ | <li><a href="https://www.facebook.com/WaterlooiGEM/"><i class="icon fa-facebook"> </i>Facebook</a></li> | ||
+ | <li><a href="https://www.instagram.com/waterloo.igem"><i class="icon fa-instagram"> </i>Instagram</a></li> | ||
+ | <li><a href="https://github.com/igem-waterloo/uwaterloo-igem-2019"><i class="icon fa-github"> </i>Github</a></li> | ||
+ | </ul> | ||
+ | </section> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | <!-- Scripts --> | ||
+ | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:Waterloo/JS&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> | ||
+ | <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 00:17, 22 October 2019
Results
MIC assay results
Growth curve experiment with wild-type B. diazoefficiens
Although we were unable to evaluate the tolerance of engineered B. diazoefficiens strains due to time constraints, we nonetheless investigated the tolerance of wild-type B. diazoefficiens to linuron and 3,4-Dichloroaniline (3,4-DCA). This was evaluated using growth curve Minimum Inhibitory Concentration (MIC) experiments performed with hourly absorbance readings from 20 to 25 hours of incubation at 30 °C. The absorbances at the five timepoints were plotted versus time and fit with exponential curves of the form y = ae^(kx) + b, where k is growth rate. Sextuplicates were used for each toxin and concentration.
The results of these experiments are presented in figures 5, 6, and 7.
Figure 5. Growth rate versus linuron concentration from 20 to 25 hours. Error bars represent standard deviations of sextuplicates. The growth rate with no toxin was 0.08639 +/- 0.01232 1/h. The sigmoidal fit parameters A, B, C, and D are 3.23E-03, 3.46E-02, 2.96, and 2.30E+01 respectively.
Figure 6. Growth rate versus linuron concentration from 20 to 25 hours. Error bars represent standard deviations of sextuplicates. The growth rate with no toxin was 0.08639 +/- 0.01232 1/h. The sigmoidal fit parameters A, B, C, and D are 7.43E-03, 3.62E-02, 8.32E-01, and 2.08E+01 respectively.
Figure 7. Summary of key inhibitory concentrations for linuron and 3,4-DCA with B. diazoefficiens based on growth curves from 20 to 25 hours.
These differences in toxicity profiles are demonstrated by the key inhibitory concentrations in figure 7. Linuron’s IC50 value is higher than that of 3,4-DCA, demonstrating that linuron is generally less toxic than 3,4-DCA. This agrees with reported toxicity values (Tixier, 2002) (Santos, 2014). Comparing IC10 values shows that 3,4-DCA starts showing toxic effects at a much lower concentration than linuron, due to steeper slope of the plot for linuron. The steeper slope of linuron’s plot also means that linuron’s IC90 is much lower than that of 3,4-DCA. This means that full growth inhibition actually requires a lower concentration of linuron than of 3,4-DCA, despite linuron’s lower IC50. These differences highlight the importance of examining the entire toxicity profile and various inhibitory concentrations, since these convey much more information that the IC50 value alone.
We have therefore experimentally deteremined the toxicity profiles of both linuron and 3,4-DCA toward wild type B. diazoefficiens, validating our experimental approach. This information provides also a reference point against which to compare engineered strains, other toxins, or bacterial species.
Single-timepoint experiment with wild-type B. diazoefficiens
In addition to the growth curve experiment peformed with B. diazoefficiens both in linuron and 3,4-DCA, we also completed this experiment in single-time point format. This was done using one Abs600 after 22 hours incubation at 30 C. Figures 8 and 9 show plots of Abs600 versus toxin concentration. These results are shown in figures 8, 9, and 10. Fitting was performed to the four parameter in equation 1.
Figure 8. Abs600 versus linuron concentration at 22 hours. Error bars represent standard deviations of sextuplicates. The sigmoidal fit parameters A, B, C, and D are 1.28E-02, 5.52E-02, 1.62, and 1.28E+01 respectively.
Figure 9. Abs600 versus linuron concentration at 22 hours. Error bars represent standard deviations of sextuplicates. The sigmoidal fit parameters A, B, C, and D are 1.50E-02, 5.47E-02, 8.97E-01, and 3.08E+01 respectively.
Figure 10. Summary of key inhibitory concentrations for linuron and 3,4-DCA with B. diazoefficiens after 22 hours.
Figures 8 and 9 both show the characteristic sigmoidal shapes expected for MIC experiments. All datapoints are very close to the sigmoidal fit, indicating that this model is a good representation of the data.
Figure 10 summarizes some key inhibitory concentrations as calculated based on these growth curves. Although the two curves have the same general shape as those determined using the growth curve MICs, the calculated inbitory concentrations are somewhat different. The single timepoint data’s IC50 values suggest that linuron is more toxic that 3,4-DCA, which disagrees with the results obtained using growth curves and literature toxicity data (Tixier, 2002; Santos, 2014). This highlights the shortfalls of determining toxicity from Abs600 at a single timepoint and the importance of using growth curves to evaluate a toxin’s overall effect on an organism’s growth rate.
Single-timepoint experiment with E. coli empty vector and constructs
We also chose to evaluate the linuron and 3,4-DCA tolerance of our engineered DH5α strains. We performed single-timepoint MICs after 7 hours incubation at 30 C using empty vector pRJPaph-GFP and two constructs, assigned the numerical values of 14 and 21. These constructs had been vertified by colony PCR, sequencing, and GFP fluorescence reading. Each single-timepoint MIC was completed in triplicate, using LB supplemented with tetracycline to promote vector retention. Figures 3 and 4 show plots of Abs600 versus log toxin concentration for each.
Figure 3. Abs600 versus linuron concentration for 3 engineered DH5α strains at 7 hours. “EV” is pRJPaph-GFP and “14” and “21” each contain the construct with LibA and NAT1. Datapoints are averages of triplicates.
Figure 4. Abs600 versus 3,4-DCA concentration for 3 engineered DH5α strains at 7 hours. “EV” is pRJPaph-GFP and “14” and “21” each contain the construct with LibA and NAT1. Datapoints are averages of triplicates.
Linuron (figure 3) does not show any significant inhibition, even at the highest linuron concentrations. This means that it is not possible to compute parameters such as IC50, so sigmoidal fitting was not applied. Since higher linuron concentrations would not be possible due to solubility constraints, this type of assay is a poor method for evaluating LibA and NAT1 activity in E. coli. Additionally, there are no significant differences between the Abs600 values of the different strains, suggesting that the construct and empty vector do not cause measurable differences in growth rate.
3,4-DCA (figure 4) shows nearly equal inhibition of all three strains beginning at 226 µM 3,4-DCA. However, since the lower “minimal growth rate” region is absent, sigmoidal fitting was not applied, so it is not possible to calculate paramters such as IC50. As with linuron, obtained data at higher toxin concentrations would be challenging due to solubility constraints. Additionally, there are no significant differences between the Abs600 values of the different strains at any toxin concentration, suggesting that the construct and empty vector do not cause differences in growth.
These experiments therefore demonstrate that the construct does not lend linuron or 3,4-DCA tolerance to E. coli DH5α. However, the lack of difference in growth rate provides some evidence that LibA and NAT1 do not impose a significant metabolic burden on DH5α when used in this expression system.
References
Santos, S., Romeu, V., Maria, F., Sharon, C., António, M., Joaqium, V., & Amália, J. (2014). Toxicity of the herbicide linuron as assessed by bacterial and mitochondrial model systems. Toxicology in Vitro, 28 doi:10.1016/j.tiv.2014.04.004
Tixier, C., Sancelme, M., Aït-Aïssa, W., P., Bonneymoy, F., Cuer, A., Fruffaut, N., & Veschambre, H. (2002). Biotransformation of phenylurea herbicides by a soil bacterial strain, arthrobacter sp. N2: Structure, ecotoxicity and fate of diuron metabolite with soil fungi. Chemosphere, 46, 519-526. doi:10.1016/S0045-6535(01)00193-X