Difference between revisions of "Template:Toulouse"

(Prototype team template page)
 
Line 6: Line 6:
 
<!-- Start of CSS-->
 
<!-- Start of CSS-->
 
<style type="text/css">
 
<style type="text/css">
 +
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.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;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.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{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.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:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.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-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-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"}
  
−
/* PAGE LAYOUT */
+
.icon.major {
 +
border: none;
 +
}
  
−
/* Change Background color*/
+
.icon.major:before {
−
body {  
+
font-size: 3em;
−
background-color: #fff;
+
}
 +
 
 +
/* Form */
 +
 
 +
label {
 +
color: #2E3842;
 +
}
 +
 
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select,
 +
textarea {
 +
border: solid 1px #dfdfdf;
 +
}
 +
 
 +
/* Button */
 +
 
 +
input[type="submit"],
 +
input[type="reset"],
 +
input[type="button"],
 +
button,
 +
.button {
 +
border: solid 2px #dfdfdf;
 +
}
 +
 
 +
input[type="submit"].special,
 +
input[type="reset"].special,
 +
input[type="button"].special,
 +
button.special,
 +
.button.special {
 +
border: 0 !important;
 +
}
 +
 
 +
/* Page Wrapper + Menu */
 +
 
 +
#menu {
 +
display: none;
 +
}
 +
 
 +
body.is-menu-visible #menu {
 +
display: block;
 +
}
 +
 
 +
/* Header */
 +
 
 +
#header nav > ul > li > a.menuToggle:after {
 +
display: none;
 +
}
 +
 
 +
/* Banner + Wrapper (style4) */
 +
 
 +
#banner,
 +
.wrapper.style4 {
 +
-ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
 +
}
 +
 
 +
#banner:before,
 +
.wrapper.style4:before {
 +
display: none;
 +
}
 +
 
 +
/* Banner */
 +
 
 +
#banner .more {
 +
height: 4em;
 +
}
 +
 
 +
#banner .more:after {
 +
display: none;
 +
}
 +
 
 +
/* Main */
 +
 
 +
#main > header {
 +
-ms-behavior: url("assets/js/ie/backgroundsize.min.htc");
 +
}
 +
 
 +
#main > header:before {
 +
display: none;
 +
}
 +
 
 +
.spotlight {
 +
display: block;
 +
}
 +
 
 +
.spotlight .image {
 +
display: inline-block;
 +
vertical-align: top;
 +
}
 +
 
 +
.spotlight .content {
 +
padding: 4em 4em 2em 4em ;
 +
display: inline-block;
 +
}
 +
 
 +
.spotlight:after {
 +
clear: both;
 +
content: '';
 +
display: block;
 +
}
 +
 
 +
/* Features */
 +
 
 +
.features {
 +
display: block;
 +
}
 +
 
 +
.features li {
 +
float: left;
 +
}
 +
 
 +
.features:after {
 +
content: '';
 +
display: block;
 +
clear: both;
 +
}
 +
 
 +
/* Banner + Wrapper (style4) */
 +
 
 +
#banner,
 +
.wrapper.style4 {
 +
background-image: url("../../images/banner.jpg");
 +
background-position: center center;
 +
background-repeat: no-repeat;
 +
background-size: cover;
 +
position: relative;
 +
}
 +
 
 +
#banner:before,
 +
.wrapper.style4:before {
 +
background: #000000;
 +
content: '';
 +
height: 100%;
 +
left: 0;
 +
opacity: 0.5;
 +
position: absolute;
 +
top: 0;
 +
width: 100%;
 +
}
 +
 
 +
#banner .inner,
 +
.wrapper.style4 .inner {
 +
position: relative;
 +
z-index: 1;
 +
}
 +
 
 +
/* Banner */
 +
 
 +
#banner {
 +
padding: 14em 0 12em 0 ;
 +
height: auto;
 +
}
 +
 
 +
#banner:after {
 +
display: none;
 +
}
 +
 
 +
/* CTA */
 +
 
 +
#cta .inner header {
 +
float: left;
 +
}
 +
 
 +
#cta .inner .actions {
 +
float: left;
 +
}
 +
 
 +
#cta .inner:after {
 +
clear: both;
 +
content: '';
 +
display: block;
 +
}
 +
 
 +
/* Main */
 +
 
 +
#main > header {
 +
background-image: url("../../images/banner.jpg");
 +
background-position: center center;
 +
background-repeat: no-repeat;
 +
background-size: cover;
 +
position: relative;
 +
}
 +
 
 +
#main > header:before {
 +
background: #000000;
 +
content: '';
 +
height: 100%;
 +
left: 0;
 +
opacity: 0.5;
 +
position: absolute;
 +
top: 0;
 +
width: 100%;
 +
}
 +
 
 +
#main > header > * {
 +
position: relative;
 +
z-index: 1;
 +
}
 +
 
 +
@import url(font-awesome.min.css);
 +
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,800,800italic");
 +
 
 +
/*
 +
Spectral by HTML5 UP
 +
html5up.net | @n33co
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
*/
 +
 
 +
/* Reset */
 +
 
 +
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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;
 +
}
 +
 
 +
/* Box Model */
 +
 
 +
*, *:before, *:after {
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 
 +
/* Grid */
 +
 
 +
.row {
 +
border-bottom: solid 1px transparent;
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 
 +
.row > * {
 +
float: left;
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 
 +
.row:after, .row:before {
 +
content: '';
 +
display: block;
 +
clear: both;
 +
height: 0;
 +
}
 +
 
 +
.row.uniform > * > :first-child {
 +
margin-top: 0;
 +
}
 +
 
 +
.row.uniform > * > :last-child {
 +
margin-bottom: 0;
 +
}
 +
 
 +
.row.\30 \25 > * {
 +
padding: 0 0 0 0em;
 +
}
 +
 
 +
.row.\30 \25 {
 +
margin: 0 0 -1px 0em;
 +
}
 +
 
 +
.row.uniform.\30 \25 > * {
 +
padding: 0em 0 0 0em;
 +
}
 +
 
 +
.row.uniform.\30 \25 {
 +
margin: 0em 0 -1px 0em;
 +
}
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.5em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.5em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.5em 0 0 1.5em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.5em 0 -1px -1.5em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3em 0 0 3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3em 0 -1px -3em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.25em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.25em 0 0 2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.25em 0 -1px -2.25em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.75em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.75em 0 0 0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.75em 0 -1px -0.75em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.375em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.375em 0 0 0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.375em 0 -1px -0.375em;
 +
}
 +
 
 +
.\31 2u, .\31 2u\24 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u, .\31 1u\24 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u, .\31 0u\24 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u, .\39 u\24 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u, .\38 u\24 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u, .\37 u\24 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u, .\36 u\24 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u, .\35 u\24 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u, .\34 u\24 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u, .\33 u\24 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u, .\32 u\24 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u, .\31 u\24 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24 + *,
 +
.\31 1u\24 + *,
 +
.\31 0u\24 + *,
 +
.\39 u\24 + *,
 +
.\38 u\24 + *,
 +
.\37 u\24 + *,
 +
.\36 u\24 + *,
 +
.\35 u\24 + *,
 +
.\34 u\24 + *,
 +
.\33 u\24 + *,
 +
.\32 u\24 + *,
 +
.\31 u\24 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
@media screen and (max-width: 1680px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.5em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.5em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.5em 0 0 1.5em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.5em 0 -1px -1.5em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3em 0 0 3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3em 0 -1px -3em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.25em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.25em 0 0 2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.25em 0 -1px -2.25em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.75em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.75em 0 0 0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.75em 0 -1px -0.75em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.375em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.375em 0 0 0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.375em 0 -1px -0.375em;
 +
}
 +
 
 +
.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28xlarge\29 + *,
 +
.\31 1u\24\28xlarge\29 + *,
 +
.\31 0u\24\28xlarge\29 + *,
 +
.\39 u\24\28xlarge\29 + *,
 +
.\38 u\24\28xlarge\29 + *,
 +
.\37 u\24\28xlarge\29 + *,
 +
.\36 u\24\28xlarge\29 + *,
 +
.\35 u\24\28xlarge\29 + *,
 +
.\34 u\24\28xlarge\29 + *,
 +
.\33 u\24\28xlarge\29 + *,
 +
.\32 u\24\28xlarge\29 + *,
 +
.\31 u\24\28xlarge\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28xlarge\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28xlarge\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28xlarge\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28xlarge\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28xlarge\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28xlarge\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28xlarge\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28xlarge\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28xlarge\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28xlarge\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28xlarge\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.5em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.5em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.5em 0 0 1.5em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.5em 0 -1px -1.5em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3em 0 0 3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3em 0 -1px -3em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.25em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.25em 0 0 2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.25em 0 -1px -2.25em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.75em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.75em 0 0 0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.75em 0 -1px -0.75em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.375em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.375em 0 0 0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.375em 0 -1px -0.375em;
 +
}
 +
 
 +
.\31 2u\28large\29, .\31 2u\24\28large\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28large\29, .\31 1u\24\28large\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28large\29, .\31 0u\24\28large\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28large\29, .\39 u\24\28large\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28large\29, .\38 u\24\28large\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28large\29, .\37 u\24\28large\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28large\29, .\36 u\24\28large\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28large\29, .\35 u\24\28large\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28large\29, .\34 u\24\28large\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28large\29, .\33 u\24\28large\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28large\29, .\32 u\24\28large\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28large\29, .\31 u\24\28large\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28large\29 + *,
 +
.\31 1u\24\28large\29 + *,
 +
.\31 0u\24\28large\29 + *,
 +
.\39 u\24\28large\29 + *,
 +
.\38 u\24\28large\29 + *,
 +
.\37 u\24\28large\29 + *,
 +
.\36 u\24\28large\29 + *,
 +
.\35 u\24\28large\29 + *,
 +
.\34 u\24\28large\29 + *,
 +
.\33 u\24\28large\29 + *,
 +
.\32 u\24\28large\29 + *,
 +
.\31 u\24\28large\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28large\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28large\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28large\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28large\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28large\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28large\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28large\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28large\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28large\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28large\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28large\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.5em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.5em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.5em 0 0 1.5em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.5em 0 -1px -1.5em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3em 0 0 3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3em 0 -1px -3em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.25em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.25em 0 0 2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.25em 0 -1px -2.25em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.75em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.75em 0 0 0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.75em 0 -1px -0.75em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.375em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.375em 0 0 0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.375em 0 -1px -0.375em;
 +
}
 +
 
 +
