(28 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
− | <!-- | + | {{Waterloo}} |
+ | <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: | Template Information: | ||
Industrious by TEMPLATED | Industrious by TEMPLATED | ||
Line 5: | Line 2,861: | ||
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) | Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) | ||
--> | --> | ||
− | + | ||
<head> | <head> | ||
<title>iGEM UWaterloo 2019 - Model</title> | <title>iGEM UWaterloo 2019 - Model</title> | ||
Line 12: | Line 2,868: | ||
<meta name="description" content="" /> | <meta name="description" content="" /> | ||
<meta name="keywords" 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"/> | <link rel="stylesheet" href="https://2019.igem.org/Template:Waterloo/uwaterloo-main-css?action=raw&ctype=text/css"/> | ||
</head> | </head> | ||
Line 26: | Line 2,883: | ||
<!-- Nav --> | <!-- Nav --> | ||
<nav id="menu"> | <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 --> | <!-- Heading --> | ||
Line 41: | Line 2,911: | ||
<section id="main" class="wrapper"> | <section id="main" class="wrapper"> | ||
<div class="inner"> | <div class="inner"> | ||
− | + | <div class="content"> | |
<h1 id="environmental-model">Environmental Model</h1> | <h1 id="environmental-model">Environmental Model</h1> | ||
<p>An important goal of our project is to determine whether the Linuron concentration in the vicinity of the root nodule is | <p>An important goal of our project is to determine whether the Linuron concentration in the vicinity of the root nodule is | ||
Line 47: | Line 2,917: | ||
<p>In order to model this, we introduce a diffusion-reaction-advection model, which is standard in environmental engineering. A byproduct of this model is that we are able to develop heuristics for the magnitude of Linuron and 3,4-DCA runoff. The model is derived from a similar model by <em>Owsianiak et al</em> [1] for Linuron degradation in bioaugmentation beads. Since this paper also modelled <em>Variovorax sp.</em> [4], we were able to obtain many of our parameters from this work of Owsiniak et al.</p> | <p>In order to model this, we introduce a diffusion-reaction-advection model, which is standard in environmental engineering. A byproduct of this model is that we are able to develop heuristics for the magnitude of Linuron and 3,4-DCA runoff. The model is derived from a similar model by <em>Owsianiak et al</em> [1] for Linuron degradation in bioaugmentation beads. Since this paper also modelled <em>Variovorax sp.</em> [4], we were able to obtain many of our parameters from this work of Owsiniak et al.</p> | ||
<div class="centervideo"> | <div class="centervideo"> | ||
− | <video class="centervideo" width="1000" height=" | + | <video class="centervideo" width="1000" height="500" controls><source src="https://static.igem.org/mediawiki/2019/3/37/T--Waterloo--LinuronModelVideo.mp4"></video> |
</div> | </div> | ||
Line 73: | Line 2,943: | ||
<p>$$\int_\Omega \left[(-\nabla C)^T D^T \nabla w -wv_e\cdot \nabla C - \frac{V_{max}C}{K_m-C}\right] d \tau + \int_{\partial \Omega} w( \nabla C)\cdot d \vec{s}$$</p> | <p>$$\int_\Omega \left[(-\nabla C)^T D^T \nabla w -wv_e\cdot \nabla C - \frac{V_{max}C}{K_m-C}\right] d \tau + \int_{\partial \Omega} w( \nabla C)\cdot d \vec{s}$$</p> | ||
<p>We now solve this system in Python using a library known as <em>FeNiCS</em> [3], which is an free, open-source library for solving PDEs with Finite Element Methods. Teams interested in using PDE solvers for their iGEM modelling should consider using FeNiCS as a great alternative to expensive proprietary software. Using <em>ParaView</em>, we export animations of our data from FeNiCS. We also used the Python library <em>meshio</em> to convert meshes generated by <em>Gmsh</em> into a format compatible with FeNiCS. As a note to future iGEM teams considering PDE transport models, your discretization must meet the Courant-Freidrichs-Lewy (CFL) condition in order to be stable.</p> | <p>We now solve this system in Python using a library known as <em>FeNiCS</em> [3], which is an free, open-source library for solving PDEs with Finite Element Methods. Teams interested in using PDE solvers for their iGEM modelling should consider using FeNiCS as a great alternative to expensive proprietary software. Using <em>ParaView</em>, we export animations of our data from FeNiCS. We also used the Python library <em>meshio</em> to convert meshes generated by <em>Gmsh</em> into a format compatible with FeNiCS. As a note to future iGEM teams considering PDE transport models, your discretization must meet the Courant-Freidrichs-Lewy (CFL) condition in order to be stable.</p> | ||
− | + | <h2>Results</h2> | |
− | + | <p>We now analyze a system of two root nodules, spaced 1 centimeter apart. In the soil we start with an initial supply of Linuron at 1e-10mol/cm^3 isolated just above the top nodule. The nodules are each 1 centimeter in radius and are assumed to be saturated with B. japonicum. Using the Puh-B Parameters specified in the next section, we arrive at the following result for the lower nodule</p> | |
+ | <figure><center><img src="https://static.igem.org/mediawiki/2019/9/98/T--Waterloo--EnvModelResult1.png" alt="results"></center></figure> | ||
+ | <p>The following are videos of each of the concentrations over time:</p> | ||
+ | <p><video class="centervideo" width="1000" height="500" controls><source src="https://static.igem.org/mediawiki/2019/3/37/T--Waterloo--LinuronModelVideo.mp4"></video></p> | ||
+ | <p><video class="centervideo" width="1000" height="500" controls><source src="https://static.igem.org/mediawiki/2019/6/62/T--Waterloo--DCAModelVideo.mp4"></video></p> | ||
+ | <p><video class="centervideo" width="1000" height="500" controls><source src="https://static.igem.org/mediawiki/2019/7/70/T--Waterloo--AcetylModelVideo.mp4"></video></p> | ||
+ | <h2>Conclusions</h2> | ||
+ | What we can draw from these results is that at the optimized NAT1 concentration the system is very stable, and that the 3,4-DCA concentration falls well below toxicity (see the MIC page). This tells us that implementing the system would not result in a significant pile-up of 3,4-DCA in the soil, which is important information for any future projects since it would aid the optimization of the system. | ||
<h1 id="liba-nat1-pathway">LibA-NAT1 Pathway</h1> | <h1 id="liba-nat1-pathway">LibA-NAT1 Pathway</h1> | ||
Line 83: | Line 2,960: | ||
toxicity of Linuron. The dynamics of the PuhB-NAT1 and LibA-NAT1 systems under fs | toxicity of Linuron. The dynamics of the PuhB-NAT1 and LibA-NAT1 systems under fs | ||
our preliminary models were identical, and the LibA-NAT1 system was chosen. LibA facilitates the degradation of Liunuron into 3,4-DCA through the following reaction:</p> | our preliminary models were identical, and the LibA-NAT1 system was chosen. LibA facilitates the degradation of Liunuron into 3,4-DCA through the following reaction:</p> | ||
− | + | <figure> | |
− | It is known that purified LibA is a monomeric linuron hydrolase of ∼55 kDa with a K<sub>m</sub> and a V<sub>max</sub> for linuron of 5.8 μM and 0.16 nmol per minute for <it>Variovorax sp.</it> with an unknown enzyme concentration [4]. </p> | + | <center> |
+ | <img src="https://static.igem.org/mediawiki/2019/8/80/T--Waterloo--Chosenpathway_linurondegradation.png" alt="kinetic" style="width:90%;"> | ||
+ | </center> | ||
+ | </figure> | ||
+ | <p>It is known that purified LibA is a monomeric linuron hydrolase of ∼55 kDa with a K<sub>m</sub> and a V<sub>max</sub> for linuron of 5.8 μM and 0.16 nmol per minute for <it>Variovorax sp.</it> with an unknown enzyme concentration [4]. </p> | ||
<p>The second step in the reaction involving NAT1 is characterized in Rodrigues-Lima [5]. The rate for 3,4-dichloroaniline degradation with NAT1 is determined to be 68 ± 8 nmol. per min. per mg. of enzyme.</p> | <p>The second step in the reaction involving NAT1 is characterized in Rodrigues-Lima [5]. The rate for 3,4-dichloroaniline degradation with NAT1 is determined to be 68 ± 8 nmol. per min. per mg. of enzyme.</p> | ||
− | <p>We assume that the LibA concentration and the NAT1 concentration are equal since they are placed under the same promoter in our system. This choice was done strictly due to time constraints, and our models did suggest that placing LibA and NAT1 under different promoters would result in a more effective system. In order to mitigate the | + | <p>We assume that the LibA concentration and the NAT1 concentration are equal since they are placed under the same promoter in our system. This choice was done strictly due to time constraints, and our models did suggest that placing LibA and NAT1 under different promoters would result in a more effective system. In order to mitigate the problems of using just a K<sub>m</sub> value for LibA (since none of the Michaelis-Menton parameters have been found), which would be a blatant disregard for enzyme concentration, we decided to use the K<sub>cat</sub> from PuhB since its structure and function are very similar to NAT1.</p> |
<h2 id="computations">Computations</h2> | <h2 id="computations">Computations</h2> | ||
<p>We use Julia and the DiffEqBiological.jl package in order to determine the dynamics of our reaction network. Under standard assumptions in biochemical modelling, we reduce our model to the following set of equations for our system with no influx of Linuron:</p> | <p>We use Julia and the DiffEqBiological.jl package in order to determine the dynamics of our reaction network. Under standard assumptions in biochemical modelling, we reduce our model to the following set of equations for our system with no influx of Linuron:</p> | ||
Line 92: | Line 2,973: | ||
$$\frac{d[\text{3,4-DCA}]}{dt} = - \frac{V_\max^{\text{DCA}} \cdot [\text{3,4-DCA}]}{K_m^{\text{DCA}} + [\text{3,4-DCA}]} [\text{3,4-DCA}] - k_{\text{DCA}}[\text{3,4-DCA}],$$ | $$\frac{d[\text{3,4-DCA}]}{dt} = - \frac{V_\max^{\text{DCA}} \cdot [\text{3,4-DCA}]}{K_m^{\text{DCA}} + [\text{3,4-DCA}]} [\text{3,4-DCA}] - k_{\text{DCA}}[\text{3,4-DCA}],$$ | ||
$$\frac{d[\text{DCAA}]}{dt} = k_{\text{DCAA}}[\text{DCAA}],$$ | $$\frac{d[\text{DCAA}]}{dt} = k_{\text{DCAA}}[\text{DCAA}],$$ | ||
− | <p> where DCAA is dichloroacetanilide, which is what NAT1 degrades 3,4-DCA into. In the case of with influx, the only difference is an influx term in the first equation. With | + | <p> where DCAA is dichloroacetanilide, which is what NAT1 degrades 3,4-DCA into. In the case of with influx, the only difference is an influx term in the first equation. With 300 pmol of LibA and NAT1, as well as 600 nmol of Linuron, we see that |
− | + | <figure><center><img src="https://static.igem.org/mediawiki/2019/a/a1/T--Waterloo--no-influx.svg" alt="svg"></center></figure> | |
− | <p> where | + | <p> where X is the Linuron concentration, Y is the 3,4-DCA concentration, and Z is the 3,4-DCAA concentration. |
<p> Under a high influx of Linuron, we see that </p> | <p> Under a high influx of Linuron, we see that </p> | ||
− | < | + | <figure><center><img src="https://static.igem.org/mediawiki/2019/b/b5/T--Waterloo--influx.svg" alt="svg"></center></figure> |
which implies that LibA can mitigate the detrimental effects of high concentrations of Linuron in the soil, but there is a predicted very large accumulation of 3,4-DCA which is known to be detrimental to the cell. However, if we place LibA and NAT1 under different promoters, we see that the behaviour changes drastically if the NAT1 concentration is assumed to be 3 orders of magnitude higher than the concentration of LibA without influx: | which implies that LibA can mitigate the detrimental effects of high concentrations of Linuron in the soil, but there is a predicted very large accumulation of 3,4-DCA which is known to be detrimental to the cell. However, if we place LibA and NAT1 under different promoters, we see that the behaviour changes drastically if the NAT1 concentration is assumed to be 3 orders of magnitude higher than the concentration of LibA without influx: | ||
− | < | + | <figure><center><img src="https://static.igem.org/mediawiki/2019/e/e5/T--Waterloo--no-influx-optimal.svg" alt="svg"></center></figure> |
<p> and with influx: </p> | <p> and with influx: </p> | ||
− | < | + | <figure><center><img src="https://static.igem.org/mediawiki/2019/8/83/T--Waterloo--influx-optimal.svg" alt="svg"></center></figure> |
<h2 id="conclusions">Conclusions</h2> | <h2 id="conclusions">Conclusions</h2> | ||
− | <p> Under reasonable amounts of uncertainty in our model, the dynamics of our system were not drastically different. From our model, we determined that in order to engineer a system for the real world, we would need to place LibA and NAT1 under different promoters, ideally with NAT1 under a relatively strong promoter when compared to LibA. In addition, we can conclude that the LibA-NAT1 system could be engineered to degrade Linuron into 3,4-dichloroacetanilide under a wide range of thresholds for toxic concentrations of Linuron and 3,4-DCA. Under the above assumptions of our system, we have demonstrated that a LibA-NAT1 system can efficiently and effectively reduce Linuron concentration in the soil while preserving the rhizosphere. | + | <p> Under reasonable amounts of uncertainty in our model, the dynamics of our system were not drastically different. From our model, we determined that in order to engineer a system for the real world, we would need to place LibA and NAT1 under different promoters, ideally with NAT1 under a relatively strong promoter when compared to LibA. In addition, we can conclude that the LibA-NAT1 system could be engineered to degrade Linuron into 3,4-dichloroacetanilide under a wide range of thresholds for toxic concentrations of Linuron and 3,4-DCA. Under the above assumptions of our system, we have demonstrated that a LibA-NAT1 system can efficiently and effectively reduce Linuron concentration in the soil while preserving the rhizosphere. Although we know the ratio of NAT1 and LibA that is required to maintain a strong culture of rhizobia, we were unable to engineer it due to the complexity of the construction. |
<h3>References</h3> | <h3>References</h3> | ||
<ul> | <ul> | ||
Line 117: | Line 2,998: | ||
<!-- Footer --> | <!-- Footer --> | ||
<footer id="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> | </div> | ||
− | + | </footer> | |
− | + | ||
<!-- Scripts --> | <!-- Scripts --> |
Latest revision as of 22:48, 21 October 2019
Mathematics and Modeling
Environmental Model
An important goal of our project is to determine whether the Linuron concentration in the vicinity of the root nodule is significant enough to damage the Rhizosphere and inhibit nodule growth as plants continue to develop.
In order to model this, we introduce a diffusion-reaction-advection model, which is standard in environmental engineering. A byproduct of this model is that we are able to develop heuristics for the magnitude of Linuron and 3,4-DCA runoff. The model is derived from a similar model by Owsianiak et al [1] for Linuron degradation in bioaugmentation beads. Since this paper also modelled Variovorax sp. [4], we were able to obtain many of our parameters from this work of Owsiniak et al.
Introducing the Model
For completeness, we introduce this model from the ground up. First, we model diffusion through the soil with Fick's Laws of diffusion.
$$ C = [\textrm{Linuron}] $$
$$ D = \textrm{diag}(D_x,D_y,D_z) $$
$$ \nabla\cdot(D\nabla C) = \frac{\partial C}{\partial t} $$
The matrix D is called the diffusion matrix, which determines the speed of diffusion in different directions. Next, we add an advection term to model the transport of Linuron by water.
$$ \nabla \cdot (D\nabla C) - \vec{v}_e \cdot \nabla C = \frac{\partial C}{\partial t}$$
This advection term relies on the hydraulic head, which in our case is a measure of water pressure in the soil. However, water tends to flow around the root nodules, so Linuron transport is diffusion-dominated inside the nodule. Therefore we must use the Navier-Stokes equation in order to find the advection velocity. In order to model degradation, we couple this with our kinetic model to derive this coupled system of PDEs:
$$ \nabla \cdot (D\nabla C) - \vec{v}_e \cdot \nabla C = \frac{\partial C}{\partial t} + \chi_n \frac{V_{max}C}{K_m-C} $$
$$ \varrho \left( \frac{\partial v_e}{\partial t} - v_e \cdot \nabla v_e \right) = \nabla \cdot \sigma(v_e,p)+f $$ $$ \nabla \cdot v_e = 0 $$
Assumptions
In the above model, we assumed an averaged rate of water intake - by necessity due to the complexity of the more realistic rain models. This assumption should produce a reasonable approximation since our timescale is on the order of weeks to months, whereas the rate of rainfall is on the order of days.
We also needed to verify that the rate of water transport into the nodule tissue is not limited by physiological factors such as membrane transport. In order to do this, we used the Octanol-Water partition coefficient in order to predict the rate of membrane transport using Overton's Rule [2]:
$$ P=\frac{K_{ow}D}{\ell} $$
By computing the rate of membrane transport, we concluded that the transport of Linuron into plant cells is not membrane-transport limited. In addition, we assume that the background degradation of Linuron by the same pathway is negligible compared to degradation by Variovorax sp. as found by Owsiniak et al..
Numerical Methods
In order to solve this model we first convert the system into its variational form. The Navier-Stokes terms are solved by a midpoint discretization method called Chorin's Method, while the remainder is solved using the backwards Euler method. The following equations are obtained by integrating the above PDEs and applying integration by parts:
$$\int_\Omega \frac{\partial C}{\partial t} w d\tau = \int_\Omega \left[\nabla \cdot (D \nabla C)w - w v_e\cdot \nabla C - \frac{V_{max}C}{K_m-C}\right] d \tau =$$
$$\int_\Omega \left[(-\nabla C)^T D^T \nabla w -wv_e\cdot \nabla C - \frac{V_{max}C}{K_m-C}\right] d \tau + \int_{\partial \Omega} w( \nabla C)\cdot d \vec{s}$$
We now solve this system in Python using a library known as FeNiCS [3], which is an free, open-source library for solving PDEs with Finite Element Methods. Teams interested in using PDE solvers for their iGEM modelling should consider using FeNiCS as a great alternative to expensive proprietary software. Using ParaView, we export animations of our data from FeNiCS. We also used the Python library meshio to convert meshes generated by Gmsh into a format compatible with FeNiCS. As a note to future iGEM teams considering PDE transport models, your discretization must meet the Courant-Freidrichs-Lewy (CFL) condition in order to be stable.
Results
We now analyze a system of two root nodules, spaced 1 centimeter apart. In the soil we start with an initial supply of Linuron at 1e-10mol/cm^3 isolated just above the top nodule. The nodules are each 1 centimeter in radius and are assumed to be saturated with B. japonicum. Using the Puh-B Parameters specified in the next section, we arrive at the following result for the lower nodule
![results](https://static.igem.org/mediawiki/2019/9/98/T--Waterloo--EnvModelResult1.png)
The following are videos of each of the concentrations over time:
Conclusions
What we can draw from these results is that at the optimized NAT1 concentration the system is very stable, and that the 3,4-DCA concentration falls well below toxicity (see the MIC page). This tells us that implementing the system would not result in a significant pile-up of 3,4-DCA in the soil, which is important information for any future projects since it would aid the optimization of the system.LibA-NAT1 Pathway
We were initially considering three enzymes for Linuron degradation into 3,4-DCA: LibA, PuhA, PuhB, and 2 enzymes for 3,4-DCA degradation: NAT1, NAT2. From preliminary kinetic models, we determined that the use of NAT2 would result in an accumulation of 3,4-DCA that would almost certainly be toxic, and that a PuhA-NAT1 system would not degrade Linuron into 3,4-DCAA at a rate fast enough to mitigate the toxicity of Linuron. The dynamics of the PuhB-NAT1 and LibA-NAT1 systems under fs our preliminary models were identical, and the LibA-NAT1 system was chosen. LibA facilitates the degradation of Liunuron into 3,4-DCA through the following reaction:
![kinetic](https://static.igem.org/mediawiki/2019/8/80/T--Waterloo--Chosenpathway_linurondegradation.png)
It is known that purified LibA is a monomeric linuron hydrolase of ∼55 kDa with a Km and a Vmax for linuron of 5.8 μM and 0.16 nmol per minute for
The second step in the reaction involving NAT1 is characterized in Rodrigues-Lima [5]. The rate for 3,4-dichloroaniline degradation with NAT1 is determined to be 68 ± 8 nmol. per min. per mg. of enzyme.
We assume that the LibA concentration and the NAT1 concentration are equal since they are placed under the same promoter in our system. This choice was done strictly due to time constraints, and our models did suggest that placing LibA and NAT1 under different promoters would result in a more effective system. In order to mitigate the problems of using just a Km value for LibA (since none of the Michaelis-Menton parameters have been found), which would be a blatant disregard for enzyme concentration, we decided to use the Kcat from PuhB since its structure and function are very similar to NAT1.
Computations
We use Julia and the DiffEqBiological.jl package in order to determine the dynamics of our reaction network. Under standard assumptions in biochemical modelling, we reduce our model to the following set of equations for our system with no influx of Linuron:
$$\frac{d[\text{Linuron}]}{dt} = - \frac{V_\max^{\text{Lin}} \cdot [\text{Linuron}]}{K_m^{\text{Lin}} + [\text{Linuron}]} [\text{Linuron}],$$ $$\frac{d[\text{3,4-DCA}]}{dt} = - \frac{V_\max^{\text{DCA}} \cdot [\text{3,4-DCA}]}{K_m^{\text{DCA}} + [\text{3,4-DCA}]} [\text{3,4-DCA}] - k_{\text{DCA}}[\text{3,4-DCA}],$$ $$\frac{d[\text{DCAA}]}{dt} = k_{\text{DCAA}}[\text{DCAA}],$$ where DCAA is dichloroacetanilide, which is what NAT1 degrades 3,4-DCA into. In the case of with influx, the only difference is an influx term in the first equation. With 300 pmol of LibA and NAT1, as well as 600 nmol of Linuron, we see that
where X is the Linuron concentration, Y is the 3,4-DCA concentration, and Z is the 3,4-DCAA concentration.
Under a high influx of Linuron, we see that
and with influx:
Conclusions
Under reasonable amounts of uncertainty in our model, the dynamics of our system were not drastically different. From our model, we determined that in order to engineer a system for the real world, we would need to place LibA and NAT1 under different promoters, ideally with NAT1 under a relatively strong promoter when compared to LibA. In addition, we can conclude that the LibA-NAT1 system could be engineered to degrade Linuron into 3,4-dichloroacetanilide under a wide range of thresholds for toxic concentrations of Linuron and 3,4-DCA. Under the above assumptions of our system, we have demonstrated that a LibA-NAT1 system can efficiently and effectively reduce Linuron concentration in the soil while preserving the rhizosphere. Although we know the ratio of NAT1 and LibA that is required to maintain a strong culture of rhizobia, we were unable to engineer it due to the complexity of the construction.
References
- [1] Owsianiak, M., Dechesne, A., Binning, P. J., Chambon, J. C., Sørensen, S. R., & Smets, B. F. (2010). Evaluation of Bioaugmentation with Entrapped Degrading Cells as a Soil Remediation Technology. Environmental Science & Technology, 44(19), 7622–7627. doi: 10.1021/es101160u
- [2] Grime, J. M. A., Edwards, M. A., Rudd, N. C., & Unwin, P. R. (2008). Quantitative visualization of passive transport across bilayer lipid membranes. Proceedings of the National Academy of Sciences, 105(38), 14277–14282. doi: 10.1073/pnas.0803720105
- [3] Zakharov, P. E. (2018). The FEniCS project. Spark. doi: 10.1515/spark.18.13
- [4] Bers, K., Leroy, B., Breugelmans, P., Albers, P., Lavigne, R., Sørensen, S. R., ... Springael, D. (2011). A Novel Hydrolase Identified by Genomic-Proteomic Analysis of Phenylurea Herbicide Mineralization by Variovorax sp. Strain SRS16. Applied and Environmental Microbiology, 77(24), 8754–8764. doi: 10.1128/aem.06162-11
- [5] Rodrigues-Lima, Fernando & Dairou, Julien & Diaz, Clara & Rubio, Maria & Sim, Edith & Spaink, Herman & Dupret, Jean-Marie. (2006). Cloning, functional expression and characterization of Mesorhizobium loti arylamine N-acetyltransferases: Rhizobial symbiosis supplies leguminous plants with the xenobiotic N-acetylation pathway. Molecular microbiology. 60. 505-12. 10.1111/j.1365-2958.2006.05114.x.