.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28medium\29, .\39 u\24\28medium\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28medium\29, .\38 u\24\28medium\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28medium\29, .\37 u\24\28medium\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28medium\29, .\36 u\24\28medium\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28medium\29, .\35 u\24\28medium\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28medium\29, .\34 u\24\28medium\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28medium\29, .\33 u\24\28medium\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28medium\29, .\32 u\24\28medium\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28medium\29, .\31 u\24\28medium\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28medium\29 + *,
 +
.\31 1u\24\28medium\29 + *,
 +
.\31 0u\24\28medium\29 + *,
 +
.\39 u\24\28medium\29 + *,
 +
.\38 u\24\28medium\29 + *,
 +
.\37 u\24\28medium\29 + *,
 +
.\36 u\24\28medium\29 + *,
 +
.\35 u\24\28medium\29 + *,
 +
.\34 u\24\28medium\29 + *,
 +
.\33 u\24\28medium\29 + *,
 +
.\32 u\24\28medium\29 + *,
 +
.\31 u\24\28medium\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28medium\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28medium\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28medium\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28medium\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28medium\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28medium\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28medium\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28medium\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28medium\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28medium\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28medium\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.5em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.5em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.5em 0 0 1.5em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.5em 0 -1px -1.5em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3em 0 0 3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3em 0 -1px -3em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.25em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.25em 0 0 2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.25em 0 -1px -2.25em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.75em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.75em 0 0 0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.75em 0 -1px -0.75em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.375em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.375em 0 0 0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.375em 0 -1px -0.375em;
 +
}
 +
 
 +
.\31 2u\28small\29, .\31 2u\24\28small\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28small\29, .\31 1u\24\28small\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28small\29, .\31 0u\24\28small\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28small\29, .\39 u\24\28small\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28small\29, .\38 u\24\28small\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28small\29, .\37 u\24\28small\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28small\29, .\36 u\24\28small\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28small\29, .\35 u\24\28small\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28small\29, .\34 u\24\28small\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28small\29, .\33 u\24\28small\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28small\29, .\32 u\24\28small\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28small\29, .\31 u\24\28small\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28small\29 + *,
 +
.\31 1u\24\28small\29 + *,
 +
.\31 0u\24\28small\29 + *,
 +
.\39 u\24\28small\29 + *,
 +
.\38 u\24\28small\29 + *,
 +
.\37 u\24\28small\29 + *,
 +
.\36 u\24\28small\29 + *,
 +
.\35 u\24\28small\29 + *,
 +
.\34 u\24\28small\29 + *,
 +
.\33 u\24\28small\29 + *,
 +
.\32 u\24\28small\29 + *,
 +
.\31 u\24\28small\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28small\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28small\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28small\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28small\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28small\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28small\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28small\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28small\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28small\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28small\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28small\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.5em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.5em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.5em 0 0 1.5em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.5em 0 -1px -1.5em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3em 0 0 3em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3em 0 -1px -3em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.25em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.25em 0 0 2.25em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.25em 0 -1px -2.25em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.75em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.75em 0 0 0.75em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.75em 0 -1px -0.75em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.375em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.375em 0 0 0.375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.375em 0 -1px -0.375em;
 +
}
 +
 
 +
.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28xsmall\29 + *,
 +
.\31 1u\24\28xsmall\29 + *,
 +
.\31 0u\24\28xsmall\29 + *,
 +
.\39 u\24\28xsmall\29 + *,
 +
.\38 u\24\28xsmall\29 + *,
 +
.\37 u\24\28xsmall\29 + *,
 +
.\36 u\24\28xsmall\29 + *,
 +
.\35 u\24\28xsmall\29 + *,
 +
.\34 u\24\28xsmall\29 + *,
 +
.\33 u\24\28xsmall\29 + *,
 +
.\32 u\24\28xsmall\29 + *,
 +
.\31 u\24\28xsmall\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28xsmall\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28xsmall\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28xsmall\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28xsmall\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28xsmall\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28xsmall\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28xsmall\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28xsmall\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28xsmall\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28xsmall\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28xsmall\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
/* Basic */
 +
 
 +
@-ms-viewport {
 +
width: device-width;
 +
}
 +
 
 +
body {
 +
background: #2e3842;
 +
}
 +
 
 +
body.is-loading *, body.is-loading *:before, body.is-loading *: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;
 +
}
 +
 
 +
body, input, select, textarea {
 +
color: #fff;
 +
font-family: "Open Sans", Helvetica, sans-serif;
 +
font-size: 15pt;
 +
font-weight: 400;
 +
letter-spacing: 0.075em;
 +
line-height: 1.65em;
 +
}
 +
 
 +
@media screen and (max-width: 1680px) {
 +
 
 +
body, input, select, textarea {
 +
font-size: 13pt;
 
}
 
}
  
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
}
−
#mainContainer { 
+
 
−
width: 978px;
+
@media screen and (max-width: 1280px) {
−
overflow:hidden;
+
 
−
float:left;
+
body, input, select, textarea {
−
margin-left:20px;
+
font-size: 12pt;
−
margin-bottom: 10px;
+
−
background-color: #fff;
+
−
border-bottom: 14px solid #565656;
+
−
border-right: 2px solid #565656;
+
−
border-left: 2px solid #565656;
+
−
border-top: 2px solid #565656;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
 
}
 
}
  
−
/* Creates the container for the menu */
+
}
−
#menuContainer  {
+
 
−
float:left;
+
@media screen and (max-width: 736px) {
−
width: 134px;
+
 
−
padding: 20px 0px;
+
body, input, select, textarea {
−
border-top: 14px solid #565656;
+
font-size: 11pt;
−
background-color: #E8E8E9;
+
letter-spacing: 0.0375em;
 
}
 
}
  
−
/* Creates the container for the content */
+
}
−
#contentContainer {
+
 
−
padding-top:20px;
+
a {
−
padding-right:10px;
+
-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
−
margin-bottom: 20px;
+
-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
−
width: 814px;
+
-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
−
padding-left: 20px;
+
transition: color 0.2s ease, border-bottom-color 0.2s ease;
−
float: left;
+
border-bottom: dotted 1px;
−
background-color: #fff;  
+
color: inherit;
−
border-top: 14px solid #565656;
+
text-decoration: none;
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
}
 +
 
 +
a:hover {
 +
border-bottom-color: transparent;
 +
}
 +
 
 +
strong, b {
 +
color: #fff;
 +
font-weight: 600;
 +
}
 +
 
 +
em, i {
 +
font-style: italic;
 +
}
 +
 
 +
p {
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
h1, h2, h3, h4, h5, h6 {
 +
color: #fff;
 +
font-weight: 800;
 +
letter-spacing: 0.225em;
 +
line-height: 1em;
 +
margin: 0 0 1em 0;
 +
text-transform: uppercase;
 +
}
 +
 
 +
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 +
color: inherit;
 +
text-decoration: none;
 +
}
 +
 
 +
h2 {
 +
font-size: 1.35em;
 +
line-height: 1.75em;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
h2 {
 +
font-size: 1.1em;
 +
line-height: 1.65em;
 
}
 
}
  
−
/*Set up height place holder for the banner*/
+
}
−
#bannerContainer {
+
 
−
height:200px;
+
h3 {
−
margin:auto;
+
font-size: 1.15em;
−
text-align:center;
+
line-height: 1.75em;
−
color: #24B694;
+
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
h3 {
 +
font-size: 1em;
 +
line-height: 1.65em;
 
}
 
}
  
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
}
  
−
/*Change the styling of text for everything inside main container*/
+
h4 {
−
#mainContainer p {  
+
font-size: 1em;
−
font-size: 13px;
+
line-height: 1.5em;
−
color: #000000;
+
}
 +
 
 +
h5 {
 +
font-size: 0.8em;
 +
line-height: 1.5em;
 +
}
 +
 
 +
h6 {
 +
font-size: 0.7em;
 +
line-height: 1.5em;
 +
}
 +
 
 +
sub {
 +
font-size: 0.8em;
 +
position: relative;
 +
top: 0.5em;
 +
}
 +
 
 +
sup {
 +
font-size: 0.8em;
 +
position: relative;
 +
top: -0.5em;
 +
}
 +
 
 +
hr {
 +
border: 0;
 +
border-bottom: solid 2px #fff;
 +
margin: 3em 0;
 +
}
 +
 
 +
hr.major {
 +
margin: 4.5em 0;
 +
}
 +
 
 +
blockquote {
 +
border-left: solid 4px #fff;
 +
font-style: italic;
 +
margin: 0 0 2em 0;
 +
padding: 0.5em 0 0.5em 2em;
 +
}
 +
 
 +
code {
 +
background: rgba(144, 144, 144, 0.25);
 +
border-radius: 3px;
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9em;
 +
letter-spacing: 0;
 +
margin: 0 0.25em;
 +
padding: 0.25em 0.65em;
 +
}
 +
 
 +
pre {
 +
-webkit-overflow-scrolling: touch;
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9em;
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
pre code {
 +
display: block;
 +
line-height: 1.75em;
 +
padding: 1em 1.5em;
 +
overflow-x: auto;
 +
}
 +
 
 +
.align-left {
 +
text-align: left;
 +
}
 +
 
 +
.align-center {
 +
text-align: center;
 +
}
 +
 
 +
.align-right {
 +
text-align: right;
 +
}
 +
 
 +
/* Section/Article */
 +
 
 +
section.special, article.special {
 +
text-align: center;
 +
}
 +
 
 +
header p {
 +
color: rgba(255, 255, 255, 0.5);
 +
position: relative;
 +
top: -0.25em;
 +
}
 +
 
 +
header h3 + p {
 +
font-size: 1.1em;
 +
}
 +
 
 +
header h4 + p,
 +
header h5 + p,
 +
header h6 + p {
 +
font-size: 0.9em;
 +
}
 +
 
 +
header.major {
 +
margin: 0 0 3.5em 0;
 +
}
 +
 
 +
header.major h2, header.major h3, header.major h4, header.major h5, header.major h6 {
 +
border-bottom: solid 2px #fff;
 +
display: inline-block;
 +
padding-bottom: 1em;
 +
position: relative;
 +
}
 +
 
 +
header.major h2:after, header.major h3:after, header.major h4:after, header.major h5:after, header.major h6:after {
 +
content: '';
 +
display: block;
 +
height: 1px;
 
}
 
}
−
+
 
−
/*This changes the color and font family */
+
header.major p {
−
#contentContainer h1, h2, h3, h4, h5, h6 {
+
color: #fff;
−
color: #565656;
+
top: 0;
−
border-bottom: none;
+
}
−
font-weight: bold;
+
 
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
@media screen and (max-width: 736px) {
−
margin-top:10px;
+
 
 +
header.major {
 +
margin: 0 0 2em 0;
 
}
 
}
  
−
/*Style of the links - links are different inside the menu */
+
}
−
#contentContainer a {  
+
 
−
font-weight: bold;
+
@media screen and (max-width: 980px) {
−
color: #23b593;
+
 
 +
header br {
 +
display: none;
 +
}
 +
 
 +
}
 +
 
 +
/* Form */
 +
 
 +
form {
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
label {
 +
color: #fff;
 +
display: block;
 +
font-size: 0.9em;
 +
font-weight: 600;
 +
margin: 0 0 1em 0;
 +
}
 +
 
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select,
 +
textarea {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
background: rgba(144, 144, 144, 0.25);
 +
border-radius: 3px;
 +
border: none;
 +
color: inherit;
 +
display: block;
 +
outline: 0;
 +
padding: 0 1em;
 +
text-decoration: none;
 +
width: 100%;
 +
}
 +
 
 +
input[type="text"]:invalid,
 +
input[type="password"]:invalid,
 +
input[type="email"]:invalid,
 +
select:invalid,
 +
textarea:invalid {
 +
box-shadow: none;
 +
}
 +
 
 +
input[type="text"]:focus,
 +
input[type="password"]:focus,
 +
input[type="email"]:focus,
 +
select:focus,
 +
textarea:focus {
 +
box-shadow: 0 0 0 2px #21b2a6;
 +
}
 +
 
 +
.select-wrapper {
 +
text-decoration: none;
 +
display: block;
 +
position: relative;
 +
}
 +
 
 +
.select-wrapper:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 
 +
.select-wrapper:before {
 +
-moz-pointer-events: none;
 +
-webkit-pointer-events: none;
 +
-ms-pointer-events: none;
 +
pointer-events: none;
 +
color: #fff;
 +
content: '\f078';
 +
display: block;
 +
height: 2.75em;
 +
line-height: 2.75em;
 +
position: absolute;
 +
right: 0;
 +
text-align: center;
 +
top: 0;
 +
width: 2.75em;
 +
}
 +
 
 +
.select-wrapper select::-ms-expand {
 +
display: none;
 +
}
 +
 
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select {
 +
height: 2.75em;
 +
}
 +
 
 +
textarea {
 +
padding: 0.75em 1em;
 +
}
 +
 
 +
input[type="checkbox"],
 +
input[type="radio"] {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
display: block;
 +
float: left;
 +
margin-right: -2em;
 +
opacity: 0;
 +
width: 1em;
 +
z-index: -1;
 +
}
 +
 
 +
input[type="checkbox"] + label,
 +
input[type="radio"] + label {
 +
text-decoration: none;
 +
color: #fff;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-size: 1em;
 +
font-weight: 400;
 +
padding-left: 2.4em;
 +
padding-right: 0.75em;
 +
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;
 
}
 
}
  
−
  /* Styling links on hover- links are different inside the menu */
+
input[type="checkbox"] + label:before,
−
#contentContainer a:hover {  
+
input[type="radio"] + label:before {
−
color: #59bf92;
+
background: rgba(144, 144, 144, 0.25);
 +
border-radius: 3px;
 +
content: '';
 +
display: inline-block;
 +
height: 1.65em;
 +
left: 0;
 +
line-height: 1.58125em;
 +
position: absolute;
 +
text-align: center;
 +
top: 0;
 +
width: 1.65em;
 
}
 
}
  
−
/*Change the styling of tables */
+
input[type="checkbox"]:checked + label:before,
−
        #contentContainer table {
+
input[type="radio"]:checked + label:before {
−
    border: 1px solid #565656;
+
background: #2e3842;
−
    border-collapse: collapse;
+
color: #fff;
−
    width: 90%
+
content: '\f00c';
−
    margin: auto;
+
}
−
    margin-bottom: 15px;
+
−
    margin-top: 15px;
+
−
    margin-right: 10px;
+
−
    margin-left: 10px;
+
−
    }
+
  
−
/*Change the styling of table cells*/
+
input[type="checkbox"]:focus + label:before,
−
    #contentContainer  td {
+
input[type="radio"]:focus + label:before {
−
    padding: 10px;
+
box-shadow: 0 0 0 2px #21b2a6;
−
    border: 1px solid #565656;
+
}
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
  
−
/*Change the styling of table headers */
+
input[type="checkbox"] + label:before {
−
    #contentContainer th {
+
border-radius: 3px;
−
    background-color: #E8E8E9;
+
}
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
  
 +
input[type="radio"] + label:before {
 +
border-radius: 100%;
 +
}
  
 +
::-webkit-input-placeholder {
 +
color: rgba(255, 255, 255, 0.5) !important;
 +
opacity: 1.0;
 +
}
  
−
/*MENU STYLING */
+
:-moz-placeholder {
 +
color: rgba(255, 255, 255, 0.5) !important;
 +
opacity: 1.0;
 +
}
  
−
/*Styling for the links in the menu */
+
::-moz-placeholder {
−
#menuContainer a {
+
color: rgba(255, 255, 255, 0.5) !important;
−
color: #565656;
+
opacity: 1.0;
−
text-decoration:none;
+
}
−
font-weight: bold;
+
 
 +
:-ms-input-placeholder {
 +
color: rgba(255, 255, 255, 0.5) !important;
 +
opacity: 1.0;
 +
}
 +
 
 +
.formerize-placeholder {
 +
color: rgba(255, 255, 255, 0.5) !important;
 +
opacity: 1.0;
 +
}
 +
 
 +
/* Box */
 +
 
 +
.box {
 +
border-radius: 3px;
 +
border: solid 2px #fff;
 +
margin-bottom: 2em;
 +
padding: 1.5em;
 +
}
 +
 
 +
.box > :last-child,
 +
.box > :last-child > :last-child,
 +
.box > :last-child > :last-child > :last-child {
 +
margin-bottom: 0;
 +
}
 +
 
 +
.box.alt {
 +
border: 0;
 +
border-radius: 0;
 +
padding: 0;
 +
}
 +
 
 +
/* 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;
 +
}
 +
 
 +
.icon.major {
 +
-moz-transform: rotate(-45deg);
 +
-webkit-transform: rotate(-45deg);
 +
-ms-transform: rotate(-45deg);
 +
transform: rotate(-45deg);
 +
border-radius: 3px;
 +
border: solid 2px #fff;
 +
display: inline-block;
 +
font-size: 1.35em;
 +
height: calc(3em + 2px);
 +
line-height: 3em;
 +
text-align: center;
 +
width: calc(3em + 2px);
 +
}
 +
 
 +
.icon.major:before {
 +
-moz-transform: rotate(45deg);
 +
-webkit-transform: rotate(45deg);
 +
-ms-transform: rotate(45deg);
 +
transform: rotate(45deg);
 +
display: inline-block;
 +
font-size: 1.5em;
 
}
 
}
  
−
/* Sets the style for lists inside menuContainer  */
+
@media screen and (max-width: 736px) {
−
#menuContainer ul {  
+
 
 +
.icon.major {
 +
font-size: 1em;
 +
}
 +
 
 +
}
 +
 
 +
.icon.style1 {
 +
color: #00ffcc;
 +
}
 +
 
 +
.icon.style2 {
 +
color: #00f0ff;
 +
}
 +
 
 +
.icon.style3 {
 +
color: #76ddff;
 +
}
 +
 
 +
/* Image */
 +
 
 +
.image {
 +
border-radius: 3px;
 +
border: 0;
 +
display: inline-block;
 +
position: relative;
 +
}
 +
 
 +
.image img {
 +
border-radius: 3px;
 +
display: block;
 +
}
 +
 
 +
.image.left {
 +
float: left;
 +
margin: 0 2em 2em 0;
 +
top: 0.25em;
 +
}
 +
 
 +
.image.right {
 +
float: right;
 +
margin: 0 0 2em 2em;
 +
top: 0.25em;
 +
}
 +
 
 +
.image.left, .image.right {
 +
max-width: 40%;
 +
}
 +
 
 +
.image.left img, .image.right img {
 +
width: 100%;
 +
}
 +
 
 +
.image.fit {
 +
display: block;
 +
margin: 0 0 2em 0;
 +
width: 100%;
 +
}
 +
 
 +
.image.fit img {
 +
width: 100%;
 +
}
 +
 
 +
/* List */
 +
 
 +
ol {
 +
list-style: decimal;
 +
margin: 0 0 2em 0;
 +
padding-left: 1.25em;
 +
}
 +
 
 +
ol li {
 +
padding-left: 0.25em;
 +
}
 +
 
 +
ul {
 +
list-style: disc;
 +
margin: 0 0 2em 0;
 +
padding-left: 1em;
 +
}
 +
 
 +
ul li {
 +
padding-left: 0.5em;
 +
}
 +
 
 +
ul.alt {
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 
 +
ul.alt li {
 +
border-top: solid 1px #fff;
 +
padding: 0.5em 0;
 +
}
 +
 
 +
ul.alt li:first-child {
 +
border-top: 0;
 +
padding-top: 0;
 +
}
 +
 
 +
ul.icons {
 +
cursor: default;
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 
 +
ul.icons li {
 +
display: inline-block;
 +
padding: 0 1em 0 0;
 +
}
 +
 
 +
ul.icons li:last-child {
 +
padding-right: 0 !important;
 +
}
 +
 
 +
ul.icons.major {
 +
padding: 1em 0;
 +
}
 +
 
 +
ul.icons.major li {
 +
padding-right: 3.5em;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
ul.icons.major li {
 +
padding: 0 1em !important;
 +
}
 +
 
 +
}
 +
 
 +
ul.actions {
 +
cursor: default;
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 
 +
ul.actions li {
 +
display: inline-block;
 +
padding: 0 1.5em 0 0;
 +
vertical-align: middle;
 +
}
 +
 
 +
ul.actions li:last-child {
 +
padding-right: 0;
 +
}
 +
 
 +
ul.actions.small li {
 +
padding: 0 0.75em 0 0;
 +
}
 +
 
 +
ul.actions.vertical li {
 +
display: block;
 +
padding: 1.5em 0 0 0;
 +
}
 +
 
 +
ul.actions.vertical li:first-child {
 +
padding-top: 0;
 +
}
 +
 
 +
ul.actions.vertical li > * {
 +
margin-bottom: 0;
 +
}
 +
 
 +
ul.actions.vertical.small li {
 +
padding: 0.75em 0 0 0;
 +
}
 +
 
 +
ul.actions.vertical.small li:first-child {
 +
padding-top: 0;
 +
}
 +
 
 +
ul.actions.fit {
 +
display: table;
 +
margin-left: -1.5em;
 +
padding: 0;
 +
table-layout: fixed;
 +
width: calc(100% + 1.5em);
 +
}
 +
 
 +
ul.actions.fit li {
 +
display: table-cell;
 +
padding: 0 0 0 1.5em;
 +
}
 +
 
 +
ul.actions.fit li > * {
 +
margin-bottom: 0;
 +
}
 +
 
 +
ul.actions.fit.small {
 +
margin-left: -0.75em;
 +
width: calc(100% + 0.75em);
 +
}
 +
 
 +
ul.actions.fit.small li {
 +
padding: 0 0 0 0.75em;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
ul.actions li {
 +
display: block;
 +
padding: 1em 0 0 0;
 +
text-align: center;
 +
width: 100%;
 +
}
 +
 
 +
ul.actions li:first-child {
 +
padding-top: 0;
 +
}
 +
 
 +
ul.actions li > * {
 +
margin: 0 auto !important;
 +
max-width: 30em;
 +
width: 100%;
 +
}
 +
 
 +
ul.actions li > *.icon:before {
 +
margin-left: -1em;
 +
}
 +
 
 +
ul.actions.small li {
 +
padding: 0.5em 0 0 0;
 +
}
 +
 
 +
ul.actions.small li:first-child {
 +
padding-top: 0;
 +
}
 +
 
 +
}
 +
 
 +
dl {
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
/* Table */
 +
 
 +
.table-wrapper {
 +
-webkit-overflow-scrolling: touch;
 +
overflow-x: auto;
 +
}
 +
 
 +
table {
 +
margin: 0 0 2em 0;
 +
width: 100%;
 +
}
 +
 
 +
table tbody tr {
 +
border: solid 1px #fff;
 +
border-left: 0;
 +
border-right: 0;
 +
}
 +
 
 +
table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
table td {
 +
padding: 0.75em 0.75em;
 +
}
 +
 
 +
table th {
 +
color: #fff;
 +
font-size: 0.9em;
 +
font-weight: 600;
 +
padding: 0 0.75em 0.75em 0.75em;
 +
text-align: left;
 +
}
 +
 
 +
table thead {
 +
border-bottom: solid 2px #fff;
 +
}
 +
 
 +
table tfoot {
 +
border-top: solid 2px #fff;
 +
}
 +
 
 +
table.alt {
 +
border-collapse: separate;
 +
}
 +
 
 +
table.alt tbody tr td {
 +
border: solid 1px #fff;
 +
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;
 +
}
 +
 
 +
/* 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, color 0.2s ease-in-out;
 +
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
background-color: transparent;
 +
border-radius: 3px;
 +
border: 0;
 +
box-shadow: inset 0 0 0 2px #fff;
 +
color: #fff;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-size: 0.8em;
 +
font-weight: 600;
 +
height: 3.125em;
 +
letter-spacing: 0.225em;
 +
line-height: 3.125em;
 +
padding: 0 2.75em;
 +
text-align: center;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
white-space: nowrap;
 +
overflow: hidden;
 +
text-overflow: ellipsis;
 +
}
 +
 
 +
input[type="submit"]:hover,
 +
input[type="reset"]:hover,
 +
input[type="button"]:hover,
 +
button:hover,
 +
.button:hover {
 +
background-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
input[type="submit"]:active,
 +
input[type="reset"]:active,
 +
input[type="button"]:active,
 +
button:active,
 +
.button:active {
 +
background-color: rgba(144, 144, 144, 0.5);
 +
}
 +
 
 +
input[type="submit"].icon:before,
 +
input[type="reset"].icon:before,
 +
input[type="button"].icon:before,
 +
button.icon:before,
 +
.button.icon:before {
 +
margin-right: 0.5em;
 +
}
 +
 
 +
input[type="submit"].fit,
 +
input[type="reset"].fit,
 +
input[type="button"].fit,
 +
button.fit,
 +
.button.fit {
 +
display: block;
 +
margin: 0 0 1em 0;
 +
width: 100%;
 +
}
 +
 
 +
input[type="submit"].small,
 +
input[type="reset"].small,
 +
input[type="button"].small,
 +
button.small,
 +
.button.small {
 +
font-size: 0.8em;
 +
}
 +
 
 +
input[type="submit"].big,
 +
input[type="reset"].big,
 +
input[type="button"].big,
 +
button.big,
 +
.button.big {
 +
font-size: 1.35em;
 +
}
 +
 
 +
input[type="submit"].special,
 +
input[type="reset"].special,
 +
input[type="button"].special,
 +
button.special,
 +
.button.special {
 +
background-color: #ed4933;
 +
box-shadow: none !important;
 +
color: #ffffff !important;
 +
}
 +
 
 +
input[type="submit"].special:hover,
 +
input[type="reset"].special:hover,
 +
input[type="button"].special:hover,
 +
button.special:hover,
 +
.button.special:hover {
 +
background-color: #ef5e4a !important;
 +
}
 +
 
 +
input[type="submit"].special:active,
 +
input[type="reset"].special:active,
 +
input[type="button"].special:active,
 +
button.special:active,
 +
.button.special:active {
 +
background-color: #eb341c !important;
 +
}
 +
 
 +
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 {
 +
-moz-pointer-events: none;
 +
-webkit-pointer-events: none;
 +
-ms-pointer-events: none;
 +
pointer-events: none;
 +
opacity: 0.25;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
input[type="submit"],
 +
input[type="reset"],
 +
input[type="button"],
 +
button,
 +
.button {
 +
height: 3.75em;
 +
line-height: 3.75em;
 +
}
 +
 
 +
}
 +
 
 +
/* Features */
 +
 
 +
.features {
 +
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-justify-content: center;
 +
-webkit-justify-content: center;
 +
-ms-justify-content: center;
 +
justify-content: center;
 +
list-style: none;
 +
padding: 0;
 +
width: 100%;
 +
}
 +
 
 +
.features li {
 +
padding: 4em 4em 2em 6em ;
 +
display: block;
 +
position: relative;
 +
text-align: left;
 +
width: 50%;
 +
}
 +
 
 +
.features li:nth-child(1) {
 +
background-color: rgba(0, 0, 0, 0.035);
 +
}
 +
 
 +
.features li:nth-child(2) {
 +
background-color: rgba(0, 0, 0, 0.07);
 +
}
 +
 
 +
.features li:nth-child(3) {
 +
background-color: rgba(0, 0, 0, 0.105);
 +
}
 +
 
 +
.features li:nth-child(4) {
 +
background-color: rgba(0, 0, 0, 0.14);
 +
}
 +
 
 +
.features li:nth-child(5) {
 +
background-color: rgba(0, 0, 0, 0.175);
 +
}
 +
 
 +
.features li:nth-child(6) {
 +
background-color: rgba(0, 0, 0, 0.21);
 +
}
 +
 
 +
.features li:nth-child(7) {
 +
background-color: rgba(0, 0, 0, 0.245);
 +
}
 +
 
 +
.features li:nth-child(8) {
 +
background-color: rgba(0, 0, 0, 0.28);
 +
}
 +
 
 +
.features li:nth-child(9) {
 +
background-color: rgba(0, 0, 0, 0.315);
 +
}
 +
 
 +
.features li:nth-child(10) {
 +
background-color: rgba(0, 0, 0, 0.35);
 +
}
 +
 
 +
.features li:before {
 +
display: block;
 +
color: #00ffcc;
 +
position: absolute;
 +
left: 1.75em;
 +
top: 2.75em;
 +
font-size: 1.5em;
 +
}
 +
 
 +
.features li:nth-child(1) {
 +
border-top-left-radius: 3px;
 +
}
 +
 
 +
.features li:nth-child(2) {
 +
border-top-right-radius: 3px;
 +
}
 +
 
 +
.features li:nth-last-child(1) {
 +
border-bottom-right-radius: 3px;
 +
}
 +
 
 +
.features li:nth-last-child(2) {
 +
border-bottom-left-radius: 3px;
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.features li {
 +
padding: 3em 2em 1em 2em ;
 +
text-align: center;
 +
}
 +
 
 +
.features li:before {
 +
left: 0;
 +
margin: 0 0 1em 0;
 +
position: relative;
 +
top: 0;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.features li {
 +
padding: 3em 0 1em 0 ;
 +
background-color: transparent !important;
 +
border-top: solid 2px #fff;
 +
width: 100%;
 +
}
 +
 
 +
.features li:first-child {
 +
border-top: 0;
 +
}
 +
 
 +
}
 +
 
 +
/* Spotlight */
 +
 
 +
.spotlight {
 +
-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;
 +
}
 +
 
 +
.spotlight .image {
 +
-moz-order: 1;
 +
-webkit-order: 1;
 +
-ms-order: 1;
 +
order: 1;
 +
border-radius: 0;
 +
width: 40%;
 +
}
 +
 
 +
.spotlight .image img {
 +
border-radius: 0;
 +
width: 100%;
 +
}
 +
 
 +
.spotlight .content {
 +
padding: 2em 4em 0.1em 4em ;
 +
-moz-order: 2;
 +
-webkit-order: 2;
 +
-ms-order: 2;
 +
order: 2;
 +
max-width: 48em;
 +
width: 60%;
 +
}
 +
 
 +
.spotlight:nth-child(2n) {
 +
-moz-flex-direction: row-reverse;
 +
-webkit-flex-direction: row-reverse;
 +
-ms-flex-direction: row-reverse;
 +
flex-direction: row-reverse;
 +
}
 +
 
 +
.spotlight:nth-child(1) {
 +
background-color: rgba(0, 0, 0, 0.075);
 +
}
 +
 
 +
.spotlight:nth-child(2) {
 +
background-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.spotlight:nth-child(3) {
 +
background-color: rgba(0, 0, 0, 0.225);
 +
}
 +
 
 +
.spotlight:nth-child(4) {
 +
background-color: rgba(0, 0, 0, 0.3);
 +
}
 +
 
 +
.spotlight:nth-child(5) {
 +
background-color: rgba(0, 0, 0, 0.375);
 +
}
 +
 
 +
.spotlight:nth-child(6) {
 +
background-color: rgba(0, 0, 0, 0.45);
 +
}
 +
 
 +
.spotlight:nth-child(7) {
 +
background-color: rgba(0, 0, 0, 0.525);
 +
}
 +
 
 +
.spotlight:nth-child(8) {
 +
background-color: rgba(0, 0, 0, 0.6);
 +
}
 +
 
 +
.spotlight:nth-child(9) {
 +
background-color: rgba(0, 0, 0, 0.675);
 +
}
 +
 
 +
.spotlight:nth-child(10) {
 +
background-color: rgba(0, 0, 0, 0.75);
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
.spotlight .image {
 +
width: 45%;
 +
}
 +
 
 +
.spotlight .content {
 +
width: 55%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.spotlight {
 +
display: block;
 +
}
 +
 
 +
.spotlight br {
 +
display: none;
 +
}
 +
 
 +
.spotlight .image {
 +
width: 100%;
 +
}
 +
 
 +
.spotlight .content {
 +
padding: 4em 3em 2em 3em ;
 +
max-width: none;
 +
text-align: center;
 +
width: 100%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.spotlight .content {
 +
padding: 3em 2em 1em 2em ;
 +
}
 +
 
 +
}
 +
 
 +
/* Wrapper */
 +
 
 +
.wrapper {
 +
padding: 6em 0 4em 0 ;
 +
}
 +
 
 +
.wrapper > .inner {
 +
width: 60em;
 +
margin: 0 auto;
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
.wrapper > .inner {
 +
width: 90%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.wrapper > .inner {
 +
width: 100%;
 +
}
 +
 
 +
}
 +
 
 +
.wrapper.alt {
 +
padding: 0;
 +
}
 +
 
 +
.wrapper.style1 {
 +
background-color: #21b2a6;
 +
color: #c7ebe8;
 +
}
 +
 
 +
.wrapper.style1 strong, .wrapper.style1 b {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 hr {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style1 blockquote {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style1 code {
 +
background: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style1 header p {
 +
color: #a6e0db;
 +
}
 +
 
 +
.wrapper.style1 header.major h2, .wrapper.style1 header.major h3, .wrapper.style1 header.major h4, .wrapper.style1 header.major h5, .wrapper.style1 header.major h6 {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style1 header.major p {
 +
color: #c7ebe8;
 +
}
 +
 
 +
.wrapper.style1 label {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 input[type="text"],
 +
.wrapper.style1 input[type="password"],
 +
.wrapper.style1 input[type="email"],
 +
.wrapper.style1 select,
 +
.wrapper.style1 textarea {
 +
background: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style1 .select-wrapper:before {
 +
color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style1 input[type="checkbox"] + label,
 +
.wrapper.style1 input[type="radio"] + label {
 +
color: #c7ebe8;
 +
}
 +
 
 +
.wrapper.style1 input[type="checkbox"] + label:before,
 +
.wrapper.style1 input[type="radio"] + label:before {
 +
background: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style1 input[type="checkbox"]:checked + label:before,
 +
.wrapper.style1 input[type="radio"]:checked + label:before {
 +
background: #ffffff;
 +
color: #21b2a6;
 +
}
 +
 
 +
.wrapper.style1 ::-webkit-input-placeholder {
 +
color: #a6e0db !important;
 +
}
 +
 
 +
.wrapper.style1 :-moz-placeholder {
 +
color: #a6e0db !important;
 +
}
 +
 
 +
.wrapper.style1 ::-moz-placeholder {
 +
color: #a6e0db !important;
 +
}
 +
 
 +
.wrapper.style1 :-ms-input-placeholder {
 +
color: #a6e0db !important;
 +
}
 +
 
 +
.wrapper.style1 .formerize-placeholder {
 +
color: #a6e0db !important;
 +
}
 +
 
 +
.wrapper.style1 .icon.major {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style1 ul.alt li {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style1 table tbody tr {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style1 table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style1 table th {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 table thead {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style1 table tfoot {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style1 table.alt tbody tr td {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"],
 +
.wrapper.style1 input[type="reset"],
 +
.wrapper.style1 input[type="button"],
 +
.wrapper.style1 button,
 +
.wrapper.style1 .button {
 +
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.125);
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"]:hover,
 +
.wrapper.style1 input[type="reset"]:hover,
 +
.wrapper.style1 input[type="button"]:hover,
 +
.wrapper.style1 button:hover,
 +
.wrapper.style1 .button:hover {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"]:active,
 +
.wrapper.style1 input[type="reset"]:active,
 +
.wrapper.style1 input[type="button"]:active,
 +
.wrapper.style1 button:active,
 +
.wrapper.style1 .button:active {
 +
background-color: rgba(255, 255, 255, 0.2);
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.wrapper.style1 .features li {
 +
border-top-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
}
 +
 
 +
.wrapper.style2 {
 +
background-color: #2e3842;
 +
}
 +
 
 +
.wrapper.style3 {
 +
background-color: #505393;
 +
color: #d3d4e4;
 +
}
 +
 
 +
.wrapper.style3 strong, .wrapper.style3 b {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 hr {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style3 blockquote {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style3 code {
 +
background: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style3 header p {
 +
color: #b9bad3;
 +
}
 +
 
 +
.wrapper.style3 header.major h2, .wrapper.style3 header.major h3, .wrapper.style3 header.major h4, .wrapper.style3 header.major h5, .wrapper.style3 header.major h6 {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style3 header.major p {
 +
color: #d3d4e4;
 +
}
 +
 
 +
.wrapper.style3 label {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 input[type="text"],
 +
.wrapper.style3 input[type="password"],
 +
.wrapper.style3 input[type="email"],
 +
.wrapper.style3 select,
 +
.wrapper.style3 textarea {
 +
background: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style3 .select-wrapper:before {
 +
color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style3 input[type="checkbox"] + label,
 +
.wrapper.style3 input[type="radio"] + label {
 +
color: #d3d4e4;
 +
}
 +
 
 +
.wrapper.style3 input[type="checkbox"] + label:before,
 +
.wrapper.style3 input[type="radio"] + label:before {
 +
background: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style3 input[type="checkbox"]:checked + label:before,
 +
.wrapper.style3 input[type="radio"]:checked + label:before {
 +
background: #ffffff;
 +
color: #505393;
 +
}
 +
 
 +
.wrapper.style3 ::-webkit-input-placeholder {
 +
color: #b9bad3 !important;
 +
}
 +
 
 +
.wrapper.style3 :-moz-placeholder {
 +
color: #b9bad3 !important;
 +
}
 +
 
 +
.wrapper.style3 ::-moz-placeholder {
 +
color: #b9bad3 !important;
 +
}
 +
 
 +
.wrapper.style3 :-ms-input-placeholder {
 +
color: #b9bad3 !important;
 +
}
 +
 
 +
.wrapper.style3 .formerize-placeholder {
 +
color: #b9bad3 !important;
 +
}
 +
 
 +
.wrapper.style3 .icon.major {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style3 ul.alt li {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style3 table tbody tr {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style3 table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style3 table th {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 table thead {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style3 table tfoot {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style3 table.alt tbody tr td {
 +
border-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"],
 +
.wrapper.style3 input[type="reset"],
 +
.wrapper.style3 input[type="button"],
 +
.wrapper.style3 button,
 +
.wrapper.style3 .button {
 +
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.125);
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"]:hover,
 +
.wrapper.style3 input[type="reset"]:hover,
 +
.wrapper.style3 input[type="button"]:hover,
 +
.wrapper.style3 button:hover,
 +
.wrapper.style3 .button:hover {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"]:active,
 +
.wrapper.style3 input[type="reset"]:active,
 +
.wrapper.style3 input[type="button"]:active,
 +
.wrapper.style3 button:active,
 +
.wrapper.style3 .button:active {
 +
background-color: rgba(255, 255, 255, 0.2);
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.wrapper.style3 .features li {
 +
border-top-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
}
 +
 
 +
.wrapper.style4 {
 +
background-color: transparent;
 +
}
 +
 
 +
.wrapper.style5 {
 +
background-color: #ffffff;
 +
color: #4E4852;
 +
}
 +
 
 +
.wrapper.style5 strong, .wrapper.style5 b {
 +
color: #2E3842;
 +
}
 +
 
 +
.wrapper.style5 h2, .wrapper.style5 h3, .wrapper.style5 h4, .wrapper.style5 h5, .wrapper.style5 h6 {
 +
color: #2E3842;
 +
}
 +
 
 +
.wrapper.style5 hr {
 +
border-color: #dfdfdf;
 +
}
 +
 
 +
.wrapper.style5 blockquote {
 +
border-color: #dfdfdf;
 +
}
 +
 
 +
.wrapper.style5 code {
 +
background: rgba(0, 0, 0, 0.0375);
 +
}
 +
 
 +
.wrapper.style5 header p {
 +
color: #8E8892;
 +
}
 +
 
 +
.wrapper.style5 header.major h2, .wrapper.style5 header.major h3, .wrapper.style5 header.major h4, .wrapper.style5 header.major h5, .wrapper.style5 header.major h6 {
 +
border-color: #dfdfdf;
 +
}
 +
 
 +
.wrapper.style5 header.major p {
 +
color: #4E4852;
 +
}
 +
 
 +
.wrapper.style5 label {
 +
color: #2E3842;
 +
}
 +
 
 +
.wrapper.style5 input[type="text"],
 +
.wrapper.style5 input[type="password"],
 +
.wrapper.style5 input[type="email"],
 +
.wrapper.style5 select,
 +
.wrapper.style5 textarea {
 +
background: rgba(0, 0, 0, 0.0375);
 +
}
 +
 
 +
.wrapper.style5 .select-wrapper:before {
 +
color: #dfdfdf;
 +
}
 +
 
 +
.wrapper.style5 input[type="checkbox"] + label,
 +
.wrapper.style5 input[type="radio"] + label {
 +
color: #4E4852;
 +
}
 +
 
 +
.wrapper.style5 input[type="checkbox"] + label:before,
 +
.wrapper.style5 input[type="radio"] + label:before {
 +
background: rgba(0, 0, 0, 0.0375);
 +
}
 +
 
 +
.wrapper.style5 input[type="checkbox"]:checked + label:before,
 +
.wrapper.style5 input[type="radio"]:checked + label:before {
 +
background: #2E3842;
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style5 ::-webkit-input-placeholder {
 +
color: #8E8892 !important;
 +
}
 +
 
 +
.wrapper.style5 :-moz-placeholder {
 +
color: #8E8892 !important;
 +
}
 +
 
 +
.wrapper.style5 ::-moz-placeholder {
 +
color: #8E8892 !important;
 +
}
 +
 
 +
.wrapper.style5 :-ms-input-placeholder {
 +
color: #8E8892 !important;
 +
}
 +
 
 +
.wrapper.style5 .formerize-placeholder {
 +
color: #8E8892 !important;
 +
}
 +
 
 +
.wrapper.style5 .icon.major {
 +
border-color: #dfdfdf;
 +
}
 +
 
 +
.wrapper.style5 ul.alt li {
 +
border-color: #dfdfdf;
 +
}
 +
 
 +
.wrapper.style5 table tbody tr {
 +
border-color: #dfdfdf;
 +
}
 +
 
 +
.wrapper.style5 table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(0, 0, 0, 0.0375);
 +
}
 +
 
 +
.wrapper.style5 table th {
 +
color: #2E3842;
 +
}
 +
 
 +
.wrapper.style5 table thead {
 +
border-color: #dfdfdf;
 +
}
 +
 
 +
.wrapper.style5 table tfoot {
 +
border-color: #dfdfdf;
 +
}
 +
 
 +
.wrapper.style5 table.alt tbody tr td {
 +
border-color: #dfdfdf;
 +
}
 +
 
 +
.wrapper.style5 input[type="submit"],
 +
.wrapper.style5 input[type="reset"],
 +
.wrapper.style5 input[type="button"],
 +
.wrapper.style5 button,
 +
.wrapper.style5 .button {
 +
box-shadow: inset 0 0 0 2px #dfdfdf;
 +
color: #2E3842;
 +
}
 +
 
 +
.wrapper.style5 input[type="submit"]:hover,
 +
.wrapper.style5 input[type="reset"]:hover,
 +
.wrapper.style5 input[type="button"]:hover,
 +
.wrapper.style5 button:hover,
 +
.wrapper.style5 .button:hover {
 +
background-color: rgba(0, 0, 0, 0.0375);
 +
}
 +
 
 +
.wrapper.style5 input[type="submit"]:active,
 +
.wrapper.style5 input[type="reset"]:active,
 +
.wrapper.style5 input[type="button"]:active,
 +
.wrapper.style5 button:active,
 +
.wrapper.style5 .button:active {
 +
background-color: rgba(0, 0, 0, 0.1);
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.wrapper.style5 .features li {
 +
border-top-color: #dfdfdf;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.wrapper {
 +
padding: 4em 3em 2em 3em ;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.wrapper {
 +
padding: 3em 2em 1em 2em ;
 +
}
 +
 
 +
}
 +
 
 +
/* Page Wrapper + Menu */
 +
 
 +
#page-wrapper {
 +
-moz-transition: opacity 0.5s ease;
 +
-webkit-transition: opacity 0.5s ease;
 +
-ms-transition: opacity 0.5s ease;
 +
transition: opacity 0.5s ease;
 +
opacity: 1;
 +
padding-top: 3em;
 +
}
 +
 
 +
#page-wrapper:before {
 +
background: transparent;
 +
content: '';
 +
display: block;
 +
display: none;
 +
height: 100%;
 +
left: 0;
 +
position: fixed;
 +
top: 0;
 +
width: 100%;
 +
z-index: 10001;
 +
}
 +
 
 +
#menu {
 +
-moz-transform: translateX(20em);
 +
-webkit-transform: translateX(20em);
 +
-ms-transform: translateX(20em);
 +
transform: translateX(20em);
 +
-moz-transition: -moz-transform 0.5s ease;
 +
-webkit-transition: -webkit-transform 0.5s ease;
 +
-ms-transition: -ms-transform 0.5s ease;
 +
transition: transform 0.5s ease;
 +
-webkit-overflow-scrolling: touch;
 +
background: #21b2a6;
 +
color: #ffffff;
 +
height: 100%;
 +
max-width: 80%;
 +
overflow-y: auto;
 +
padding: 3em 2em;
 +
position: fixed;
 +
right: 0;
 +
top: 0;
 +
width: 20em;
 +
z-index: 10002;
 +
}
 +
 
 +
#menu ul {
 +
list-style: none;
 +
padding: 0;
 +
}
 +
 
 +
#menu ul > li {
 +
border-top: solid 1px rgba(0, 0, 0, 0.125);
 +
margin: 0.5em 0 0 0;
 +
padding: 0.5em 0 0 0;
 +
}
 +
 
 +
#menu ul > li:first-child {
 +
border-top: 0 !important;
 +
margin-top: 0 !important;
 +
padding-top: 0 !important;
 +
}
 +
 
 +
#menu ul > li > a {
 +
border: 0;
 +
color: inherit;
 +
display: block;
 +
font-size: 0.8em;
 +
letter-spacing: 0.225em;
 +
outline: 0;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#menu ul > li > a {
 +
line-height: 3em;
 +
}
 +
 
 +
}
 +
 
 +
#menu .close {
 +
background-image: url("images/close.svg");
 +
background-position: 4.85em 1em;
 +
background-repeat: no-repeat;
 +
border: 0;
 +
cursor: pointer;
 +
display: block;
 +
height: 3em;
 +
position: absolute;
 +
right: 0;
 +
top: 0;
 +
vertical-align: middle;
 +
width: 7em;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#menu {
 +
padding: 3em 1.5em;
 +
}
 +
 
 +
}
 +
 
 +
body.is-menu-visible #page-wrapper {
 +
opacity: 0.35;
 +
}
 +
 
 +
body.is-menu-visible #page-wrapper:before {
 +
display: block;
 +
}
 +
 
 +
body.is-menu-visible #menu {
 +
-moz-transform: translateX(0);
 +
-webkit-transform: translateX(0);
 +
-ms-transform: translateX(0);
 +
transform: translateX(0);
 +
}
 +
 
 +
/* Header */
 +
 
 +
#header {
 +
-moz-transition: background-color 0.2s ease;
 +
-webkit-transition: background-color 0.2s ease;
 +
-ms-transition: background-color 0.2s ease;
 +
transition: background-color 0.2s ease;
 +
background: #2e3842;
 +
height: 3em;
 +
left: 0;
 +
line-height: 3em;
 +
position: fixed;
 +
top: 0;
 +
width: 100%;
 +
z-index: 10000;
 +
}
 +
 
 +
#header h1 {
 +
-moz-transition: opacity 0.2s ease;
 +
-webkit-transition: opacity 0.2s ease;
 +
-ms-transition: opacity 0.2s ease;
 +
transition: opacity 0.2s ease;
 +
height: inherit;
 +
left: 1.25em;
 +
line-height: inherit;
 +
position: absolute;
 +
top: 0;
 +
}
 +
 
 +
#header h1 a {
 +
border: 0;
 +
display: block;
 +
height: inherit;
 +
line-height: inherit;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#header h1 a {
 +
font-size: 0.8em;
 +
}
 +
 
 +
}
 +
 
 +
#header nav {
 +
height: inherit;
 +
line-height: inherit;
 +
position: absolute;
 +
right: 0;
 +
top: 0;
 +
}
 +
 
 +
#header nav > ul {
 
list-style: none;
 
list-style: none;
−
margin-left:0px;
+
margin: 0;
 +
padding: 0;
 +
white-space: nowrap;
 
}
 
}
  
−
/*Styles the list items to become menu buttons */
+
#header nav > ul > li {
−
#menuContainer ul li {  
+
display: inline-block;
−
text-align: center;
+
padding: 0;
 +
}
 +
 
 +
#header nav > ul > li > a {
 +
border: 0;
 +
color: #fff;
 +
display: block;
 +
font-size: 0.8em;
 +
letter-spacing: 0.225em;
 +
padding: 0 1.5em;
 +
text-transform: uppercase;
 +
}
 +
 
 +
#header nav > ul > li > a.menuToggle {
 +
outline: 0;
 +
position: relative;
 +
}
 +
 
 +
#header nav > ul > li > a.menuToggle:after {
 +
background-image: url("images/bars.svg");
 +
background-position: right center;
 +
background-repeat: no-repeat;
 +
content: '';
 +
display: inline-block;
 +
height: 3.75em;
 +
vertical-align: top;
 +
width: 2em;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#header nav > ul > li > a.menuToggle {
 +
padding: 0 1.5em;
 +
}
 +
 
 +
#header nav > ul > li > a.menuToggle span {
 +
display: none;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#header nav > ul > li > a {
 +
padding: 0 0 0 1.5em;
 +
}
 +
 
 +
}
 +
 
 +
#header nav > ul > li:first-child {
 +
margin-left: 0;
 +
}
 +
 
 +
#header.alt {
 +
background: transparent;
 +
}
 +
 
 +
#header.alt h1 {
 +
-moz-pointer-events: none;
 +
-webkit-pointer-events: none;
 +
-ms-pointer-events: none;
 +
pointer-events: none;
 +
opacity: 0;
 +
}
 +
 
 +
/* Banner */
 +
 
 +
#banner {
 +
display: -moz-flex;
 +
display: -webkit-flex;
 +
display: -ms-flex;
 +
display: flex;
 +
-moz-flex-direction: column;
 +
-webkit-flex-direction: column;
 +
-ms-flex-direction: column;
 +
flex-direction: column;
 +
-moz-justify-content: center;
 +
-webkit-justify-content: center;
 +
-ms-justify-content: center;
 +
justify-content: center;
 +
cursor: default;
 +
height: 100vh;
 +
min-height: 35em;
 +
overflow: hidden;
 +
position: relative;
 +
text-align: center;
 +
}
 +
 
 +
#banner h2 {
 +
-moz-transform: scale(1);
 +
-webkit-transform: scale(1);
 +
-ms-transform: scale(1);
 +
transform: scale(1);
 +
-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
 +
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
 +
-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
 +
transition: transform 0.5s ease, opacity 0.5s ease;
 +
display: inline-block;
 +
font-size: 1.75em;
 +
opacity: 1;
 +
padding: 0.35em 1em;
 +
position: relative;
 +
z-index: 1;
 +
}
 +
 
 +
#banner h2:before, #banner h2:after {
 +
-moz-transition: width 0.85s ease;
 +
-webkit-transition: width 0.85s ease;
 +
-ms-transition: width 0.85s ease;
 +
transition: width 0.85s ease;
 +
-moz-transition-delay: 0.25s;
 +
-webkit-transition-delay: 0.25s;
 +
-ms-transition-delay: 0.25s;
 +
transition-delay: 0.25s;
 +
background: #fff;
 +
content: '';
 
display: block;
 
display: block;
 +
height: 2px;
 +
position: absolute;
 
width: 100%;
 
width: 100%;
−
height:30px;
 
−
padding-top:10px;
 
 
}
 
}
  
−
/*For the menu buttons, changes the color when hovering*/
+
#banner h2:before {
−
#menuContainer li:hover {
+
top: 0;
−
color: #FFF;
+
left: 0;
−
background-color: #24B694;
+
 
}
 
}
  
−
/*Submenus are not displayed as default*/
+
#banner h2:after {
−
#menuContainer li ul {
+
bottom: 0;
−
display: none;
+
right: 0;
−
padding-top:15px;
+
−
margin-left: -19px;
+
 
}
 
}
  
−
/*Submenus are displayed when hovering the menu button */
+
#banner p {
−
#menuContainer li:hover ul {
+
letter-spacing: 0.225em;
−
/*display: inline-block; */
+
text-transform: uppercase;
−
display: block;  
+
}
−
position: absolute;
+
−
float:right;
+
−
margin-left: 134px;
+
−
margin-top:-42px;
+
−
}
+
  
−
/*Style the submenu buttons*/
+
#banner p a {
−
#menuContainer li ul li{
+
color: inherit;
−
background-color: #59BF92;
+
−
padding-left:20px;
+
−
padding-right:20px;
+
−
height:30px;
+
−
padding-top:10px;
+
−
margin-top:-2px;
+
−
color: #565656;
+
−
width: 150px;
+
 
}
 
}
  
−
/*CLASSES */
+
#banner .more {
 +
-moz-transition: -moz-transform 0.75s ease, opacity 0.75s ease;
 +
-webkit-transition: -webkit-transform 0.75s ease, opacity 0.75s ease;
 +
-ms-transition: -ms-transform 0.75s ease, opacity 0.75s ease;
 +
transition: transform 0.75s ease, opacity 0.75s ease;
 +
-moz-transition-delay: 3.5s;
 +
-webkit-transition-delay: 3.5s;
 +
-ms-transition-delay: 3.5s;
 +
transition-delay: 3.5s;
 +
-moz-transform: translateY(0);
 +
-webkit-transform: translateY(0);
 +
-ms-transform: translateY(0);
 +
transform: translateY(0);
 +
border: none;
 +
bottom: 0;
 +
color: inherit;
 +
font-size: 0.8em;
 +
height: 8.5em;
 +
left: 50%;
 +
letter-spacing: 0.225em;
 +
margin-left: -8.5em;
 +
opacity: 1;
 +
outline: 0;
 +
padding-left: 0.225em;
 +
position: absolute;
 +
text-align: center;
 +
text-transform: uppercase;
 +
width: 16em;
 +
z-index: 1;
 +
}
  
−
/*Clear class for all the pages, adds spacing too*/
+
#banner .more:after {
−
.clear{
+
background-image: url("images/arrow.svg");
−
clear:both;
+
background-position: center;
−
height: 10px;
+
background-repeat: no-repeat;
 +
background-size: contain;
 +
bottom: 4em;
 +
content: '';
 +
display: block;
 +
height: 1.5em;
 +
left: 50%;
 +
margin: 0 0 0 -0.75em;
 +
position: absolute;
 +
width: 1.5em;
 
}
 
}
  
 +
#banner:after {
 +
-moz-pointer-events: none;
 +
-webkit-pointer-events: none;
 +
-ms-pointer-events: none;
 +
pointer-events: none;
 +
-moz-transition: opacity 3s ease-in-out;
 +
-webkit-transition: opacity 3s ease-in-out;
 +
-ms-transition: opacity 3s ease-in-out;
 +
transition: opacity 3s ease-in-out;
 +
-moz-transition-delay: 1.25s;
 +
-webkit-transition-delay: 1.25s;
 +
-ms-transition-delay: 1.25s;
 +
transition-delay: 1.25s;
 +
content: '';
 +
background: #2e3842;
 +
display: block;
 +
width: 100%;
 +
height: 100%;
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
opacity: 0;
 +
}
  
−
/* highlight box for special messages */
+
@media screen and (max-width: 736px) {
−
    .highlightBox {
+
−
        width:500px;
+
−
        margin:auto;
+
−
        background-color: #E8E8E9;
+
−
margin-bottom: 15px;
+
−
margin-top: 15px;
+
−
padding: 15px;
+
−
padding-top: 5px;
+
−
    }
+
  
 +
#banner {
 +
padding: 7em 3em 5em 3em ;
 +
height: auto;
 +
min-height: 0;
 +
}
  
−
</style>
+
#banner h2 {
−
<!-- End of CSS -->
+
font-size: 1.25em;
 +
}
  
 +
#banner br {
 +
display: none;
 +
}
  
−
<!-- Start of the template html elements. -->
+
#banner .more {
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
display: none;
 +
}
  
 +
}
  
−
<div id="bannerContainer">
+
body.is-loading #banner h2 {
−
<br><br>
+
-moz-transform: scale(0.95);
−
<h2> Add a banner to your wiki! </h2>
+
-webkit-transform: scale(0.95);
−
+
-ms-transform: scale(0.95);
−
<p>You can make the image 980px  by  200px</p>
+
transform: scale(0.95);
−
<p> Remember to call the file: "<i>Team_Toulouse_banner.jpg</i>" </p>
+
opacity: 0;
−
</div>
+
}
  
−
<!-- Start of menu -->
+
body.is-loading #banner h2:before, body.is-loading #banner h2:after {
−
<div id="menuContainer">
+
width: 0;
 +
}
  
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
body.is-loading #banner .more {
−
<ul>
+
-moz-transform: translateY(8.5em);
−
<a href="https://2015.igem.org/Team:Toulouse"><li>HOME</li></a>
+
-webkit-transform: translateY(8.5em);
 +
-ms-transform: translateY(8.5em);
 +
transform: translateY(8.5em);
 +
opacity: 0;
 +
}
  
−
<a href="https://2015.igem.org/Team:Toulouse/Team"><li>TEAM</li></a>
+
body.is-loading #banner:after {
 +
opacity: 1;
 +
}
  
−
<a href="#"><li>PROJECT
+
/* CTA */
−
            <ul>
+
−
<a href="https://2015.igem.org/Team:Toulouse/Description"><li>Description</li></a>
+
−
<a href="https://2015.igem.org/Team:Toulouse/Experiments"><li>Experiments &amp; Protocols</li></a> 
+
−
<a href="https://2015.igem.org/Team:Toulouse/Results"><li>Results</li></a> 
+
−
<a href="https://2015.igem.org/Team:Toulouse/Design"><li>Design</li></a>
+
−
</ul>
+
−
</li></a>
+
  
−
<a href="#"><li>PARTS
+
#cta .inner {
−
            <ul>
+
display: -moz-flex;
−
<a href="https://2015.igem.org/Team:Toulouse/Parts"><li>Team Parts</li></a>
+
display: -webkit-flex;
−
<a href="https://2015.igem.org/Team:Toulouse/Basic_Part"><li>Basic Parts</li></a> 
+
display: -ms-flex;
−
<a href="https://2015.igem.org/Team:Toulouse/Composite_Part"><li>Composite Parts</li></a>
+
display: flex;
−
<a href="https://2015.igem.org/Team:Toulouse/Part_Collection"><li>Part Collection</li></a> 
+
max-width: 45em;
−
</ul>
+
}
−
</li></a>
+
  
−
<a href="https://2015.igem.org/Team:Toulouse/Notebook"><li>NOTEBOOK</li></a>
+
#cta .inner header {
−
     
+
-moz-order: 1;
−
<a href="https://2015.igem.org/Team:Toulouse/Attributions"><li>ATTRIBUTIONS</li></a>
+
-webkit-order: 1;
 +
-ms-order: 1;
 +
order: 1;
 +
padding-right: 3em;
 +
width: 70%;
 +
}
  
−
<a href="https://2015.igem.org/Team:Toulouse/Collaborations"><li>COLLABORATIONS</li></a>
+
#cta .inner header p {
 +
color: inherit;
 +
}
 +
 
 +
#cta .inner .actions {
 +
-moz-order: 2;
 +
-webkit-order: 2;
 +
-ms-order: 2;
 +
order: 2;
 +
width: 30%;
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
#cta .inner {
 +
display: block;
 +
text-align: center;
 +
}
 +
 
 +
#cta .inner header {
 +
padding-right: 0;
 +
width: 100%;
 +
}
 +
 
 +
#cta .inner .actions {
 +
margin-left: auto;
 +
margin-right: auto;
 +
max-width: 20em;
 +
width: 100%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#cta .inner .actions {
 +
max-width: none;
 +
}
 +
 
 +
}
 +
 
 +
/* Main */
 +
 
 +
#main > header {
 +
padding: 12em 0 10em 0 ;
 +
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-attachment: fixed;
 +
background-position: center center;
 +
background-repeat: no-repeat;
 +
background-size: cover;
 +
text-align: center;
 +
}
 +
 
 +
#main > header h2 {
 +
font-size: 1.75em;
 +
margin: 0 0 0.5em 0;
 +
}
 +
 
 +
#main > header p {
 +
color: inherit;
 +
letter-spacing: 0.225em;
 +
text-transform: uppercase;
 +
top: 0;
 +
}
 +
 
 +
#main > header p a {
 +
color: inherit;
 +
}
 +
 
 +
@media screen and (max-width: 1680px) {
 +
 
 +
#main > header {
 +
padding: 10em 0 8em 0 ;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
#main > header {
 +
padding: 8em 3em 6em 3em ;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
#main > header {
 +
padding: 10em 3em 8em 3em ;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#main > header {
 +
padding: 5em 3em 3em 3em ;
 +
}
 +
 
 +
#main > header h2 {
 +
font-size: 1.25em;
 +
margin: 0 0 1em 0;
 +
}
 +
 
 +
}
 +
 
 +
body.is-mobile #main > header {
 +
background-attachment: scroll;
 +
}
 +
 
 +
/* Footer */
 +
 
 +
#footer {
 +
padding: 6em 0 4em 0 ;
 +
background-color: #1d242a;
 +
text-align: center;
 +
}
 +
 
 +
#footer .icons {
 +
font-size: 1.25em;
 +
}
 +
 
 +
#footer .icons a {
 +
color: rgba(255, 255, 255, 0.5);
 +
}
 +
 
 +
#footer .icons a:hover {
 +
color: #fff;
 +
}
 +
 
 +
#footer .copyright {
 +
color: rgba(255, 255, 255, 0.5);
 +
font-size: 0.8em;
 +
letter-spacing: 0.225em;
 +
list-style: none;
 +
padding: 0;
 +
text-transform: uppercase;
 +
}
 +
 
 +
#footer .copyright li {
 +
border-left: solid 1px rgba(255, 255, 255, 0.5);
 +
display: inline-block;
 +
line-height: 1em;
 +
margin-left: 1em;
 +
padding-left: 1em;
 +
}
 +
 
 +
#footer .copyright li:first-child {
 +
border-left: 0;
 +
margin-left: 0;
 +
padding-left: 0;
 +
}
 +
 
 +
#footer .copyright li a {
 +
color: inherit;
 +
}
 +
 
 +
#footer .copyright li a:hover {
 +
color: #fff;
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
 
 +
#footer .copyright li {
 +
border: 0;
 +
display: block;
 +
line-height: 1.65em;
 +
margin: 0;
 +
padding: 0.5em 0;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
#footer {
 +
padding: 4em 3em 2em 3em ;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#footer {
 +
padding: 3em 2em 1em 2em ;
 +
}
  
−
<a href="https://2015.igem.org/Team:Toulouse/Practices"><li>HUMAN PRACTICES</li></a>
+
}
  
−
<a href="https://2015.igem.org/Team:Toulouse/Safety"><li>SAFETY</li></a>
+
/* Landing */
  
−
<a href="https://2015.igem.org/Team:Toulouse/Modeling"><li>MODELING</li></a>
+
body.landing #page-wrapper {
 +
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-attachment: fixed;
 +
background-position: center center;
 +
background-repeat: no-repeat;
 +
background-size: cover;
 +
padding-top: 0;
 +
}
  
−
<a href="https://2015.igem.org/Team:Toulouse/Measurement"><li>MEASUREMENT</li></a>
+
body.landing #footer {
 +
background-color: rgba(29, 36, 42, 0.9);
 +
}
  
−
<a href="https://2015.igem.org/Team:Toulouse/Software"><li>SOFTWARE</li></a>
+
body.is-mobile.landing #page-wrapper {
 +
background: none;
 +
}
  
−
<a href="https://2015.igem.org/Team:Toulouse/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
body.is-mobile.landing #banner,
 +
body.is-mobile.landing .wrapper.style4 {
 +
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
 +
background-position: center center;
 +
background-repeat: no-repeat;
 +
background-size: cover;
 +
}
  
−
</ul>
+
body.is-mobile.landing #footer {
−
</div>
+
background-color: #1d242a;
−
<!-- End of menu  -->
+
}
  
−
<!-- Start of content -->
+
</style>
−
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
+
 
</html>
 
</html>

Revision as of 17:09, 7 June 2015