diff --git a/.gitignore b/.gitignore index 72364f99..3bf785bb 100644 --- a/.gitignore +++ b/.gitignore @@ -87,3 +87,7 @@ ENV/ # Rope project settings .ropeproject + +dev.db + +pybay/site_media/* \ No newline at end of file diff --git a/.travis.yml b/.travis.yml new file mode 100644 index 00000000..7fe70dfa --- /dev/null +++ b/.travis.yml @@ -0,0 +1,9 @@ +language: python +python: +- 3.5 +- 3.6 +install: +- pip install -r requirements.txt +script: ./manage.py collectstatic --no-input && ./manage.py test +env: +- TRAVIS=true diff --git a/README.md b/README.md index bf437a13..6fdab2a0 100644 --- a/README.md +++ b/README.md @@ -1,24 +1,30 @@ # pybay +[![Build Status](https://travis-ci.org/pybay/pybay.svg)](https://travis-ci.org/pybay) + The website for PyBay - the Bay Area Python Conference. To work on this you'll need Python 3. Then: 1. Fork the repo to your own personal github. + - also clone the symposion repository, take note of the path to symposion/ 2. Clone the repo to your local environment. 3. Create a virtualenv and activate it 4. `pip install` the requirements -5. start the management server +5. `pip install -e` the symposion repository +6. start the management server Try: $ git clone git@github.com:YOURUSERNAME/pybay + $ git clone git@github.com:pybay/symposion.git $ cd pybay $ python3 -m venv ENV $ source ENV/bin/activate (ENV)$ pip install -r requirements.txt + (ENV)$ pip install -e YOUR/PATH/TO/symposion/ # this installs our symposion fork to ENV! (ENV)$ ./manage.py migrate - (ENV)$ ./manage.py loaddata fixtures/* + (ENV)$ ./manage.py loaddata fixtures/* # doesn't work on Windows, see "Windows instructions" below (ENV)$ ./manage.py runserver The default admin user is test and password is test @@ -29,4 +35,39 @@ disk. Eg: $ cd ~/workspace/pybay/ENV/lib/python3.6/site-packages/ $ rm -rf symposion - $ ln -s /Users/sfranklin/workspace/symposion/symposion . + $ ln -s ~/workspace/symposion/symposion . + +### Windows Instructions + +For some reason, running `manage.py loaddata fixtures/*` gives a `No fixture named '*' found` error on Windows. You'll have to load each fixture file individually: + + (ENV)$ python manage.py loaddata fixtures/auth.json + (ENV)$ python manage.py loaddata fixtures/conference.json + (ENV)$ python manage.py loaddata fixtures/proposal_base.json + (ENV)$ python manage.py loaddata fixtures/sites.json + (ENV)$ python manage.py loaddata fixtures/sponsor_benefits.json + (ENV)$ python manage.py loaddata fixtures/sponsor_levels.json + +(You can ignore the "invalid foreign keys" warnings you get. The foreign keys will become valid once you've loaded all the fixture files.) + +## Deploying + +Install fabric. Then use the `fab` command to run the deploy +task. You'll need the ssh login password for this. + + $ pip install fabric3 + $ fab deploy + [pyconsf.com] Executing task 'deploy' + Start with a git checkout. + [pyconsf.com] Passphrase for private key: + ... much output... + Successfully completed + +By default the deploy task deploys to staging.pyconsf.com using pybay's +staging branch. To deploy master branch to production (same server but +virtualhost pyconsf.com) run it with the prod target as an argument. + + $ fab deploy:prod + [pyconsf.com] Executing task 'deploy' + ... much output... + Successfully completed diff --git a/fabfile.py b/fabfile.py new file mode 100644 index 00000000..8f4f2a5f --- /dev/null +++ b/fabfile.py @@ -0,0 +1,66 @@ +from __future__ import print_function +from datetime import datetime as dt +from os.path import join + +from fabric.api import cd, env, hide, local, run, sudo +from fabric.contrib import files + +env.hosts = ['pyconsf.com'] +env.user = 'pybay' + +BASE = "/data/websites" +CHECKOUTS = "/data/websites/checkouts" + +def checkout(prod=False): + """Git clone pybay project to unique folder""" + path = "prod" if prod else "staging" + ts = dt.now().strftime("%Y-%m-%d.%H.%M.%S") + dirname = join(CHECKOUTS, path, ts) + run("mkdir %s" % dirname) + with cd(dirname): + with hide('running', 'stdout'): + clone_args = '' if prod else ' -b staging' + run("git clone https://github.com/pybay/pybay.git%s" % clone_args) + return dirname + +def virtualenv(checkout): + """Create virtualenv in checkout directory.""" + with cd(checkout): + run("virtualenv ENV") + with hide('running', 'stdout'): + run("ENV/bin/pip3 install -r pybay/requirements.txt") + run("ENV/bin/pip3 install -r pybay/requirements-server.txt") + +def migrate(checkout, prod=False): + """Run migrations in checkout.""" + settings = "pybay.prod_settings" if prod else "pybay.staging_settings" + with cd(checkout): + run("ENV/bin/python3 pybay/manage.py migrate --settings=%s" % settings) + run("ENV/bin/python3 pybay/manage.py collectstatic --noinput --settings=%s" % settings) + +def relink(checkout, prod=False): + """Move symlink to point to current checkout.""" + dir = "prod" if prod else "staging" + with cd(BASE): + run("ln -s %s new && mv -Tf new %s" % (checkout, dir)) + +def touch(prod): + """Touch symlinks to reload uwsgi config.""" + dir = "prod" if prod else "staging" + run("touch /etc/uwsgi-emperor/vassals/%s_uwsgi.ini" % dir) + + +def deploy(version="staging"): + """Run this to redeploy site from github master. Run `fab deploy:prod` to deploy main site.""" + prod = True if version == 'prod' else False + print("Start with a git checkout.") + dir = checkout(prod) + print("Created %s" % dir) + print("Now create the virtualenv") + virtualenv(dir) + print("Run migrations and collectstatic") + migrate(dir, prod) + print("Update the active version") + relink(dir, prod) + touch(prod) + print("Successfully completed") diff --git a/fixtures/schedule_slots.json b/fixtures/schedule_slots.json new file mode 100644 index 00000000..a1074326 --- /dev/null +++ b/fixtures/schedule_slots.json @@ -0,0 +1 @@ +[{"model": "symposion_schedule.schedule", "pk": 1, "fields": {"section": 2, "published": true, "hidden": false}}, {"model": "symposion_schedule.day", "pk": 1, "fields": {"schedule": 1, "date": "2017-08-11"}}, {"model": "symposion_schedule.day", "pk": 2, "fields": {"schedule": 1, "date": "2017-08-13"}}, {"model": "symposion_schedule.day", "pk": 3, "fields": {"schedule": 1, "date": "2017-08-12"}}, {"model": "symposion_schedule.room", "pk": 1, "fields": {"schedule": 1, "name": "Robertson", "order": 1}}, {"model": "symposion_schedule.room", "pk": 2, "fields": {"schedule": 1, "name": "Robertson 2", "order": 2}}, {"model": "symposion_schedule.room", "pk": 3, "fields": {"schedule": 1, "name": "Fisher East", "order": 3}}, {"model": "symposion_schedule.room", "pk": 4, "fields": {"schedule": 1, "name": "Fisher West", "order": 4}}, {"model": "symposion_schedule.slotkind", "pk": 1, "fields": {"schedule": 1, "label": "lunch"}}, {"model": "symposion_schedule.slotkind", "pk": 2, "fields": {"schedule": 1, "label": "talk"}}, {"model": "symposion_schedule.slotkind", "pk": 3, "fields": {"schedule": 1, "label": "expo"}}, {"model": "symposion_schedule.slotkind", "pk": 4, "fields": {"schedule": 1, "label": "sponsored"}}, {"model": "symposion_schedule.slotkind", "pk": 5, "fields": {"schedule": 1, "label": "reception"}}, {"model": "symposion_schedule.slotkind", "pk": 6, "fields": {"schedule": 1, "label": "lightning"}}, {"model": "symposion_schedule.slotkind", "pk": 7, "fields": {"schedule": 1, "label": "keynote"}}, {"model": "symposion_schedule.slot", "pk": 1, "fields": {"name": "2017-08-12 lunch (12:00:00 - 13:00:00) ", "day": 3, "kind": 1, "start": "12:00:00", "end": "13:00:00", "content_override": "lunch will be served outside", "content_override_html": "

lunch will be served outside

"}}, {"model": "symposion_schedule.slot", "pk": 2, "fields": {"name": "2017-08-12 talk (11:00:00 - 12:00:00) Fisher East", "day": 3, "kind": 2, "start": "11:00:00", "end": "12:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 4, "fields": {"name": "2017-08-12 talk (13:00:00 - 13:45:00) Robertson", "day": 3, "kind": 2, "start": "13:00:00", "end": "13:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 5, "fields": {"name": "2017-08-12 talk (13:00:00 - 13:45:00) Robertson 2", "day": 3, "kind": 2, "start": "13:00:00", "end": "13:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 6, "fields": {"name": "2017-08-12 talk (13:00:00 - 13:45:00) Fisher East", "day": 3, "kind": 2, "start": "13:00:00", "end": "13:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 7, "fields": {"name": "2017-08-12 talk (13:00:00 - 13:45:00) Fisher West", "day": 3, "kind": 2, "start": "13:00:00", "end": "13:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 8, "fields": {"name": "2017-08-12 talk (11:00:00 - 12:00:00) Fisher West", "day": 3, "kind": 2, "start": "11:00:00", "end": "12:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 9, "fields": {"name": "2017-08-12 talk (14:00:00 - 15:00:00) Robertson", "day": 3, "kind": 2, "start": "14:00:00", "end": "15:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 10, "fields": {"name": "2017-08-12 talk (14:00:00 - 15:00:00) Robertson 2", "day": 3, "kind": 2, "start": "14:00:00", "end": "15:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 11, "fields": {"name": "2017-08-12 talk (14:00:00 - 15:00:00) Fisher East", "day": 3, "kind": 2, "start": "14:00:00", "end": "15:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 12, "fields": {"name": "2017-08-12 talk (14:00:00 - 15:00:00) Fisher West", "day": 3, "kind": 2, "start": "14:00:00", "end": "15:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 13, "fields": {"name": "2017-08-12 talk (15:15:00 - 16:15:00) Robertson", "day": 3, "kind": 2, "start": "15:15:00", "end": "16:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 14, "fields": {"name": "2017-08-12 talk (15:15:00 - 16:15:00) Robertson 2", "day": 3, "kind": 2, "start": "15:15:00", "end": "16:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 15, "fields": {"name": "2017-08-12 talk (15:15:00 - 16:15:00) Fisher East", "day": 3, "kind": 2, "start": "15:15:00", "end": "16:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 16, "fields": {"name": "2017-08-12 talk (15:15:00 - 16:15:00) Fisher West", "day": 3, "kind": 2, "start": "15:15:00", "end": "16:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 17, "fields": {"name": "2017-08-12 talk (16:30:00 - 17:30:00) Robertson", "day": 3, "kind": 2, "start": "16:30:00", "end": "17:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 18, "fields": {"name": "2017-08-12 talk (16:30:00 - 17:30:00) Robertson 2", "day": 3, "kind": 2, "start": "16:30:00", "end": "17:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 19, "fields": {"name": "2017-08-12 talk (16:30:00 - 17:30:00) Fisher East", "day": 3, "kind": 2, "start": "16:30:00", "end": "17:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 20, "fields": {"name": "2017-08-12 talk (16:30:00 - 17:30:00) Fisher West", "day": 3, "kind": 2, "start": "16:30:00", "end": "17:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 21, "fields": {"name": "2017-08-12 expo (17:00:00 - 20:00:00) ", "day": 3, "kind": 3, "start": "17:00:00", "end": "20:00:00", "content_override": "Job Fair / tools expo in the Atrium", "content_override_html": "

Job Fair / tools expo in the Atrium

"}}, {"model": "symposion_schedule.slot", "pk": 22, "fields": {"name": "2017-08-12 sponsored (19:30:00 - 20:30:00) Fisher East", "day": 3, "kind": 4, "start": "19:30:00", "end": "20:30:00", "content_override": "Sponsored Program TBD", "content_override_html": "

Sponsored Program TBD

"}}, {"model": "symposion_schedule.slot", "pk": 23, "fields": {"name": "2017-08-12 sponsored (19:30:00 - 20:30:00) Fisher West", "day": 3, "kind": 4, "start": "19:30:00", "end": "20:30:00", "content_override": "Sponsored Program TBD", "content_override_html": "

Sponsored Program TBD

"}}, {"model": "symposion_schedule.slot", "pk": 24, "fields": {"name": "2017-08-13 reception (09:30:00 - 10:00:00) ", "day": 2, "kind": 5, "start": "09:30:00", "end": "10:00:00", "content_override": "Breakfast at Atrium", "content_override_html": "

Breakfast at Atrium

"}}, {"model": "symposion_schedule.slot", "pk": 25, "fields": {"name": "2017-08-13 talk (10:00:00 - 11:00:00) Robertson", "day": 2, "kind": 2, "start": "10:00:00", "end": "11:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 26, "fields": {"name": "2017-08-13 talk (10:00:00 - 11:00:00) Robertson 2", "day": 2, "kind": 2, "start": "10:00:00", "end": "11:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 27, "fields": {"name": "2017-08-13 talk (10:00:00 - 11:00:00) Fisher West", "day": 2, "kind": 2, "start": "10:00:00", "end": "11:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 28, "fields": {"name": "2017-08-13 talk (10:00:00 - 11:00:00) Fisher East", "day": 2, "kind": 2, "start": "10:00:00", "end": "11:00:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 29, "fields": {"name": "2017-08-13 talk (11:15:00 - 12:15:00) Robertson", "day": 2, "kind": 2, "start": "11:15:00", "end": "12:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 30, "fields": {"name": "2017-08-13 talk (11:15:00 - 12:15:00) Robertson 2", "day": 2, "kind": 2, "start": "11:15:00", "end": "12:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 31, "fields": {"name": "2017-08-13 talk (11:15:00 - 12:15:00) Fisher East", "day": 2, "kind": 2, "start": "11:15:00", "end": "12:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 32, "fields": {"name": "2017-08-13 talk (11:15:00 - 12:15:00) Fisher West", "day": 2, "kind": 2, "start": "11:15:00", "end": "12:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 33, "fields": {"name": "2017-08-13 lunch (12:00:00 - 13:30:00) ", "day": 2, "kind": 1, "start": "12:00:00", "end": "13:30:00", "content_override": "Lunch served outside", "content_override_html": "

Lunch served outside

"}}, {"model": "symposion_schedule.slot", "pk": 34, "fields": {"name": "2017-08-13 talk (13:15:00 - 14:15:00) Robertson", "day": 2, "kind": 2, "start": "13:15:00", "end": "14:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 35, "fields": {"name": "2017-08-13 talk (13:15:00 - 14:15:00) Robertson 2", "day": 2, "kind": 2, "start": "13:15:00", "end": "14:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 36, "fields": {"name": "2017-08-13 talk (13:15:00 - 14:15:00) Fisher East", "day": 2, "kind": 2, "start": "13:15:00", "end": "14:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 37, "fields": {"name": "2017-08-13 talk (13:15:00 - 14:15:00) Fisher West", "day": 2, "kind": 2, "start": "13:15:00", "end": "14:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 38, "fields": {"name": "2017-08-13 talk (14:30:00 - 15:15:00) Robertson 2", "day": 2, "kind": 2, "start": "14:30:00", "end": "15:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 39, "fields": {"name": "2017-08-13 talk (14:30:00 - 15:15:00) Robertson", "day": 2, "kind": 2, "start": "14:30:00", "end": "15:15:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 40, "fields": {"name": "2017-08-13 talk (15:45:00 - 16:45:00) Robertson", "day": 2, "kind": 2, "start": "15:45:00", "end": "16:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 41, "fields": {"name": "2017-08-13 talk (14:30:00 - 15:30:00) Fisher East", "day": 2, "kind": 2, "start": "14:30:00", "end": "15:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 42, "fields": {"name": "2017-08-13 talk (14:30:00 - 15:30:00) Fisher West", "day": 2, "kind": 2, "start": "14:30:00", "end": "15:30:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 43, "fields": {"name": "2017-08-13 talk (15:45:00 - 16:45:00) Robertson 2", "day": 2, "kind": 2, "start": "15:45:00", "end": "16:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 44, "fields": {"name": "2017-08-13 talk (15:45:00 - 16:45:00) Fisher East", "day": 2, "kind": 2, "start": "15:45:00", "end": "16:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 45, "fields": {"name": "2017-08-13 talk (15:45:00 - 16:45:00) Fisher West", "day": 2, "kind": 2, "start": "15:45:00", "end": "16:45:00", "content_override": "", "content_override_html": ""}}, {"model": "symposion_schedule.slot", "pk": 46, "fields": {"name": "2017-08-13 lightning (17:00:00 - 18:00:00) Robertson", "day": 2, "kind": 6, "start": "17:00:00", "end": "18:00:00", "content_override": "Nothing else happening at Lightning Talks", "content_override_html": "

Nothing else happening at Lightning Talks

"}}, {"model": "symposion_schedule.slot", "pk": 47, "fields": {"name": "2017-08-13 keynote (18:00:00 - 18:15:00) Robertson", "day": 2, "kind": 7, "start": "18:00:00", "end": "18:15:00", "content_override": "This is actually closing and raffle", "content_override_html": "

This is actually closing and raffle

"}}, {"model": "symposion_schedule.slot", "pk": 48, "fields": {"name": "2017-08-12 keynote (09:30:00 - 10:45:00) Robertson", "day": 3, "kind": 7, "start": "09:30:00", "end": "10:45:00", "content_override": "Opening + Keynote", "content_override_html": "

Opening + Keynote

"}}, {"model": "symposion_schedule.slot", "pk": 49, "fields": {"name": "2017-08-12 reception (08:30:00 - 09:30:00) ", "day": 3, "kind": 5, "start": "08:30:00", "end": "09:30:00", "content_override": "Registration and breakfast", "content_override_html": "

Registration and breakfast

"}}, {"model": "symposion_schedule.slot", "pk": 50, "fields": {"name": "2017-08-11 keynote (19:00:00 - 19:30:00) ", "day": 1, "kind": 7, "start": "19:00:00", "end": "19:30:00", "content_override": "Location TBD", "content_override_html": "

Location TBD

"}}, {"model": "symposion_schedule.slot", "pk": 51, "fields": {"name": "2017-08-11 lightning (19:30:00 - 20:30:00) ", "day": 1, "kind": 6, "start": "19:30:00", "end": "20:30:00", "content_override": "Location TBD", "content_override_html": "

Location TBD

"}}, {"model": "symposion_schedule.slot", "pk": 52, "fields": {"name": "2017-08-11 reception (17:30:00 - 19:00:00) ", "day": 1, "kind": 5, "start": "17:30:00", "end": "19:00:00", "content_override": "Location TBD Registration starts at 5:30p", "content_override_html": "

Location TBD Registration starts at 5:30p

"}}, {"model": "symposion_schedule.slot", "pk": 53, "fields": {"name": "2017-08-11 reception (20:30:00 - 21:30:00) ", "day": 1, "kind": 5, "start": "20:30:00", "end": "21:30:00", "content_override": "Location TBD Closing and more networking", "content_override_html": "

Location TBD Closing and more networking

"}}, {"model": "symposion_schedule.slotroom", "pk": 1, "fields": {"slot": 2, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 3, "fields": {"slot": 4, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 4, "fields": {"slot": 5, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 5, "fields": {"slot": 6, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 6, "fields": {"slot": 7, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 7, "fields": {"slot": 8, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 8, "fields": {"slot": 9, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 9, "fields": {"slot": 10, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 10, "fields": {"slot": 11, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 11, "fields": {"slot": 12, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 12, "fields": {"slot": 13, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 13, "fields": {"slot": 14, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 14, "fields": {"slot": 15, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 15, "fields": {"slot": 16, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 16, "fields": {"slot": 17, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 17, "fields": {"slot": 18, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 18, "fields": {"slot": 19, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 19, "fields": {"slot": 20, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 20, "fields": {"slot": 22, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 21, "fields": {"slot": 23, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 22, "fields": {"slot": 25, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 23, "fields": {"slot": 26, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 24, "fields": {"slot": 27, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 25, "fields": {"slot": 28, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 26, "fields": {"slot": 29, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 27, "fields": {"slot": 30, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 28, "fields": {"slot": 31, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 29, "fields": {"slot": 32, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 30, "fields": {"slot": 34, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 31, "fields": {"slot": 35, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 32, "fields": {"slot": 36, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 33, "fields": {"slot": 37, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 34, "fields": {"slot": 38, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 35, "fields": {"slot": 39, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 36, "fields": {"slot": 40, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 37, "fields": {"slot": 41, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 38, "fields": {"slot": 42, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 39, "fields": {"slot": 43, "room": 2}}, {"model": "symposion_schedule.slotroom", "pk": 40, "fields": {"slot": 44, "room": 3}}, {"model": "symposion_schedule.slotroom", "pk": 41, "fields": {"slot": 45, "room": 4}}, {"model": "symposion_schedule.slotroom", "pk": 42, "fields": {"slot": 46, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 43, "fields": {"slot": 47, "room": 1}}, {"model": "symposion_schedule.slotroom", "pk": 44, "fields": {"slot": 48, "room": 1}}] \ No newline at end of file diff --git a/infrastructure/prod_nginx.conf b/infrastructure/prod_nginx.conf new file mode 100644 index 00000000..05430f9d --- /dev/null +++ b/infrastructure/prod_nginx.conf @@ -0,0 +1,21 @@ +# the upstream component nginx needs to connect to +upstream django_prod { + server unix:////data/websites/prod.sock; } + +server { + listen 80; + listen 443 ssl; + server_name .pyconsf.com + .pybay.com; + + + location /site_media { + alias /data/websites/prod_site_media; } + + location / { + uwsgi_pass django_prod; + include /data/websites/prod/pybay/infrastructure/uwsgi_params; } + + charset utf-8; + client_max_body_size 75M; +} diff --git a/infrastructure/prod_uwsgi.ini b/infrastructure/prod_uwsgi.ini new file mode 100644 index 00000000..8d015704 --- /dev/null +++ b/infrastructure/prod_uwsgi.ini @@ -0,0 +1,12 @@ +[uwsgi] +pybay_path = /data/websites/prod/pybay +chdir = %(pybay_path) +module = pybay.prod_wsgi +home = /data/websites/prod/ENV +master = true +processes = 5 +socket = /data/websites/prod.sock +uid = www-data +gid = www-data +chmod-socket = 777 +vacuum = true diff --git a/infrastructure/staging_nginx.conf b/infrastructure/staging_nginx.conf new file mode 100644 index 00000000..1c2feff4 --- /dev/null +++ b/infrastructure/staging_nginx.conf @@ -0,0 +1,19 @@ +# the upstream component nginx needs to connect to +upstream django_staging { + server unix:////data/websites/staging.sock; } + +server { + listen 80; + server_name staging.pyconsf.com + staging.pybay.com; + + location /site_media { + alias /data/websites/staging_site_media; } + + location / { + uwsgi_pass django_staging; + include /data/websites/staging/pybay/infrastructure/uwsgi_params; } + + charset utf-8; + client_max_body_size 75M; +} diff --git a/infrastructure/staging_uwsgi.ini b/infrastructure/staging_uwsgi.ini new file mode 100644 index 00000000..7a8a6366 --- /dev/null +++ b/infrastructure/staging_uwsgi.ini @@ -0,0 +1,12 @@ +[uwsgi] +pybay_path = /data/websites/staging/pybay +chdir = %(pybay_path) +module = pybay.staging_wsgi +home = /data/websites/staging/ENV +master = true +processes = 5 +socket = /data/websites/staging.sock +uid = www-data +gid = www-data +chmod-socket = 777 +vacuum = true diff --git a/infrastructure/uwsgi_params b/infrastructure/uwsgi_params new file mode 100644 index 00000000..09c732cd --- /dev/null +++ b/infrastructure/uwsgi_params @@ -0,0 +1,17 @@ + +uwsgi_param QUERY_STRING $query_string; +uwsgi_param REQUEST_METHOD $request_method; +uwsgi_param CONTENT_TYPE $content_type; +uwsgi_param CONTENT_LENGTH $content_length; + +uwsgi_param REQUEST_URI $request_uri; +uwsgi_param PATH_INFO $document_uri; +uwsgi_param DOCUMENT_ROOT $document_root; +uwsgi_param SERVER_PROTOCOL $server_protocol; +uwsgi_param REQUEST_SCHEME $scheme; +uwsgi_param HTTPS $https if_not_empty; + +uwsgi_param REMOTE_ADDR $remote_addr; +uwsgi_param REMOTE_PORT $remote_port; +uwsgi_param SERVER_PORT $server_port; +uwsgi_param SERVER_NAME $server_name; diff --git a/pybay/apps.py b/pybay/apps.py index cd33ac6e..754db98e 100644 --- a/pybay/apps.py +++ b/pybay/apps.py @@ -7,4 +7,4 @@ class AppConfig(BaseAppConfig): name = "pybay" def ready(self): - import_module("pybay\.receivers") + import_module("pybay.receivers") diff --git a/pybay/context_processors.py b/pybay/context_processors.py new file mode 100644 index 00000000..a291fef3 --- /dev/null +++ b/pybay/context_processors.py @@ -0,0 +1,8 @@ +from django.conf import settings + + +def settings_variables(request): + return { + 'SHOW_SPEAKERS_LIST_NAVBAR_LINK': getattr(settings, 'SHOW_SPEAKERS_LIST_NAVBAR_LINK', False), + 'CANONICAL_HOST': settings.CANONICAL_HOST, + } diff --git a/pybay/countdowns/__init__.py b/pybay/countdowns/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/countdowns/admin.py b/pybay/countdowns/admin.py new file mode 100644 index 00000000..9641c3b8 --- /dev/null +++ b/pybay/countdowns/admin.py @@ -0,0 +1,10 @@ +from django.contrib import admin + +from . import models + + +class CountdownAdmin(admin.ModelAdmin): + list_display = 'title', 'date' + + +admin.site.register(models.Countdown, CountdownAdmin) diff --git a/pybay/countdowns/apps.py b/pybay/countdowns/apps.py new file mode 100644 index 00000000..e9149bc1 --- /dev/null +++ b/pybay/countdowns/apps.py @@ -0,0 +1,5 @@ +from django.apps import AppConfig + + +class PybayCountdownsConfig(AppConfig): + name = 'pybay_countdowns' diff --git a/pybay/countdowns/migrations/0001_initial.py b/pybay/countdowns/migrations/0001_initial.py new file mode 100644 index 00000000..09e8adcd --- /dev/null +++ b/pybay/countdowns/migrations/0001_initial.py @@ -0,0 +1,26 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-07-24 00:04 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='Countdown', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('title', models.TextField(help_text='Text above the countdown')), + ('date', models.DateTimeField(help_text='The date the countdown counts to')), + ('cta', models.TextField(help_text='Text on the button below the countdown', verbose_name="Call to action")), + ('link', models.TextField(help_text='Target of the button below the countdown')), + ], + ), + ] diff --git a/pybay/countdowns/migrations/__init__.py b/pybay/countdowns/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/countdowns/models.py b/pybay/countdowns/models.py new file mode 100644 index 00000000..5b4dc4b0 --- /dev/null +++ b/pybay/countdowns/models.py @@ -0,0 +1,17 @@ +from django.db import models +from django.utils import timezone + + +class Countdown(models.Model): + title = models.TextField(help_text="Text above the countdown") + date = models.DateTimeField(help_text="The date the countdown counts to") + cta = models.TextField(help_text="Text on the button below the countdown", verbose_name='Call to action') + link = models.TextField(help_text="Target of the button below the countdown") + + def context_for_template(self): + ret = dict(self.__dict__, reference=timezone.now().timestamp()) + ret['date'] = ret['date'].timestamp() + return ret + + def __str__(self): + return '{0.title}: {0.date}'.format(self) diff --git a/pybay/dbg_settings.py b/pybay/dbg_settings.py new file mode 100644 index 00000000..90d5456f --- /dev/null +++ b/pybay/dbg_settings.py @@ -0,0 +1,9 @@ +from pybay.settings import * + +INSTALLED_APPS += ['debug_toolbar'] + +MIDDLEWARE_CLASSES = ['debug_toolbar.middleware.DebugToolbarMiddleware'] + MIDDLEWARE_CLASSES + +DEBUG_TOOLBAR = True + +INTERNAL_IPS = ['127.0.0.1'] diff --git a/pybay/faqs/__init__.py b/pybay/faqs/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/faqs/admin.py b/pybay/faqs/admin.py new file mode 100644 index 00000000..1011dd98 --- /dev/null +++ b/pybay/faqs/admin.py @@ -0,0 +1,10 @@ +from django.contrib import admin +from .models import Category, Faq + + +class CategoryAdmin(admin.ModelAdmin): + prepopulated_fields = {"slug": ("title",)} + + +admin.site.register(Faq) +admin.site.register(Category, CategoryAdmin) diff --git a/pybay/faqs/apps.py b/pybay/faqs/apps.py new file mode 100644 index 00000000..a13fb7a0 --- /dev/null +++ b/pybay/faqs/apps.py @@ -0,0 +1,5 @@ +from django.apps import AppConfig + + +class FaqsConfig(AppConfig): + name = 'faqs' diff --git a/pybay/faqs/migrations/0001_initial.py b/pybay/faqs/migrations/0001_initial.py new file mode 100644 index 00000000..f4a6a514 --- /dev/null +++ b/pybay/faqs/migrations/0001_initial.py @@ -0,0 +1,24 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-07 22:06 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='Faq', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('title', models.CharField(max_length=200)), + ('body', models.TextField()), + ], + ), + ] diff --git a/pybay/faqs/migrations/0002_faq_ordering.py b/pybay/faqs/migrations/0002_faq_ordering.py new file mode 100644 index 00000000..62f02573 --- /dev/null +++ b/pybay/faqs/migrations/0002_faq_ordering.py @@ -0,0 +1,21 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-07 22:42 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0001_initial'), + ] + + operations = [ + migrations.AddField( + model_name='faq', + name='ordering', + field=models.IntegerField(default=0), + preserve_default=False, + ), + ] diff --git a/pybay/faqs/migrations/0003_faq_promotion_flags.py b/pybay/faqs/migrations/0003_faq_promotion_flags.py new file mode 100644 index 00000000..e25c1bda --- /dev/null +++ b/pybay/faqs/migrations/0003_faq_promotion_flags.py @@ -0,0 +1,30 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-24 06:12 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0002_faq_ordering'), + ] + + operations = [ + migrations.AddField( + model_name='faq', + name='show_on_home', + field=models.BooleanField(default=False), + ), + migrations.AddField( + model_name='faq', + name='show_on_registration', + field=models.BooleanField(default=False), + ), + migrations.AddField( + model_name='faq', + name='show_on_sponsors', + field=models.BooleanField(default=False), + ), + ] diff --git a/pybay/faqs/migrations/0004_faq_categories.py b/pybay/faqs/migrations/0004_faq_categories.py new file mode 100644 index 00000000..0f5af28f --- /dev/null +++ b/pybay/faqs/migrations/0004_faq_categories.py @@ -0,0 +1,33 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-25 16:37 +from __future__ import unicode_literals + +from django.db import migrations, models +import django.db.models.deletion + + +class Migration(migrations.Migration): + + dependencies = [ + ('faqs', '0003_faq_promotion_flags'), + ] + + operations = [ + migrations.CreateModel( + name='Category', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('title', models.CharField(max_length=200)), + ('slug', models.SlugField()), + ('ordering', models.IntegerField()), + ], + options={ + 'verbose_name_plural': 'Categories', + }, + ), + migrations.AddField( + model_name='faq', + name='category', + field=models.ForeignKey(blank=True, null=True, on_delete=django.db.models.deletion.SET_NULL, related_name='faqs', to='faqs.Category'), + ), + ] diff --git a/pybay/faqs/migrations/__init__.py b/pybay/faqs/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/faqs/models.py b/pybay/faqs/models.py new file mode 100644 index 00000000..281f84e5 --- /dev/null +++ b/pybay/faqs/models.py @@ -0,0 +1,45 @@ +from django.db import models + + +class CategoryManager(models.Manager): + def faqs_per_category(self): + categories = [ + (cat.slug, cat.title, cat.faqs.all()) + for cat in self.prefetch_related('faqs').all() + if cat.faqs.count() + ] + others = Faq.objects.filter(category=None).all() + if others: + categories.append(('other', 'Other', others)) + return categories + + +class Category(models.Model): + class Meta: + ordering = ['ordering'] + verbose_name_plural = "Categories" + + title = models.CharField(max_length=200) + slug = models.SlugField() + ordering = models.IntegerField() + + objects = CategoryManager() + + def __str__(self): + return self.title + + +class Faq(models.Model): + category = models.ForeignKey(Category, on_delete=models.SET_NULL, null=True, blank=True, related_name='faqs') + title = models.CharField(max_length=200) + body = models.TextField() + ordering = models.IntegerField() + show_on_registration = models.BooleanField(default=False) + show_on_sponsors = models.BooleanField(default=False) + show_on_home = models.BooleanField(default=False) + + def __str__(self): + return "{}: {}".format(self.title, self.body) + + class Meta: + ordering = ['ordering'] diff --git a/pybay/faqs/tests.py b/pybay/faqs/tests.py new file mode 100644 index 00000000..7ce503c2 --- /dev/null +++ b/pybay/faqs/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/pybay/faqs/views.py b/pybay/faqs/views.py new file mode 100644 index 00000000..91ea44a2 --- /dev/null +++ b/pybay/faqs/views.py @@ -0,0 +1,3 @@ +from django.shortcuts import render + +# Create your views here. diff --git a/pybay/featured_speakers/__init__.py b/pybay/featured_speakers/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/featured_speakers/admin.py b/pybay/featured_speakers/admin.py new file mode 100644 index 00000000..dcd6e435 --- /dev/null +++ b/pybay/featured_speakers/admin.py @@ -0,0 +1,26 @@ +from django import forms +from django.contrib import admin + +from ordered_model.admin import OrderedModelAdmin + +from .models import FeaturedSpeaker +from symposion.speakers.models import Speaker + +class SpeakerChoiceField(forms.ModelChoiceField): + """Class to overwrite __str__ implementation on speakers and provide text in dropdown.""" + def label_from_instance(self, obj): + return obj.name + +class FeaturedSpeakerForm(forms.ModelForm): + speaker = SpeakerChoiceField(Speaker.objects.all()) + +class FeaturedSpeakerAdmin(OrderedModelAdmin): + list_display = ('speaker_name', 'move_up_down_links') + form = FeaturedSpeakerForm + def speaker_name(self, obj): + return obj.speaker.name + speaker_name.admin_order_field = 'speaker' + + + +admin.site.register(FeaturedSpeaker, FeaturedSpeakerAdmin) diff --git a/pybay/featured_speakers/apps.py b/pybay/featured_speakers/apps.py new file mode 100644 index 00000000..14f3c425 --- /dev/null +++ b/pybay/featured_speakers/apps.py @@ -0,0 +1,5 @@ +from django.apps import AppConfig + + +class FeaturedSpeakersConfig(AppConfig): + name = 'featured_speakers' diff --git a/pybay/featured_speakers/migrations/0001_initial.py b/pybay/featured_speakers/migrations/0001_initial.py new file mode 100644 index 00000000..3642d76d --- /dev/null +++ b/pybay/featured_speakers/migrations/0001_initial.py @@ -0,0 +1,30 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-06-21 02:54 +from __future__ import unicode_literals + +from django.db import migrations, models +import django.db.models.deletion + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ('symposion_speakers', '0003_auto_20170419_0518'), + ] + + operations = [ + migrations.CreateModel( + name='FeaturedSpeaker', + fields=[ + ('order', models.PositiveIntegerField(db_index=True, editable=False)), + ('title', models.CharField(max_length=50)), + ('speaker', models.OneToOneField(on_delete=django.db.models.deletion.CASCADE, primary_key=True, serialize=False, to='symposion_speakers.Speaker')), + ], + options={ + 'ordering': ('order',), + 'abstract': False, + }, + ), + ] diff --git a/pybay/featured_speakers/migrations/0002_description.py b/pybay/featured_speakers/migrations/0002_description.py new file mode 100644 index 00000000..41b7bac7 --- /dev/null +++ b/pybay/featured_speakers/migrations/0002_description.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-06-26 03:27 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('featured_speakers', '0001_initial'), + ] + + operations = [ + migrations.RemoveField( + model_name='featuredspeaker', + name='title', + ), + migrations.AddField( + model_name='featuredspeaker', + name='description', + field=models.TextField(default=''), + preserve_default=False, + ), + ] diff --git a/pybay/featured_speakers/migrations/__init__.py b/pybay/featured_speakers/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/featured_speakers/models.py b/pybay/featured_speakers/models.py new file mode 100644 index 00000000..4a73af24 --- /dev/null +++ b/pybay/featured_speakers/models.py @@ -0,0 +1,12 @@ +from django.db import models + +from ordered_model.models import OrderedModel +from symposion.speakers.models import Speaker + + +class FeaturedSpeaker(OrderedModel): + speaker = models.OneToOneField(Speaker, on_delete=models.CASCADE, primary_key=True) + description = models.TextField() + + class Meta(OrderedModel.Meta): + pass diff --git a/pybay/featured_speakers/templates/featured_speakers/list.html b/pybay/featured_speakers/templates/featured_speakers/list.html new file mode 100644 index 00000000..0f2f217b --- /dev/null +++ b/pybay/featured_speakers/templates/featured_speakers/list.html @@ -0,0 +1,25 @@ +{% load get_speaker_url_with_fallback %} +{% load markup_tags %} +
+
+

Some of our speakers

+
+
+
+ {% for featured in speakers %} +
+
+ {{ featured.speaker.name }} + {% if featured.speaker.twitter_username %} +
+ +
+ {% endif %} +
+ {{ featured.speaker.name }} + {{ featured.description|apply_markup:"markdown" }} +
+ {% endfor %} +
diff --git a/pybay/featured_speakers/templatetags/__init__.py b/pybay/featured_speakers/templatetags/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/featured_speakers/templatetags/featured_speakers.py b/pybay/featured_speakers/templatetags/featured_speakers.py new file mode 100644 index 00000000..dcf28fca --- /dev/null +++ b/pybay/featured_speakers/templatetags/featured_speakers.py @@ -0,0 +1,11 @@ +from django import template + +from pybay.featured_speakers.models import FeaturedSpeaker + +register = template.Library() + + +@register.inclusion_tag('featured_speakers/list.html', takes_context=True) +def featured_speakers(context): + context['speakers'] = FeaturedSpeaker.objects.all() + return context diff --git a/pybay/featured_speakers/tests.py b/pybay/featured_speakers/tests.py new file mode 100644 index 00000000..7ce503c2 --- /dev/null +++ b/pybay/featured_speakers/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/pybay/featured_speakers/views.py b/pybay/featured_speakers/views.py new file mode 100644 index 00000000..91ea44a2 --- /dev/null +++ b/pybay/featured_speakers/views.py @@ -0,0 +1,3 @@ +from django.shortcuts import render + +# Create your views here. diff --git a/pybay/flatpages_ext/__init__.py b/pybay/flatpages_ext/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/flatpages_ext/admin.py b/pybay/flatpages_ext/admin.py new file mode 100644 index 00000000..87af659f --- /dev/null +++ b/pybay/flatpages_ext/admin.py @@ -0,0 +1,10 @@ +from django.contrib import admin + +from .models import HostedPicture + + +class HostedPictureAdmin(admin.ModelAdmin): + list_display = ['title', 'url', 'html'] + + +admin.site.register(HostedPicture, HostedPictureAdmin) diff --git a/pybay/flatpages_ext/apps.py b/pybay/flatpages_ext/apps.py new file mode 100644 index 00000000..dbee7e62 --- /dev/null +++ b/pybay/flatpages_ext/apps.py @@ -0,0 +1,7 @@ +from django.apps import AppConfig +from django.utils.translation import ugettext_lazy as _ + + +class FlatpagesExtConfig(AppConfig): + name = 'pybay.flatpages_ext' + verbose_name = _("Flat Pages Extensions") diff --git a/pybay/flatpages_ext/migrations/0001_initial.py b/pybay/flatpages_ext/migrations/0001_initial.py new file mode 100644 index 00000000..2c2b9579 --- /dev/null +++ b/pybay/flatpages_ext/migrations/0001_initial.py @@ -0,0 +1,24 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-06-12 20:46 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + initial = True + + dependencies = [ + ] + + operations = [ + migrations.CreateModel( + name='HostedPicture', + fields=[ + ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), + ('title', models.CharField(max_length=255)), + ('picture', models.ImageField(upload_to='fpimg')), + ], + ), + ] diff --git a/pybay/flatpages_ext/migrations/__init__.py b/pybay/flatpages_ext/migrations/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/flatpages_ext/models.py b/pybay/flatpages_ext/models.py new file mode 100644 index 00000000..0e7c0f33 --- /dev/null +++ b/pybay/flatpages_ext/models.py @@ -0,0 +1,19 @@ +from django.db import models +from django.utils.html import format_html, escape + +class HostedPicture(models.Model): + title = models.CharField(max_length=255) + picture = models.ImageField(upload_to="fpimg") + + @property + def url(self): + return str(self.picture.url) + + @property + def html(self): + return escape(format_html( + '{}', + self.url, self.title)) + + def __str__(self): + return self.title diff --git a/pybay/forms.py b/pybay/forms.py new file mode 100644 index 00000000..86db3757 --- /dev/null +++ b/pybay/forms.py @@ -0,0 +1,128 @@ +import random +import string + +from django import forms +from django.conf import settings +from django.core.mail import EmailMessage +from django.core.exceptions import ValidationError +from django.contrib.auth.models import User + +from symposion.speakers.models import Speaker +from symposion.proposals.models import ProposalKind +from pybay.proposals.models import TalkProposal + +from crispy_forms.helper import FormHelper +from crispy_forms.layout import Layout +from crispy_forms.bootstrap import PrependedText + +class CallForProposalForm(forms.Form): + first_name = forms.CharField(label='First Name', max_length=100) + last_name = forms.CharField(label='Last Name', max_length=100) + email = forms.EmailField(label='Email') + website = forms.URLField(label='Website', required=False) + phone = forms.CharField(label='Phone', max_length=20) + category = forms.ChoiceField(choices=TalkProposal.CATEGORY_CHOICES) + audience_level = forms.ChoiceField(choices=TalkProposal.AUDIENCE_LEVELS) + speaker_bio = forms.CharField(widget=forms.Textarea) + meetup_talk = forms.ChoiceField(widget=forms.RadioSelect,label="Deliver talk @ future SF Python Meetups if we cannot fit you in the PyBay program?", choices=TalkProposal.MEETUP_CHOICES) + talk_title = forms.CharField(label='Talk Title', max_length=100) + description = forms.CharField(label="Brief Description", widget=forms.Textarea) + abstract = forms.CharField(widget=forms.Textarea) + what_will_attendees_learn = forms.CharField(widget=forms.Textarea) + speaker_and_talk_history = forms.CharField(widget=forms.Textarea) + links_to_past_talks = forms.CharField(widget=forms.Textarea, label="Links to slide deck/talk video", max_length=100, required=False) + + helper = FormHelper() + helper.form_class = 'form-horizontal' + helper.label_class = 'col-md-4' + helper.field_class = 'col-lg-8' + helper.layout = Layout( + PrependedText('first_name', '', placeholder='First Name'), + PrependedText('last_name', '',placeholder='Last Name'), + PrependedText('email', '',placeholder=' Email'), + PrependedText('website', '',placeholder=' Home Page'), + PrependedText('phone', '',placeholder='415-555-1234'), + 'category', + 'audience_level', + PrependedText('speaker_bio', '',placeholder='Speaker Bio'), + PrependedText('talk_title', '',placeholder='Talk Title'), + PrependedText('description', '',placeholder='A brief description of your presentation to be displayed in the conference schedule.\nPlease limit the descrtiption to 400 characters\n'), + PrependedText('abstract', '', placeholder='A more detailed description that sells your talk to attendees and reviewers'), + PrependedText('what_will_attendees_learn', '', placeholder='This is for the reviewers, the info here will not be published'), + PrependedText('speaker_and_talk_history', '', placeholder='Anything else we should know about you and your speaking experience. Will you have a co-presenter?'), + PrependedText('links_to_past_talks', '', placeholder='If you already have your slide deck for this talk, or if you have slide deck or video to past talks, please add the URLs here'), + 'meetup_talk' + ) + + def clean_talk_title(self): + value = self.cleaned_data["talk_title"] + if len(value) > 90: + raise forms.ValidationError( + u"The talk title must be less than 90 characters" + ) + return value + + def clean_description(self): + value = self.cleaned_data["description"] + if len(value) > 400: + raise forms.ValidationError( + u"The description must be less than 400 characters" + ) + return value + + def save_to_models(self): + if not self.is_valid(): + raise ValidationError("Trying to save a form that is not valid") + data = self.cleaned_data + + # Fetch the speaker + full_name = "{} {}".format(data['first_name'], data['last_name']) + try: + user = User.objects.get(username=data['email']) + except User.DoesNotExist: + + # Create a new user + password = ''.join(random.choice([string.ascii_uppercase + string.digits for i in range(10)])) + user = User.objects.create_user( + username=data['email'], + email=data['email'], + password=password, + ) + + try: + speaker = user.speaker_profile + except Speaker.DoesNotExist: + + # Create an associated speaker + speaker = Speaker.objects.create( + user=user, + name=full_name, + biography=data['speaker_bio'], + ) + + # Create a new talk + proposal = TalkProposal.objects.create( + kind=ProposalKind.objects.get(name='talk'), + title=data['talk_title'], + description=data['description'], + abstract=data['abstract'], + audience_level=data['audience_level'], + speaker=speaker, + category=data['category'], + what_will_attendees_learn=data['what_will_attendees_learn'], + meetup_talk=data['meetup_talk'], + speaker_and_talk_history=data['speaker_and_talk_history'], + talk_links=data['links_to_past_talks'], + speaker_website=data['website'], + ) + + # Email submitter + with open('%s/proposals/email_confirmation.tmpl' % + settings.PACKAGE_ROOT) as f: + message = f.read().format(**data, **settings.PROJECT_DATA) + email = EmailMessage( + 'Your PyBay talk proposal was successfully submitted!', + message, to=[data['email']]) + email.send() + + return speaker, proposal diff --git a/pybay/prod_settings.py b/pybay/prod_settings.py new file mode 100644 index 00000000..d6a4219b --- /dev/null +++ b/pybay/prod_settings.py @@ -0,0 +1,46 @@ +import os +from pybay.settings import * + +DEBUG = False +TEMPLATE_DEBUG = DEBUG +EMAIL_DEBUG = DEBUG + +DATABASES = { + "default": { + "ENGINE": "django.db.backends.mysql", + 'OPTIONS': { + 'read_default_file': '/home/pybay/pybay_prod.cnf', + }, + } +} + +ALLOWED_HOSTS = ['prod.pyconsf.com', 'pyconsf.com', 'www.pyconsf.com', 'www.pybay.com', 'pybay.com', 'prod.pybay.com'] + +TIME_ZONE = "US/Pacific" + +MEDIA_ROOT = '/data/websites/prod_site_media/media' +MEDIA_URL = "/site_media/media/" + +STATIC_ROOT = '/data/websites/prod_site_media/static' +STATIC_URL = "/site_media/static/" + +SECRET_KEY = os.environ["DJANGO_SECRET_KEY"] + +# Add a filehandler for logging +LOGGING['handlers']['filelog'] = { + 'level': 'DEBUG', + 'class': 'logging.handlers.RotatingFileHandler', + 'filename': '/data/websites/logs/prod.log', + 'backupCount': 5, + 'maxBytes': 1024 * 1024 * 3, + 'formatter': 'verbose', +} + +# Hook filehandler to django.request so we see 500 server errors in the file +LOGGING['loggers']['django.request']['handlers'].append('filelog') +# And also turn on for log.debug and up calls in pybay.* code +LOGGING['loggers']['pybay'] = { + 'handlers': ['filelog'], + 'level': 'DEBUG', + 'propagate': True, +} diff --git a/pybay/prod_wsgi.py b/pybay/prod_wsgi.py new file mode 100644 index 00000000..b92fe54c --- /dev/null +++ b/pybay/prod_wsgi.py @@ -0,0 +1,6 @@ +import os + +os.environ.setdefault("DJANGO_SETTINGS_MODULE", "pybay.prod_settings") + +from django.core.wsgi import get_wsgi_application +application = get_wsgi_application() diff --git a/pybay/proposals/admin.py b/pybay/proposals/admin.py index 6885d53a..cb2939cd 100644 --- a/pybay/proposals/admin.py +++ b/pybay/proposals/admin.py @@ -1,7 +1,29 @@ +from django import forms from django.contrib import admin from .models import TalkProposal, TutorialProposal -admin.site.register(TalkProposal) -admin.site.register(TutorialProposal) +class TalkProposalAdmin(admin.ModelAdmin): + list_display = ('title', 'speaker', 'speaker_email', 'speaker_phone_number', 'status') + ordering = ['result__status', 'speaker'] + + def speaker_phone_number(self, obj): + return obj.speaker.phone_number + speaker_phone_number.admin_order_field = 'speaker__phone_number' + +class TutorialForm(forms.ModelForm): + """Custom form just to over-ride UX limit of 400 chars on description.""" + description = forms.CharField(max_length=1200, + widget=forms.Textarea(attrs={'class': 'vLargeTextField'})) + + class Meta: + model = TutorialProposal + exclude = ['name'] + + +class TutorialProposalAdmin(admin.ModelAdmin): + form = TutorialForm + +admin.site.register(TalkProposal, TalkProposalAdmin) +admin.site.register(TutorialProposal, TutorialProposalAdmin) diff --git a/pybay/proposals/email_confirmation.tmpl b/pybay/proposals/email_confirmation.tmpl new file mode 100644 index 00000000..ad84bc18 --- /dev/null +++ b/pybay/proposals/email_confirmation.tmpl @@ -0,0 +1,28 @@ +Hi {first_name}, + +Thank you for your PyBay talk submission! + +The review committee will begin reviewing submissions after the Call For Proposals ends on {cfp_close_date}. +We expect to let you know whether your talk has been selected within a few weeks of the closing date. + +If you have any questions, please contact us. + +Thanks for your interest in PyBay, and good luck! +- The PyBay team + + +Information submitted for this talk proposal +-------------------------------------------- + +Name: {first_name} {last_name} +Email: {email} +Speaker Profile: {speaker_bio} +Talk Title: {talk_title} +Category: {category} +Level: {audience_level} +Description: {description} +Abstract: {abstract} +What will attendees learn: {what_will_attendees_learn} +Speaker and talk history: {speaker_and_talk_history} +Talk links: {links_to_past_talks} + diff --git a/pybay/proposals/migrations/0002_auto_20170320_2309.py b/pybay/proposals/migrations/0002_auto_20170320_2309.py deleted file mode 100644 index 2977e78d..00000000 --- a/pybay/proposals/migrations/0002_auto_20170320_2309.py +++ /dev/null @@ -1,27 +0,0 @@ -# -*- coding: utf-8 -*- -# Generated by Django 1.9.2 on 2017-03-21 03:09 -from __future__ import unicode_literals - -from django.db import migrations, models - - -class Migration(migrations.Migration): - - dependencies = [ - ('proposals', '0001_initial'), - ] - - operations = [ - migrations.AddField( - model_name='talkproposal', - name='category', - field=models.IntegerField(choices=[(1, 'Fundamentals'), (2, 'Language Internals'), (3, 'All things Web'), (4, 'Dealing with Data'), (5, 'Security'), (6, 'Performant Python'), (7, 'Scalable Python'), (8, '/etc')], default=1), - preserve_default=False, - ), - migrations.AddField( - model_name='tutorialproposal', - name='category', - field=models.IntegerField(choices=[(1, 'Fundamentals'), (2, 'Language Internals'), (3, 'All things Web'), (4, 'Dealing with Data'), (5, 'Security'), (6, 'Performant Python'), (7, 'Scalable Python'), (8, '/etc')], default=1), - preserve_default=False, - ), - ] diff --git a/pybay/proposals/migrations/0002_auto_20170419_0634.py b/pybay/proposals/migrations/0002_auto_20170419_0634.py new file mode 100644 index 00000000..58ae041e --- /dev/null +++ b/pybay/proposals/migrations/0002_auto_20170419_0634.py @@ -0,0 +1,51 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-04-19 10:34 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0001_initial'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='category', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('etc', '/etc')], default='', max_length=100), + preserve_default=False, + ), + migrations.AddField( + model_name='talkproposal', + name='talk_links', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('etc', '/etc')], default='', max_length=200), + preserve_default=False, + ), + migrations.AddField( + model_name='talkproposal', + name='what_will_attendees_learn', + field=models.TextField(default=''), + preserve_default=False, + ), + migrations.AddField( + model_name='tutorialproposal', + name='category', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('etc', '/etc')], default='', max_length=100), + preserve_default=False, + ), + migrations.AddField( + model_name='tutorialproposal', + name='talk_links', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('etc', '/etc')], default='', max_length=200), + preserve_default=False, + ), + migrations.AddField( + model_name='tutorialproposal', + name='what_will_attendees_learn', + field=models.TextField(default=''), + preserve_default=False, + ), + ] diff --git a/pybay/proposals/migrations/0003_auto_20170516_2159.py b/pybay/proposals/migrations/0003_auto_20170516_2159.py new file mode 100644 index 00000000..c7a5fbc3 --- /dev/null +++ b/pybay/proposals/migrations/0003_auto_20170516_2159.py @@ -0,0 +1,45 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-17 01:59 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0002_auto_20170419_0634'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='meetup_talk', + field=models.CharField(choices=[(1, 'Yes'), (2, 'Maybe'), (3, 'No')], default='No', max_length=100), + ), + migrations.AddField( + model_name='tutorialproposal', + name='meetup_talk', + field=models.CharField(choices=[(1, 'Yes'), (2, 'Maybe'), (3, 'No')], default='No', max_length=100), + ), + migrations.AlterField( + model_name='talkproposal', + name='category', + field=models.CharField(max_length=100), + ), + migrations.AlterField( + model_name='talkproposal', + name='talk_links', + field=models.CharField(max_length=200), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='category', + field=models.CharField(max_length=100), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='talk_links', + field=models.CharField(max_length=200), + ), + ] diff --git a/pybay/proposals/migrations/0004_auto_20170516_2218.py b/pybay/proposals/migrations/0004_auto_20170516_2218.py new file mode 100644 index 00000000..a3224646 --- /dev/null +++ b/pybay/proposals/migrations/0004_auto_20170516_2218.py @@ -0,0 +1,27 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-05-17 02:18 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0003_auto_20170516_2159'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='speaker_and_talk_history', + field=models.TextField(default=''), + preserve_default=False, + ), + migrations.AddField( + model_name='tutorialproposal', + name='speaker_and_talk_history', + field=models.TextField(default=''), + preserve_default=False, + ), + ] diff --git a/pybay/proposals/migrations/0005_auto_20170614_0036.py b/pybay/proposals/migrations/0005_auto_20170614_0036.py new file mode 100644 index 00000000..18d70785 --- /dev/null +++ b/pybay/proposals/migrations/0005_auto_20170614_0036.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-06-14 04:36 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0004_auto_20170516_2218'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='speaker_website', + field=models.TextField(null=True), + ), + migrations.AddField( + model_name='tutorialproposal', + name='speaker_website', + field=models.TextField(null=True), + ), + ] diff --git a/pybay/proposals/migrations/0006_auto_20170625_2327.py b/pybay/proposals/migrations/0006_auto_20170625_2327.py new file mode 100644 index 00000000..3a0a3c77 --- /dev/null +++ b/pybay/proposals/migrations/0006_auto_20170625_2327.py @@ -0,0 +1,45 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-06-26 03:27 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0005_auto_20170614_0036'), + ] + + operations = [ + migrations.AlterField( + model_name='talkproposal', + name='category', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('devops', 'DevOps'), ('etc', '/etc')], max_length=100), + ), + migrations.AlterField( + model_name='talkproposal', + name='meetup_talk', + field=models.CharField(choices=[('Yes', 'Yes'), ('Maybe', 'Maybe'), ('No', 'No')], default='No', max_length=100), + ), + migrations.AlterField( + model_name='talkproposal', + name='speaker_website', + field=models.TextField(blank=True, null=True), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='category', + field=models.CharField(choices=[('fundamentals', 'Fundamentals'), ('language internals', 'Language Internals'), ('all things web', 'All things Web'), ('dealing with data', 'Dealing with Data'), ('security', 'Security'), ('performant python', 'Performant Python'), ('scalable python', 'Scalable Python'), ('devops', 'DevOps'), ('etc', '/etc')], max_length=100), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='meetup_talk', + field=models.CharField(choices=[('Yes', 'Yes'), ('Maybe', 'Maybe'), ('No', 'No')], default='No', max_length=100), + ), + migrations.AlterField( + model_name='tutorialproposal', + name='speaker_website', + field=models.TextField(blank=True, null=True), + ), + ] diff --git a/pybay/proposals/migrations/0007_ticket_fields.py b/pybay/proposals/migrations/0007_ticket_fields.py new file mode 100644 index 00000000..d258a434 --- /dev/null +++ b/pybay/proposals/migrations/0007_ticket_fields.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-07-15 23:54 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0006_auto_20170625_2327'), + ] + + operations = [ + migrations.AddField( + model_name='tutorialproposal', + name='sold_out', + field=models.BooleanField(default=False), + ), + migrations.AddField( + model_name='tutorialproposal', + name='ticket_price', + field=models.CharField(blank=True, max_length=50), + ), + ] diff --git a/pybay/proposals/migrations/0008_location_override.py b/pybay/proposals/migrations/0008_location_override.py new file mode 100644 index 00000000..e15bc2ed --- /dev/null +++ b/pybay/proposals/migrations/0008_location_override.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +# Generated by Django 1.9.2 on 2017-07-16 00:53 +from __future__ import unicode_literals + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('proposals', '0007_ticket_fields'), + ] + + operations = [ + migrations.AddField( + model_name='talkproposal', + name='location_override', + field=models.CharField(blank=True, max_length=200), + ), + migrations.AddField( + model_name='tutorialproposal', + name='location_override', + field=models.CharField(blank=True, max_length=200), + ), + ] diff --git a/pybay/proposals/models.py b/pybay/proposals/models.py index 0a9ea77d..ccee5142 100644 --- a/pybay/proposals/models.py +++ b/pybay/proposals/models.py @@ -5,17 +5,6 @@ class Proposal(ProposalBase): - category = models.IntegerField(choices= - [(1, 'Fundamentals'), - (2, 'Language Internals'), - (3, 'All things Web'), - (4, 'Dealing with Data'), - (5, 'Security'), - (6, 'Performant Python'), - (7, 'Scalable Python'), - (8, '/etc')]) - - AUDIENCE_LEVEL_NOVICE = 1 AUDIENCE_LEVEL_EXPERIENCED = 2 AUDIENCE_LEVEL_INTERMEDIATE = 3 @@ -26,12 +15,44 @@ class Proposal(ProposalBase): (AUDIENCE_LEVEL_EXPERIENCED, "Experienced"), ] + MEETUP_CHOICE_YES = "Yes" + MEETUP_CHOICE_MAYBE = "Maybe" + MEETUP_CHOICE_NO = "No" + + MEETUP_CHOICES = [ + (MEETUP_CHOICE_YES, "Yes"), + (MEETUP_CHOICE_MAYBE, "Maybe"), + (MEETUP_CHOICE_NO, "No") + ] + + CATEGORY_CHOICES = [ + "Fundamentals", + "Language Internals", + "All things Web", + "Dealing with Data", + "Security", + "Performant Python", + "Scalable Python", + "DevOps", + "/etc" + ] + CATEGORY_CHOICES = [ + (c.lower().replace('/', ''), c) for c in CATEGORY_CHOICES + ] + audience_level = models.IntegerField(choices=AUDIENCE_LEVELS) recording_release = models.BooleanField( default=True, help_text="By submitting your proposal, you agree to give permission to the conference organizers to record, edit, and release audio and/or video of your presentation. If you do not agree to this, please uncheck this box." ) + category = models.CharField(max_length=100, choices=CATEGORY_CHOICES) + talk_links = models.CharField(max_length=200) + what_will_attendees_learn = models.TextField() + meetup_talk = models.CharField(choices=MEETUP_CHOICES, max_length=100, default="No") + speaker_and_talk_history = models.TextField() + speaker_website = models.TextField(null=True, blank=True) + location_override = models.CharField(max_length=200, blank=True) class Meta: abstract = True @@ -45,3 +66,6 @@ class Meta: class TutorialProposal(Proposal): class Meta: verbose_name = "tutorial proposal" + + ticket_price = models.CharField(max_length=50, blank=True) + sold_out = models.BooleanField(default=False) diff --git a/pybay/settings.py b/pybay/settings.py index e68c0958..a21874cf 100644 --- a/pybay/settings.py +++ b/pybay/settings.py @@ -1,12 +1,13 @@ import os - +from base64 import b64decode PROJECT_ROOT = os.path.abspath(os.path.join(os.path.dirname(__file__), os.pardir)) PACKAGE_ROOT = os.path.abspath(os.path.dirname(__file__)) BASE_DIR = PACKAGE_ROOT +ADMINS = [('Simeon', 'simeonf@gmail.com')] + DEBUG = True -TEMPLATE_DEBUG = DEBUG EMAIL_DEBUG = DEBUG DATABASES = { @@ -18,6 +19,8 @@ ALLOWED_HOSTS = [] +CANONICAL_HOST = 'https://pybay.com' + # Local time zone for this installation. Choices can be found here: # http://en.wikipedia.org/wiki/List_of_tz_zones_by_name # although not all choices may be available on all operating systems. @@ -25,7 +28,7 @@ # timezone as the operating system. # If running in a Windows environment this must be set to the same as your # system time zone. -TIME_ZONE = "US/Eastern" +TIME_ZONE = "US/Pacific" # Language code for this installation. All choices can be found here: # http://www.i18nguy.com/unicode/language-identifiers.html @@ -65,7 +68,7 @@ # Additional locations of static files STATICFILES_DIRS = [ - os.path.join(PACKAGE_ROOT, "static"), + os.path.join(PROJECT_ROOT, "static"), ] # List of finder classes that know how to find static files in @@ -75,31 +78,33 @@ "django.contrib.staticfiles.finders.AppDirectoriesFinder", ] +STATICFILES_STORAGE = 'django.contrib.staticfiles.storage.ManifestStaticFilesStorage' + # Make this unique, and don't share it with anybody. SECRET_KEY = "some thing pybay2017 " -# List of callables that know how to import templates from various sources. -TEMPLATE_LOADERS = [ - "django.template.loaders.filesystem.Loader", - "django.template.loaders.app_directories.Loader", -] - -TEMPLATE_CONTEXT_PROCESSORS = [ - "django.contrib.auth.context_processors.auth", - "django.core.context_processors.debug", - "django.core.context_processors.i18n", - "django.core.context_processors.media", - "django.core.context_processors.static", - "django.core.context_processors.tz", - "django.core.context_processors.request", - "django.contrib.messages.context_processors.messages", - "account.context_processors.account", - "pinax_theme_bootstrap.context_processors.theme", - "symposion.reviews.context_processors.reviews", -] - +TEMPLATES = [{ + 'APP_DIRS': True, + 'BACKEND': 'django.template.backends.django.DjangoTemplates', + 'DIRS': [os.path.join(PACKAGE_ROOT, 'templates')], + 'OPTIONS': {'context_processors': [ + 'django.contrib.auth.context_processors.auth', + 'django.template.context_processors.debug', + 'django.template.context_processors.i18n', + 'django.template.context_processors.media', + 'django.template.context_processors.static', + 'django.template.context_processors.tz', + 'django.template.context_processors.request', + 'django.contrib.messages.context_processors.messages', + 'account.context_processors.account', + 'pinax_theme_bootstrap.context_processors.theme', + 'symposion.reviews.context_processors.reviews', + 'pybay.context_processors.settings_variables', + ]} +}] MIDDLEWARE_CLASSES = [ + "rollbar.contrib.django.middleware.RollbarNotifierMiddleware", "django.contrib.sessions.middleware.SessionMiddleware", "django.middleware.common.CommonMiddleware", "django.middleware.csrf.CsrfViewMiddleware", @@ -107,6 +112,7 @@ "django.contrib.auth.middleware.SessionAuthenticationMiddleware", "django.contrib.messages.middleware.MessageMiddleware", "django.middleware.clickjacking.XFrameOptionsMiddleware", + "django.contrib.flatpages.middleware.FlatpageFallbackMiddleware", ] ROOT_URLCONF = "pybay.urls" @@ -114,10 +120,6 @@ # Python dotted path to the WSGI application used by Django's runserver. WSGI_APPLICATION = "pybay.wsgi.application" -TEMPLATE_DIRS = [ - os.path.join(PACKAGE_ROOT, "templates"), -] - MESSAGE_STORAGE = "django.contrib.messages.storage.session.SessionStorage" INSTALLED_APPS = [ @@ -129,6 +131,7 @@ "django.contrib.sites", "django.contrib.staticfiles", "django.contrib.humanize", + "django.contrib.flatpages", # theme "bootstrapform", @@ -139,10 +142,14 @@ "account", "easy_thumbnails", "eventlog", + "django_markup", "markitup", "metron", + "ordered_model", "taggit", "timezones", + "columns", + # symposion "symposion.sponsorship", @@ -153,8 +160,13 @@ "symposion.reviews", "symposion.teams", - # pybay + 'pybay', 'pybay.proposals', + 'pybay.faqs', + 'pybay.flatpages_ext.apps.FlatpagesExtConfig', + 'pybay.featured_speakers', + 'pybay.countdowns', + 'crispy_forms', ] # A sample logging configuration. The only tangible logging @@ -165,6 +177,11 @@ LOGGING = { "version": 1, "disable_existing_loggers": False, + 'formatters': { + 'verbose': { + 'format': '%(asctime)s\n%(message)s' + }, + }, "filters": { "require_debug_false": { "()": "django.utils.log.RequireDebugFalse" @@ -190,8 +207,6 @@ os.path.join(PROJECT_ROOT, "fixtures"), ] -EMAIL_BACKEND = "django.core.mail.backends.console.EmailBackend" - ACCOUNT_OPEN_SIGNUP = True ACCOUNT_EMAIL_UNIQUE = True ACCOUNT_EMAIL_CONFIRMATION_REQUIRED = False @@ -204,7 +219,7 @@ AUTHENTICATION_BACKENDS = [ # Use the simple django auth backend for now in PyBay 'django.contrib.auth.backends.ModelBackend', - + # Permissions Backends "symposion.teams.backends.TeamPermissionsBackend", @@ -223,3 +238,47 @@ "tutorial": "pybay.proposals.forms.TutorialProposalForm", "talk": "pybay.proposals.forms.TalkProposalForm", } +#Crispy Forms +CRISPY_TEMPLATE_PACK = 'bootstrap3' + +SHOW_SPEAKERS_LIST_NAVBAR_LINK = False + +DEBUG_TOOLBAR = False + +PYBAY_API_TOKEN = "test" +API_TOKEN_PATH = '/home/pybay/api_token.txt' +if not os.environ.get('TRAVIS', False) and os.path.exists(API_TOKEN_PATH): + with open(API_TOKEN_PATH) as f: + PYBAY_API_TOKEN = f.read().strip() or PYBAY_API_TOKEN + + +ROLLBAR_PATH = '/home/pybay/rollbar.txt' +if not os.environ.get('TRAVIS', False) and os.path.exists(ROLLBAR_PATH): + with open(ROLLBAR_PATH) as f: + rollbar_token = f.read().strip() + + ROLLBAR = { + 'access_token': rollbar_token, + 'environment': 'development' if DEBUG else 'production', + 'branch': 'master', + 'root': BASE_DIR, + } + + # Intentially added below the ROLLBAR const. Please do not move + import rollbar + rollbar.init(**ROLLBAR) + +EMAIL_BACKEND = "django.core.mail.backends.console.EmailBackend" +if os.environ.get('SMTP_PWD', ''): + EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend' + EMAIL_HOST = 'smtp.glidelink.net' + EMAIL_PORT = 587 + EMAIL_HOST_USER = 'pybay' + DEFAULT_FROM_EMAIL = 'info@pybay.com' + EMAIL_HOST_PASSWORD = b64decode(os.environ.get('SMTP_PWD', '')).decode('utf-8') + EMAIL_USE_TLS = True + +DEFAULT_FALLBACK_IMAGE = "new/img/unknown-speaker.png" + +PROJECT_DATA = dict( + cfp_close_date='June 17') diff --git a/pybay/staging_settings.py b/pybay/staging_settings.py new file mode 100644 index 00000000..a2ae96a0 --- /dev/null +++ b/pybay/staging_settings.py @@ -0,0 +1,29 @@ +import os +from pybay.settings import * + +DEBUG = True +TEMPLATE_DEBUG = DEBUG +EMAIL_DEBUG = DEBUG + +DATABASES = { + "default": { + "ENGINE": "django.db.backends.mysql", + 'OPTIONS': { + 'read_default_file': '/home/pybay/pybay_staging.cnf', + }, + } +} + +ALLOWED_HOSTS = ['staging.pyconfsf.com'] + +CANONICAL_HOST = 'http://staging.pybay.com' + +TIME_ZONE = "US/Pacific" + +MEDIA_ROOT = '/data/websites/staging_site_media/media' +MEDIA_URL = "/site_media/media/" + +STATIC_ROOT = '/data/websites/staging_site_media/static' +STATIC_URL = "/site_media/static/" + +SECRET_KEY = os.environ["DJANGO_SECRET_KEY"] diff --git a/pybay/staging_wsgi.py b/pybay/staging_wsgi.py new file mode 100644 index 00000000..940a8daa --- /dev/null +++ b/pybay/staging_wsgi.py @@ -0,0 +1,6 @@ +import os + +os.environ.setdefault("DJANGO_SETTINGS_MODULE", "pybay.staging_settings") + +from django.core.wsgi import get_wsgi_application +application = get_wsgi_application() diff --git a/pybay/static/css/site.css b/pybay/static/css/site.css deleted file mode 100644 index 74224ca3..00000000 --- a/pybay/static/css/site.css +++ /dev/null @@ -1,4 +0,0 @@ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px;line-height:1.42857143 \0}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm{line-height:30px;line-height:1.5 \0}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg{line-height:46px;line-height:1.33 \0}_:-ms-fullscreen,:root input[type="date"],_:-ms-fullscreen,:root input[type="time"],_:-ms-fullscreen,:root input[type="datetime-local"],_:-ms-fullscreen,:root input[type="month"]{line-height:1.42857143}_:-ms-fullscreen.input-sm,:root input[type="date"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="time"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="datetime-local"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="month"].input-sm{line-height:1.5}_:-ms-fullscreen.input-lg,:root input[type="date"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="time"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="datetime-local"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="month"].input-lg{line-height:1.33}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm,.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,select.form-group-sm .form-control{height:30px;line-height:30px}textarea.input-sm,textarea.form-group-sm .form-control,select[multiple].input-sm,select[multiple].form-group-sm .form-control{height:auto}.input-lg,.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,select.form-group-lg .form-control{height:46px;line-height:46px}textarea.input-lg,textarea.form-group-lg .form-control,select[multiple].input-lg,select[multiple].form-group-lg .form-control{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none;visibility:hidden}.tab-content>.active{display:block;visibility:visible}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block !important;visibility:visible !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}}@media (min-width:768px){.navbar-left{float:left !important;float:left}.navbar-right{float:right !important;float:right;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-left:15px;padding-right:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{transition:transform .6s ease-in-out;backface-visibility:hidden;perspective:1000}.carousel-inner>.item.next,.carousel-inner>.item.active.right{transform:translate3d(100%, 0, 0);left:0}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{transform:translate3d(-100%, 0, 0);left:0}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{transform:translate3d(0, 0, 0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after,.feature-columns:before,.feature-columns:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after,.feature-columns:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}/*! - * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome - * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */@font-face{font-family:'FontAwesome';src:url('../font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.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}@-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: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{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-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"}body{padding-top:50px}section{padding:20px 0}footer{padding-bottom:20px}.feature-columns{margin-left:-15px;margin-right:-15px}.feature-columns>div{position:relative;min-height:1px;padding-left:15px;padding-right:15px;text-align:center;margin:2em 0}.feature-columns>div i.fa{margin-bottom:.2em}@media (min-width:768px){.feature-columns>div{float:left;width:33.33333333%}} \ No newline at end of file diff --git a/pybay/templates/404.html b/pybay/templates/404.html new file mode 100644 index 00000000..644a8527 --- /dev/null +++ b/pybay/templates/404.html @@ -0,0 +1,36 @@ +{% extends 'frontend/base.html' %} + +{% block head_title %}Not Found{% endblock %} + +{% block content %} +
+
+
+
+
+
+
+ + + +
+
+
+
+
+

404
Not Found

+

Oh dear, this is not the way to the PyBay

+ Take Me Home + +
+ +
+ + + +
+
+
+
+
+{% endblock %} diff --git a/pybay/templates/account/404.html b/pybay/templates/account/404.html deleted file mode 100644 index 9050ce6f..00000000 --- a/pybay/templates/account/404.html +++ /dev/null @@ -1,12 +0,0 @@ -{% extends "site_base.html" %} - -{% load i18n %} - -{% block head_title %}{% trans "Not Found" %}{% endblock %} - -{% block body %} -
-

{% trans "Page not found" %}

-

{% trans "We're sorry but that page could not be found." %}

-
-{% endblock %} diff --git a/pybay/templates/flatpages/default.html b/pybay/templates/flatpages/default.html new file mode 100644 index 00000000..8ae01117 --- /dev/null +++ b/pybay/templates/flatpages/default.html @@ -0,0 +1,13 @@ +{% extends 'frontend/base.html' %} + +{% block head_title %}{{ flatpage.title }}{% endblock %} + +{% block content %} +
+
+
+ {{ flatpage.content }} +
+
+
+{% endblock %} diff --git a/pybay/templates/flatpages/tutorials.html b/pybay/templates/flatpages/tutorials.html new file mode 100644 index 00000000..9a74a78f --- /dev/null +++ b/pybay/templates/flatpages/tutorials.html @@ -0,0 +1,17 @@ +{% extends 'frontend/base.html' %} + +{% block head_title %}{{ flatpage.title }}{% endblock %} + +{% block content %} +
+
+
+ {{ flatpage.content }} +
+ + {% load tutorial_tags %} + {% tutorials %} + +
+
+{% endblock %} diff --git a/pybay/templates/frontend/base.html b/pybay/templates/frontend/base.html new file mode 100644 index 00000000..67961620 --- /dev/null +++ b/pybay/templates/frontend/base.html @@ -0,0 +1,201 @@ +{% load staticfiles %} +{% load sponsors_list %} + + + + + + PyBay2017 + + + + + + + + + + + + + + {% static 'new/img/home-screenshot.png' as share_image %} + {% with share_image_width=1366 share_image_height=768 share_title="PyBay 2017" share_desc="Like the always-sold-out PyCon, PyBay will be a weekend of fun geeking out with awesome developers on one of your favorite topics - Python! Check out the impressive speaker list!" %} + {% block share_card %} + + + + + + + + + + + + + + + + + {% endblock %} + {% endwith %} + + + + {% block header %} + + + + +
+ +
+ {% endblock header %} + {% block headeroption %} + + {% endblock headeroption %} + + {% block content %} + {% endblock content %} + +{% block subscribe %} +{% endblock subscribe %} + + {% block pythonfans %} + {% endblock pythonfans %} + {% block footer %} + +
+ +
+ + {% endblock footer %} + + + + + + + + + + + + + + + {% block scripts %} + + {% endblock scripts %} + + diff --git a/pybay/templates/frontend/cfp.html b/pybay/templates/frontend/cfp.html new file mode 100644 index 00000000..c13ed66a --- /dev/null +++ b/pybay/templates/frontend/cfp.html @@ -0,0 +1,75 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load bootstrap %} +{% load pinax_boxes_tags %} +{% load crispy_forms_tags %} + + +{% block content %} + + +
+
+
+
+

Call For Proposals

+
+
+
+
+
+ +

Info

+

+

PyBay is a developer-centric conference, focused primarily but not exclusively on the Python language. We're primarily seeking technical talks, though talks on the process and other topics relevant to the community will be considered. Feel free to browse last year's talk list, slides, and videos

+

Talks are 40 minutes

+

Call For Proposals opens: April 23

+

Call For Proposals ends: {{cfp_close_date}} (at 11:59pm PST) +

+
+
+
+ +

Proposal Guidelines

+

+

You may submit up to 3 proposals.

+

The title, description, and abstract should sell your talk to attendees and reviewers. + They should answer the questions: + Why should I attend this talk? + What will I learn? + What makes this a compelling talk?

+ +

Please select the best fit for the category and level fields below. Your talk may cover content that spans more than one category, but please choose the one that best describes its primary focus. The "/etc" category is for talks whose primary focus does not fit under the others.

+

+
+
+
+
+ +

Talk Selection 

+

+

The first phase of selection is blind -- we'll only consider talk information, and not speaker information. In the second phase of selection, we'll consider speaker information if needed.

+

Our goal is to determine the program largely by talk content while still ensuring a diversity of talks and speakers.

+

+
+
+
+
+
+ + +
+

Call For Proposals Form

+
+
+ {% csrf_token %} + {% crispy form %} + + +
+ +
+
+
+ +{% endblock content %} diff --git a/pybay/templates/frontend/cfp_submitted.html b/pybay/templates/frontend/cfp_submitted.html new file mode 100644 index 00000000..91c91f75 --- /dev/null +++ b/pybay/templates/frontend/cfp_submitted.html @@ -0,0 +1,17 @@ +{% extends "frontend/base.html" %} + +{% load bootstrap %} +{% load i18n %} +{% load pinax_boxes_tags %} + +{% block head_title %}{% trans "Welcome" %}{% endblock %} + +{% block body_class %}Call For Proposals{% endblock %} + +{% block content %} +
+


+ Thank you {{ speaker.name }}. Your proposal "{{ proposal.title }}" has been submitted for review. We will get back to you shortly. +

+
+{% endblock content %} diff --git a/pybay/templates/frontend/coc_reporting.html b/pybay/templates/frontend/coc_reporting.html new file mode 100644 index 00000000..155042ff --- /dev/null +++ b/pybay/templates/frontend/coc_reporting.html @@ -0,0 +1,119 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} + +{% block sliders %} +
  • +
    + Background Image +
    +
    +
    +
    +


    +

    Bringing together Python's most forward thinking innovators & developers.

    +
    +
    +
    +
    • +{% endblock sliders %} + +{% block content %} + +
    +
    +
    +
    +

    Attendee Procedure For Handling Harassment

    +

    This page has been adapted from PyCon's CoC procedures.

    +

    These instructions apply to all volunteers and attendees!

    +
      +
    1. + Contact either staff personnel Grace Law (grace@pybay.com) or Simeon Franklin (simeonf@gmail.com / 209 846-2151). All staff will also be prepared to handle the incident - just look for a crew member wearing a PyBay CREW shirt! All of our staff members are informed of the code of conduct policy and guide for handling harassment at the conference. There will be a mandatory staff meeting onsite at the conference when this will be reiterated as well. +
      2. +
    2. + Report the harassment incident (preferably in writing) to Simeon and/or Grace - all reports are confidential. When reporting the event to staff, try to gather as much information as available, but do not interview people about the incident - Staff will assist you in writing the report/collecting information. The important information consists of: +
        +
      1. Identifying information (name/badge number) of the participant doing the harassing.
        2. +
      2. The behavior that was in violation.
        3. +
      3. The approximate time of the behavior (if different than the time the report was made).
        4. +
      4. The circumstances surrounding the incident.
        5. +
      5. Other people involved in the incident.
        6. +
      +
      3. +
    3. + The staff is informed on how to deal with the incident and how to further proceed with the situation. + If everyone is presently physically safe, involve law enforcement or security only at a victim's request. If you do feel your safety in jeopardy please do not hesitate to contact local law enforcement by dialing 911. If you do not have a cell phone simply ask a staff member. +
      4. +
    +

    Staff Procedure For Handling Harassment

    +

    This page has been adapted from PyCon's CoC procedures.

    +

    These instructions apply only to Grace and Simeon!

    +

    Be sure to have a good understanding of our Code of Conduct policy, which can be found here: http://www.pybay.com/code-of-conduct

    +

    Also have a good understanding of what is expected from an attendee that wants to report a harassment incident. These guidelines can be found above on this page.

    +

    Try to get as much of the incident in written form by the reporter. If you cannot, transcribe it yourself as it was told to you. The important information to gather include the following:

    +
      +
    1. Identifying information (name/badge number) of the participant doing the harassing.
      2. +
    2. The behavior that was in violation.
      3. +
    3. The approximate time of the behavior (if different than the time the report was made).
      4. +
    4. The circumstances surrounding the incident.
      5. +
    5. Other people involved in the incident.
      6. +
    + +

    Prepare an initial response to the incident. This initial response is very important and will set the tone for PyBay. Depending on the severity/details of the incident, please follow these guidelines:

    +
      +
    1. If there is any general threat to attendees or the safety of anyone including conference staff is in doubt, summon security or police.
      2. +
    2. Offer the victim a private place to sit.
      3. +
    3. Ask them "Is there a friend or trusted person who you would like to be with you?" (If so, arrange for someone to fetch this person.)
      4. +
    4. Ask them "How can I help?"
      5. +
    5. Provide them with your list of emergency contacts if they need help later.
      6. +
    6. If everyone is presently physically safe, involve law enforcement or security only at a victim's request.
      7. +
    +

    There are also some guidelines as to what not to do as an initial response:

    +
      +
    1. Do not overtly invite them to withdraw the complaint or mention that withdrawal is OK. This suggests that you want them to do so, and is therefore coercive. "If you're OK with it [pursuing the complaint]" suggests that you are by default pursuing it and is not coercive.
      2. +
    2. Do not ask for their advice on how to deal with the complaint. This is a staff responsibility.
      3. +
    3. Do not offer them input into penalties. This is the staff's responsibility.
      4. +
    +

    Once something is reported Grace and Simeon and any available staff should meet. The main objectives of this meeting is to find out the following:

    +
      +
    1. What happened?
      2. +
    2. Are we doing anything about it?
      3. +
    3. Who is doing those things?
      4. +
    4. When are they doing them?
      5. +
    +

    After the staff meeting and discussion, have a staff member (preferably Grace) communicate with the alleged harasser. Make sure to inform them of what has been reported about them.

    +

    Allow the alleged harasser to give their side of the story to the staff. After this point, if report stands, let the alleged harasser know what actions will be taken against them.

    +

    Some things for the staff to consider when dealing with Code of Conduct offenders (note that the list below is not a requirement and only applies if the report deems it necessary):

    +
      +
    1. Warning the harasser to cease their behavior and that any further reports will result in sanctions.
      2. +
    2. Requiring that the harasser avoid any interaction with, and physical proximity to, their victim for the remainder of the event.
      3. +
    3. Ending a talk that violates the policy early.
      4. +
    4. Not publishing the video or slides of a talk that violated the policy.
      5. +
    5. Not allowing a speaker who violated the policy to give (further) talks at the event now or in the future.
      6. +
    6. immediately ending any event volunteer responsibilities and privileges the harasser holds.
      7. +
    7. immediately ending any event volunteer responsibilities and privileges the harasser holds.
      8. +
    8. Immediately ending any event volunteer responsibilities and privileges the harasser holds.
      9. +
    9. Requiring that the harasser not volunteer for future events your organization runs (either indefinitely or for a certain time period).
      10. +
    10. Requiring that the harasser refund any travel grants and similar they received (this would need to be a condition of the grant at the time of being awarded).
      11. +
    11. Requiring that the harasser immediately leave the event and not return.
      12. +
    12. Banning the harasser from future events (either indefinitely or for a certain time period).
      13. +
    13. Removing a harasser from membership of relevant organizations.
      14. +
    +

    Give accused attendees a place to appeal to if there is one, but in the meantime the report stands. Keep in mind that it is not a good idea to encourage an apology from the harasser.

    + +

    It is very important how we deal with the incident publicly. Our policy is to make sure that everyone aware of the initial incident is also made aware that it is not according to policy and that official action has been taken - while still respecting the privacy of individual attendees. When speaking to individuals (those who are aware of the incident, but were not involved with the incident) about the incident it is a good idea to keep the details out.

    + +

    Depending on the incident, the conference chair or their designate may decide to make one or more public announcements. If necessary, this will be done with a short announcement before a Keynote session and/or through other channels. No one other than the conference chair or someone delegated authority from the conference chair should make any announcements.

    + +

    If some attendees were angered by the incident, it is best to apologize to them that the incident occurred to begin with. If there are residual hard feelings, suggest to them to write an email to the conference organizer. +

    +

    All reports should be made directly to:
    +   Simeon Franklin, Staff
    +   Grace Law, Conference Organizer +

    +

    *This content is licensed under CC Attribution-ShareAlike. See https://creativecommons.org/licenses/by-sa/3.0/legalcod

    +
    +
    +
    +
    +{% endblock content %} diff --git a/pybay/templates/frontend/code_of_conduct.html b/pybay/templates/frontend/code_of_conduct.html new file mode 100644 index 00000000..eb86838f --- /dev/null +++ b/pybay/templates/frontend/code_of_conduct.html @@ -0,0 +1,49 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} + +{% block content %} +
    +
    +
    +
    +


    +

    Code Of Conduct

    +

    + The organizers of PyBay are dedicated to providing a space and program for developers interested in Python and related technologies to have a memorable weekend of fun, learning, and sharing. We value the participation of every member of our community and want all who attend to have an enjoyable and rewarding experience. +

    +

    + We ask that the participants make PyBay great by contributing positively back to the Python and open source communities; generously sharing what they know; mentoring others when the opportunity arises; and extending respect, courtesy, and compassion to other attendees, especially when opinions differ. +

    +

    + Our Code of Conduct is created in the spirit of promoting this spirit. Every attendee, speaker, exhibitor, organizer, and volunteer at any event or activity connected with the PyBay conference is expected to abide by this Code of Conduct: +

    +

    + "PyBay provides a harassment-free conference experience for everyone, regardless of gender, sexual orientation, disability, physical appearance, body size, race, or religion. We do not tolerate harassment of conference participants in any form. All communication will remain appropriate for a professional audience that includes people of many different backgrounds. We do not permit these behaviors at any time during the conference, in any conference venue: using sexual language or imagery; insulting, maligning, or harassing other attendees; or telling sexist, racist, or exclusionary jokes." +

    +

    + Conference staff will enforce this Code throughout the event and may ask anyone violating this Code to leave the conference. +

    +

    + Thank you for helping make PyBay a positive, inclusive, and appropriate experience for all who attend. +

    +
    +
    +

    Reporting

    +
    +

    + If you feel this Code of Conduct has been violated, or have other concerns, please contact a member of the PyBay conference crew. (Crew members will be wearing PyBay Shirts that say CREW on them). You can also contact at any time: +

    +

    +   Simeon Franklin, Staff
    +   Grace Law, Conference Organizer +

    +

    +

    Please see CoC reporting procedures for more details.

    +

    + Conference staff will be happy to help participants contact hotel/venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe for the duration of the conference. We value your attendance and want this to be a great experience for all! +

    +
    +
    +
    +
    +{% endblock content %} diff --git a/pybay/templates/frontend/faq.html b/pybay/templates/frontend/faq.html new file mode 100644 index 00000000..ae988ac0 --- /dev/null +++ b/pybay/templates/frontend/faq.html @@ -0,0 +1,32 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} + +{% block content %} +
    +
    +
    +
    +

    Frequently Asked Questions

    + {% for slug, title, faqs in faq_categories %} +
    + {% if faq_categories|length > 1 %} +

    {{ title }}

    + {% endif %} +
    + {% for faq in faqs %} +   {# The anchor with margin is just to get the page to scroll down a bit and not hide the title. #} +
    +

    {{ faq.title }}

    +

    + {{ faq.body | safe }} +

    +
    + {% endfor %} +
    +
    + {% endfor %} +
    +
    +
    +
    +{% endblock content %} diff --git a/pybay/templates/frontend/faq_box.html b/pybay/templates/frontend/faq_box.html new file mode 100644 index 00000000..a9c0dab8 --- /dev/null +++ b/pybay/templates/frontend/faq_box.html @@ -0,0 +1,31 @@ +{% if faqs %} +
    +
    +
    +
    +

    Frequently Asked Questions

    +
    +
    +
    + {% for faq in faqs %} +
    +
    +

    + {{ faq.title }} +

    + +

    + {{ faq.body | safe }} +

    +
    +
    + {% endfor %} +
    +
    +

    + More FAQs +

    +
    +
    +
    +{% endif %} diff --git a/pybay/templates/frontend/index.html b/pybay/templates/frontend/index.html new file mode 100644 index 00000000..57ee32bd --- /dev/null +++ b/pybay/templates/frontend/index.html @@ -0,0 +1,356 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load featured_speakers %} + +{% block headeroption %} +
    +
    + +
    +
    +{% endblock headeroption %} + +{% block content %} + + + + +
    + +
    +
    +
    +

    Why You Want to Attend PyBay

    +
    +
    +
    +
    +
    + +

    Stay on the cutting edge

    +

    + PyBay offers the most influential speakers presenting the most crucial technologies to help beginners and seasoned developers alike get up-to-date quickly. Whether you’re interested in web technologies, data, devops, Python internals, or performance, PyBay will help you stay on top of your game. And if you’re in the SF Bay Area, you’ll avoid travel costs by having the experts come to you! + +

    +
    +
    +
    +
    + +

    Advance your career

    +

    + Boost your skills with practical talks during the main conference. Dive deeper with highly respected trainers at pre-conference workshops. Reinforce your knowledge by offering a talk, lightning talk, or Open Space presentation. Connect with our sponsoring companies looking to hire. There’s no shortage of great tech jobs, but there aren’t enough skilled developers to fill them. Be one! +

    +
    +
    +
    +
    + +

    Code together, laugh together

    +

    + At PyBay you can hang out with a Python luminary, code with a new buddy, share your experience by mentoring someone at the Hacker Lounge, present your passion project at a lightning talk or Open Spaces, refresh your mind and body with yoga, laugh out loud at improv, or play some tunes under the sun. The "hallway track" was well-loved last year--let's make it even better this year! +

    +
    +
    +
    +
    +
    + + + +
    +
    +
    + {% featured_speakers %} +
    +
    +
    + + + +
    +
    + About Image +
    +
    +
    +
    +
    + 8 +

    PRE-CONFERENCE WORKSHOPS

    +
    +
    +
    +
    + 40 +

    RESPECTED SPEAKERS

    +
    + +
    +
    +
    + 4 +

    WELL CRAFTED TRACKS

    +
    + +
    +
    +
    + 500 +

    BAY AREA DEVELOPERS

    +
    +
    +
    +
    > +
    +
    +
    +
    +
    +

    Check out the highlights from PyBay 2016

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +
      +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    • + +
      • +
    +
    + Follow PyBay +
    +
    +
    + +
    + + +
    +
    + About Image +
    +
    + +
    +
    +
    +
    +

    Interested in sponsoring PyBay 2017? Get in touch

    +
    +
    +
    +
    + + {% include "frontend/faq_box.html" %} + +
    +
    + +
    +
    +
    +
    +
    + +

    Memories from PyBay 2016

    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    + + + +

    Subscribe to stay informed

    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +
    +
    +
    +
    + + + + +
    + +{% endblock content %} + +{% block scripts %} +{{ block.super }} +{% if countdown %} + + +{% endif %} +{% endblock %} diff --git a/pybay/templates/frontend/registration.html b/pybay/templates/frontend/registration.html new file mode 100644 index 00000000..d6f46029 --- /dev/null +++ b/pybay/templates/frontend/registration.html @@ -0,0 +1,211 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} + +{% block body_class %}{{ block.super }} registration-page{% endblock %} + +{% block content %} + +
    +
    +
    +
    +

    Ticket Types

    +
    +
    +
    +
    +
    + +

    Corporate Pass

    +

    + We love employers who support their employees’ continuous education. If your company sends 20% or more of your engineering team or 10 or more developers to PyBay at the corporate rate, we'll feature your company's logo among Python Supporters!

    + +
    +
    +
    +
    + +

    Individual Pass

    +

    Your employer isn’t reimbursing your attendance at PyBay?  You’re on a tight budget or between jobs?  Or you’re a student?  We've got you covered with individual passes. Make sure you get yours ASAP, as the price goes up as the allotted passes at each price tier sell out.

    + +
    +
    +
    +
    +
    +
    +
    + +

    Pre-Conference Workshop

    +

    Want to enhance your conference experience by deep diving with some of the top educators in the Python ecosystem?  Or skip the conference altogether and just attend the pre-conference workshops?  Passes for full-day and half-day workshops are available à la carte.

    + +
    +
    +
    +
    + +

    One-Day Pass

    +

    Have too much going on but still want to join in on the fun?  Come and geek out with other Pythonistas and attend some talks for just Saturday or Sunday.

    +
    +
    +
    +
    + +

    Work-Trade Pass

    +

    Want to trade your talents for a discounted pass?  We have 20 work-trade passes available during the conference, enabling you to pay only 1/3 of the lowest price. We also have pre-conference roles that grant you free entry to the conference. Check out the info for reduced or free entry while helping make PyBay a great conference!

    +
    +
    +
    +
    +
    + +
    + +
    +

    +
    +

    Tickets

    + + + + + + + + +
    +
    +
    + +{% block python-corps %} +
    +
    +
    + +

    Committed to Your Education

    +
    + +
    + + + +
    +
    + + + +
    +
    +
    +
    +
    +
    +

    These companies use Python, and support their employees' continuing education by sending at least 20% of their engineering teams to PyBay.
    Interested in listing your company here? Get in touch.

    +
    +
    +
    +
    +{% endblock python-corps %} + +{% include "frontend/faq_box.html" %} + + +
    + +
    + +
    +
    + + +
    +
    +
    +
    +

    Main Conference Venues 

    +
    +
    +
    +
    +
    + Venue +

    + + UCSF Mission Bay Conference Center
    + 1675 Owens Street, 
    + San Francisco, CA 94158 +

    +
    +
    +
    +
    + Venue +

    + + LinkedIn
    + 222 2nd St,
    + San Francisco, CA 94105 +

    +
    +
    +
    +
    +
    +

    Pre-Conference Workshop Venues 

    +
    +
    +
    +
    +
    + Venue +

    + + LinkedIn
    + 222 2nd St,
    + San Francisco, CA 94105 +

    +
    +
    +
    +
    + Venue +

    + + Galvanize
    + 44 Tehama St,
    + San Francisco, CA 94105 +

    +
    +
    +
    +
    +
    +
    + Venue +

    + + Microsoft
    + 555 California St #200, 
    + San Francisco, CA 94104 +

    +
    +
    +
    +
    + Venue +

    + + Bloomberg
    + 140 New Montgomery St. 22nd floor,
    + San Francisco, CA 94105 +

    +
    +
    +
    +
    +
    + +{% endblock content %} + +{% block subscribe %} +{% endblock subscribe %} diff --git a/pybay/templates/frontend/schedule.html b/pybay/templates/frontend/schedule.html new file mode 100644 index 00000000..b6ae7036 --- /dev/null +++ b/pybay/templates/frontend/schedule.html @@ -0,0 +1,100 @@ + +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load thumbnail %} +{% load value_from_list_or_default %} +{% load markup_tags %} + +{% block content %} +
    +
    +
    +
    +
    +

    Schedule

    +
    +
    +
    + + {% for schedule_days in schedules %} +
    +
    +
      +
    • All Talks
      • + {% for name, filter in filters %} +
    • {{ name }}
      • + {% endfor %} +
    +
    + + {% for day, slot_groups in schedule_days %} +
    +

    {{ day.date }}

    +
    + {% for time, slots, kind in slot_groups %} +
    +

    {{ time }}

    +
    + {% for slot in slots %} + {% if slot.content_override %} +
    + {{ slot.content_override_html|safe }} +
    + {% elif slot.content_ptr %} + {% with talk=slot.content_ptr %} +
    +
    + {% if talk.speaker.photo %}

    {{ talk.speaker.name }}

    {% endif %} +

    {{ talk.title }}

    +

    {{ talk.speaker.name }}

    +

    {{ talk.proposal.category|title }}

    + {% if talk.speaker.photo %}

    {{ talk.speaker.name }}

    {% endif %} +

    {{ slot.rooms|join:', ' }}

    +

    {{ slot.length_in_minutes }} mins

    +
    +
    {{ talk.description|apply_markup:"markdown" }}
    +
    + {% endwith %} + {% else %} +
    +

    {{ slot.kind.label.title }}

    +
    + {% endif %} + {% endfor %} +
    +
    + {% endfor %} +
    +
    + {% endfor %} +
    + + {% endfor %} +
    +
    +{% endblock content %} + +{% block scripts %} + + + +{% endblock %} diff --git a/pybay/templates/frontend/speakers_detail.html b/pybay/templates/frontend/speakers_detail.html new file mode 100644 index 00000000..2c40d4f9 --- /dev/null +++ b/pybay/templates/frontend/speakers_detail.html @@ -0,0 +1,72 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load thumbnail %} +{% block content %} +{% load get_speaker_url_with_fallback %} +{% load slot_desc %} +{% load markup_tags %} + +{% block body_class %}speaker-page{% endblock %} + +
    +
    +
    +
    + +
    + {{ speaker.name }} +
    +     +
    +
    +

    {{ speaker.name }}

    +
    {{ speaker.biography | apply_markup:"markdown" }}
    + Speaker home page +
    +
    +
    +
    + +{% for talk in talks %} +
    +
    +
    +
    +

    {{ talk.title }}

    + {{ talk.category | capfirst }}, {{ talk.get_audience_level_display | capfirst }} +
    + {% slot_desc talk as talk_slot %} + {% if talk.location_override %} + {{ talk.location_override }} + {% elif talk_slot %} + {{ talk_slot }} + {% endif %} +
    + +
    +
    +

    +
    +

    Description

    + {{ talk.description|apply_markup:"markdown" }} +
    +
    +

    Abstract

    + {{ talk.abstract|apply_markup:"markdown" }} +
    + {% if talk.ticket_price %} +
    + + {% if talk.sold_out %}Sold out + {% else %}Register (${{ talk.ticket_price }}) + {% endif %} + +
    + {% endif %} +
    +
    +
    +
    +{% endfor %} + +{% endblock content %} diff --git a/pybay/templates/frontend/speakers_list.html b/pybay/templates/frontend/speakers_list.html new file mode 100644 index 00000000..b583088d --- /dev/null +++ b/pybay/templates/frontend/speakers_list.html @@ -0,0 +1,29 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} +{% load thumbnail %} +{% load get_speaker_url_with_fallback %} +{% load markup_tags %} + +{% block content %} +
    +
    +
    +
    +

    All Speakers

    +
    +
    + + {% for chunk in chunks %} +
    + {% for speaker in chunk %} +
    + {{ speaker.name }} +

    {{ speaker.name }}

    + {{ speaker.biography|apply_markup:"markdown"|truncatewords_html:"40" }} +
    + {% endfor %} +
    + {% endfor %} +
    +
    +{% endblock content %} diff --git a/pybay/templates/frontend/sponsor_level_list.html b/pybay/templates/frontend/sponsor_level_list.html new file mode 100644 index 00000000..a436b511 --- /dev/null +++ b/pybay/templates/frontend/sponsor_level_list.html @@ -0,0 +1,30 @@ +{% if sponsors %} +
    + +
    +
    +
    + {% if image %}

    {{ image }}

    {% endif %} +

    {{ title }}

    +
    +
    +
    + +
    +
    + +
    +
    +
    +{% endif %} diff --git a/pybay/templates/frontend/sponsor_unit.html b/pybay/templates/frontend/sponsor_unit.html new file mode 100644 index 00000000..aa1f46ef --- /dev/null +++ b/pybay/templates/frontend/sponsor_unit.html @@ -0,0 +1,12 @@ +
    +
    +

    {{ sponsor.name }}

    +
    +
    + {% if sponsor.website_logo %} +

    + {% endif %} + {{ sponsor.annotation }} +
    +
    + diff --git a/pybay/templates/frontend/sponsors_footer.html b/pybay/templates/frontend/sponsors_footer.html new file mode 100644 index 00000000..e7059a04 --- /dev/null +++ b/pybay/templates/frontend/sponsors_footer.html @@ -0,0 +1,17 @@ +{% load thumbnail %} + +{% if sponsors %} + +{% endif %} diff --git a/pybay/templates/frontend/sponsors_list.html b/pybay/templates/frontend/sponsors_list.html new file mode 100644 index 00000000..4ce98f65 --- /dev/null +++ b/pybay/templates/frontend/sponsors_list.html @@ -0,0 +1,14 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} + +{% block content %} + + +{% endblock content %} diff --git a/pybay/templates/frontend/sponsors_prospectus.html b/pybay/templates/frontend/sponsors_prospectus.html new file mode 100644 index 00000000..201ac48b --- /dev/null +++ b/pybay/templates/frontend/sponsors_prospectus.html @@ -0,0 +1,363 @@ +{% extends 'frontend/base.html' %} +{% load staticfiles %} + +{% block body_class %}{{ block.super }} sponsor-prospectus-page{% endblock %} + +{% block content %} + + + +
    +
    +
    +
    +

    Why Sponsor?

    +
    +
    +
    +
    +
    + +

    Maximize your ROI

    +

    + If your target audience is Python developers in the San Francisco Bay Area, there is no better dev gathering to promote your company. +

    +
    +
    +
    +
    + +

    Elevate your brand

    +

    + Sponsoring companies and attendees are among the most innovative and forward-thinking in the Python ecosystem. +

    +
    +
    +
    +
    +
    +
    + +

    Get the word out

    +

    + Higher-level sponsorships offer more creative options to interact with devs to promote your product or technology or to network for your next hire. +

    +
    +
    +
    +
    + +

    Be a Community hero

    +

    + Your sponsorship dollars also support SF Python, which produces 20+ donation-based educational events a year, as well as a local charity chosen by the conference attendees. +

    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    Who attended the Inaugural PyBay?

    +
    +
    +
    +
    +

    *Data from 500+ registered guests at PyBay 2016

    +

    Participant's Skills & Interest

    +
    + +
    +
    +
    +
    +
    + +

    Participant's Background

    +
    + +
    +
    +
    +
    + +
    + +
    +
    +
    + + +
    +
    +
    +
    +

    Sponsorship Opportunities

    +
    +
    +
    +
    +
      +
    • +

      + Benefits +

      +
        +
      • 5 Minute pre-Keynote speaking slot
        • +
      • Extended exhibition time
        • +
      • Pop-up banner on main stage
        • +
      • Table at job fair/tools expo
        • +
      • 100-word description and logo on pybay.com
        • +
      • Logo on back of PyBay t-shirt
        • +
      • PyBay passes
        • +
      • Bag insert OR raffle item
        • +
      • Plus one of the following:





        • +
      +
      • +
    • +

      + Diamond +
      + $ + 20,000 +
      +

      +
        +
      • + + Pre-Keynote +
        • + +
      • + 2 Days + Exhibition Time +
        • +
      • + + Pop-up Banner +
        • +
      • + + Table at fair +
        • +
      • + + 100-word description and Logo on pybay.com +
        • +
      • + Large + Logo on PyBay Shirt +
        • +
      • + 4 + PyBay passes +
        • +
      • + 2 + Bag insert +
        • +
      • + + Lounge (+$3,000) +
        Opening Party +
        Backpack +



        +
        • +
      +
      • +
    • +

      + Gold +
      + $ + 10,000 +
      + +

      +
        +
      • + +
        • + +
      • + 1 Day + Exhibition Time +
        • +
      • + + Pop-up Banner +
        • +
      • + + Table at fair +
        • +
      • + + 100-word description and Logo on pybay.com +
        • +
      • + Large + Logo on PyBay Shirt +
        • +
      • + 3 + PyBay passes +
        • +
      • + 2 + Bag insert +
        • +
      • + Massage (+$3,000) +
        Meals +
        Snack +
        Coffee +
        Video +

        +
        • +
      +
      • +
    • +

      + Silver +
      + $ + 5,000 +
      +

      +
        +
      • + + +
        • + +
      • + +
        • +
      • + + +
        • +
      • + + Table at fair +
        • +
      • + + 100-word description and Logo on pybay.com +
        • +
      • + Medium + Logo on PyBay Shirt +
        • +
      • + 2 + PyBay passes +
        • +
      • + 1 + Bag insert +
        • +
      • +





        +
        • +
      +
      • +
    • +

      + Bronze + +
      + $ + 2,500 +
      +

      +
        +
      • + +
        • + +
      • + +
        • +
      • + +
        • +
      • + +
        • +
      • + + 100-word description and Logo on pybay.com +
        • +
      • + Small + Logo on PyBay Shirt +
        • +
      • + 1 + PyBay passes +
        • +
      • + 1 + Bag insert +
        • +
      • +





        +
        • +
      +
      • +
    +
    +
    +
    + + + + + + + +
    Add Ons:Logo on Lanyard
    $1,000    		Open Space Room
    Naming
    $1,000    		Main Talks
    Room Naming
    $2,500    		Drinks at Job Fair/ SW Tools Expo
    $6,000 Per Round    		PyBay Scholarships
    $1,800 - $6,000
    +
    +
    +
    + +{% include "frontend/faq_box.html" %} + +{% endblock content %} + +{% block subscribe %} + + +
    + +
    +
    +
    +

    Want to showcase your company at PyBay 2017?

    +
    + Tell us your budget, wish list, and questions. Let's find the best way + to show you off at the largest gathering of SF Bay Area's Python developers +
    + Email Us +
    +
    + +
    + +
    +
    + About Image +
    +
    +
    +{% endblock subscribe %} +{% block scripts %} + + + + +{% endblock scripts %} diff --git a/pybay/templates/frontend/tutorial.html b/pybay/templates/frontend/tutorial.html new file mode 100644 index 00000000..4cc94fe6 --- /dev/null +++ b/pybay/templates/frontend/tutorial.html @@ -0,0 +1,22 @@ +{% load tutorial_tags %} +{% load markup_tags %} +{% load get_speaker_url_with_fallback %} + +
    +
    +
    + +
    +

    + {{ proposal.speaker.name }} +

    +

    {{ proposal.title }}

    +
    {% tutorial_level proposal %}
    +
    {{ proposal.location_override }}
    +
    + {{ proposal.description|apply_markup:"markdown" }} + + More Information + REGISTER (${{ proposal.ticket_price }}) +
    +
    diff --git a/pybay/templates/frontend/tutorials.html b/pybay/templates/frontend/tutorials.html new file mode 100644 index 00000000..e40b8c0a --- /dev/null +++ b/pybay/templates/frontend/tutorials.html @@ -0,0 +1,41 @@ +{% load columns %} + +
    +
    + +
    +
    +

    Half-day workshops

    +
    +
    + +
    + {% for col in half|columns:2 %} +
    + {% for proposal in col %} + {% include "frontend/tutorial.html" %} + {% endfor %} +
    + {% endfor %} +
    +
    + + +
    +
    +
    +
    +

    Full-day workshops

    +
    +
    +
    + {% for col in full|columns:2 %} +
    + {% for proposal in col %} + {% include "frontend/tutorial.html" %} + {% endfor %} +
    + {% endfor %} +
    +
    +
    diff --git a/pybay/templates/pinax/boxes/_box.html b/pybay/templates/pinax/boxes/_box.html index 2e403414..62d2d919 100644 --- a/pybay/templates/pinax/boxes/_box.html +++ b/pybay/templates/pinax/boxes/_box.html @@ -15,7 +15,7 @@

    {% trans "Editing content:" %} {{ label }}

    {% markitup_editor form.content.auto_id %}
    -
    Content is processed using Markdown
    +
    Content is processed using Markdown
    Close
    diff --git a/pybay/templates/symposion/schedule/schedule_conference.html b/pybay/templates/symposion/schedule/schedule_conference.html index 37a9ab17..777a001d 100644 --- a/pybay/templates/symposion/schedule/schedule_conference.html +++ b/pybay/templates/symposion/schedule/schedule_conference.html @@ -22,7 +22,7 @@

    Conference Schedule

    {% cache 600 "schedule-table" section.schedule.section %} {% for timetable in section.days %}

    {{ section.schedule.section.name }} — {{ timetable.day.date }}

    - {% include "schedule/_grid.html" %} + {% include "symposion/schedule/_grid.html" %} {% endfor %} {% endcache %} {% endfor %} diff --git a/pybay/templatetags/__init__.py b/pybay/templatetags/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/templatetags/get_speaker_url_with_fallback.py b/pybay/templatetags/get_speaker_url_with_fallback.py new file mode 100644 index 00000000..cbfaf875 --- /dev/null +++ b/pybay/templatetags/get_speaker_url_with_fallback.py @@ -0,0 +1,17 @@ +from django.template import Library +from django.conf import settings +from django.contrib.staticfiles.templatetags.staticfiles import static +from easy_thumbnails.files import get_thumbnailer + + +register = Library() + + +@register.simple_tag +def speaker_url_with_fallback(speaker, crop_size): + if bool(speaker.photo): + return get_thumbnailer(speaker.photo).get_thumbnail( + {'size': (crop_size, crop_size), 'crop': True} + ).url + else: + return static(settings.DEFAULT_FALLBACK_IMAGE) diff --git a/pybay/templatetags/slot_desc.py b/pybay/templatetags/slot_desc.py new file mode 100644 index 00000000..e479d309 --- /dev/null +++ b/pybay/templatetags/slot_desc.py @@ -0,0 +1,27 @@ +from django.template import Library +from django.conf import settings + +from symposion.schedule.models import Presentation, Slot + +import logging + + +register = Library() +log = logging.getLogger(__name__) + + +@register.simple_tag +def slot_desc(talk): + try: + slot = talk.presentation.slot + except (Presentation.DoesNotExist, Slot.DoesNotExist): + log.error("Talk %s does not have a slot", talk.name) + slot = None + + if slot is None: + return None + + return "{} | {}-{} | {}".format( + slot.day.date.strftime("%-m/%-d/%Y"), slot.start.strftime("%-I:%M %p"), + slot.end.strftime("%-I:%M %p"), slot.rooms[0], + ) diff --git a/pybay/templatetags/sponsors_list.py b/pybay/templatetags/sponsors_list.py new file mode 100644 index 00000000..557279e0 --- /dev/null +++ b/pybay/templatetags/sponsors_list.py @@ -0,0 +1,13 @@ +from django import template + +from symposion.sponsorship.models import Sponsor + +register = template.Library() + + +@register.inclusion_tag('frontend/sponsors_footer.html', takes_context=True) +def sponsors_footer(context): + sponsors = Sponsor.objects.filter(active=True) + return { + 'sponsors': sponsors, + } diff --git a/pybay/templatetags/tutorial_tags.py b/pybay/templatetags/tutorial_tags.py new file mode 100644 index 00000000..64881d13 --- /dev/null +++ b/pybay/templatetags/tutorial_tags.py @@ -0,0 +1,31 @@ +from django import template + +from symposion.reviews.models import ProposalResult +from pybay.proposals.models import Proposal + +register = template.Library() + +def _int0(value): + try: + return int(value) + except ValueError: + return 0 + +_LEVELS = dict(Proposal.AUDIENCE_LEVELS) + + +@register.simple_tag +def tutorial_level(tutorial): + return _LEVELS[tutorial.audience_level] + + +@register.inclusion_tag('frontend/tutorials.html', takes_context=True) +def tutorials(context): + results = ProposalResult.objects.filter(status='accepted', proposal__kind__name='tutorial') + proposals = [r.proposal.tutorialproposal for r in results] + half_tutorials = [p for p in proposals if _int0(p.ticket_price) < 200] + full_tutorials = [p for p in proposals if _int0(p.ticket_price) > 200] + return { + 'half': half_tutorials, + 'full': full_tutorials, + } diff --git a/pybay/templatetags/value_from_list_or_default.py b/pybay/templatetags/value_from_list_or_default.py new file mode 100644 index 00000000..ee78f078 --- /dev/null +++ b/pybay/templatetags/value_from_list_or_default.py @@ -0,0 +1,9 @@ +from django.template import Library + + +register = Library() + + +@register.simple_tag +def value_from_list_or_default(val, allowed_values, default): + return val if val in allowed_values else default diff --git a/pybay/tests/__init__.py b/pybay/tests/__init__.py new file mode 100644 index 00000000..e69de29b diff --git a/pybay/tests/test_forms.py b/pybay/tests/test_forms.py new file mode 100644 index 00000000..fa1f91b4 --- /dev/null +++ b/pybay/tests/test_forms.py @@ -0,0 +1,70 @@ +from django.test import TestCase +from pybay.forms import CallForProposalForm + + +class CfpFormTestCase(TestCase): + fixtures = [ + "conference", + "proposal_base", + ] + + def _get_data(self): + return { + 'first_name': "Daniel", + 'last_name': "Pyrathon", + 'email': "pirosb3@gmail.com", + 'website': "woo.com", + 'phone': "+14155289519", + 'category': "fundamentals", + 'audience_level': 1, + 'speaker_bio': 'wooo', + 'talk_title': 'wooo', + 'description': 'wooo', + 'abstract': 'wooo', + 'what_will_attendees_learn': 'wooo', + 'speaker_and_talk_history': 'wooo2', + 'meetup_talk': 'Maybe', + 'links_to_past_talks': 'http://google.com', + } + + def test_cfp_form_works(self): + form = CallForProposalForm(self._get_data()) + self.assertTrue(form.is_valid()) + self.assertEqual( + len(form.cleaned_data), 15 + ) + + def test_cannot_ommit_fields(self): + all_fields = set(self._get_data().keys()) + all_fields.remove('website') + all_fields.remove('links_to_past_talks') + + for field_name in all_fields: + data = self._get_data() + del data[field_name] + + form = CallForProposalForm(data) + self.assertFalse(form.is_valid()) + self.assertIn(field_name, form.errors) + + def test_form_save_models(self): + form = CallForProposalForm(self._get_data()) + self.assertTrue(form.is_valid()) + + speaker, proposal = form.save_to_models() + self.assertEqual(speaker.name, "Daniel Pyrathon") + self.assertEqual(proposal.speaker, speaker) + self.assertEqual(proposal.speaker_and_talk_history, 'wooo2') + self.assertEqual(proposal.talk_links, 'http://google.com') + self.assertEqual(speaker.user.username, "pirosb3@gmail.com") + + def test_form_duplicate_profile(self): + form1 = CallForProposalForm(self._get_data()) + speaker1, proposal1 = form1.save_to_models() + + data = self._get_data() + data['talk_title'] = 'woo 2!' + form2 = CallForProposalForm(data) + speaker2, proposal2 = form2.save_to_models() + + self.assertEqual(speaker1, speaker2) diff --git a/pybay/tests/test_views.py b/pybay/tests/test_views.py new file mode 100644 index 00000000..db1de890 --- /dev/null +++ b/pybay/tests/test_views.py @@ -0,0 +1,78 @@ +from django.test import TestCase +from django.core.urlresolvers import reverse +from pybay.proposals.models import TalkProposal +from pybay.utils import get_accepted_speaker_by_slug +from symposion.proposals.models import ProposalKind +from symposion.speakers.models import Speaker +from symposion.proposals.models import AdditionalSpeaker +from model_mommy import mommy +from model_mommy.random_gen import gen_image_field +from symposion.reviews.models import ProposalResult + +import itertools + + +class SpeakersModelTest(TestCase): + + def test_get_slug(self): + self.speaker = mommy.make(Speaker, name="Lorem Ipsum", + photo=gen_image_field()) + self.assertEquals(self.speaker.name_slug, + "lorem-ipsum") + + def test_get_active_speaker_by_slug(self): + s1 = mommy.make(Speaker, name="Lorem Ipsum 1", + photo=gen_image_field()) + s2 = mommy.make(Speaker, name="Lorem Ipsum 2", + photo=gen_image_field()) + s3 = mommy.make(Speaker, name="Lorem Ipsum 3", + photo=gen_image_field()) + + kind = mommy.make(ProposalKind) + p2 = TalkProposal.objects.create( + title='test this title', kind=kind, + speaker=s2, audience_level=1, + ) + mommy.make(ProposalResult, proposal=p2, status='accepted') + self.assertEquals( + get_accepted_speaker_by_slug(s2.name_slug), + s2, + ) + with self.assertRaises(Speaker.DoesNotExist): + get_accepted_speaker_by_slug(s1.name_slug) + + + +class SpeakersViewTest(TestCase): + + def setUp(self): + kind = mommy.make(ProposalKind) + self.speaker = mommy.make(Speaker, photo=gen_image_field()) + self.proposal = TalkProposal.objects.create( + title='test this title', kind=kind, + speaker=self.speaker, + audience_level=1, + ) + proposal_result = mommy.make(ProposalResult, + proposal=self.proposal, + status='accepted') + + def test_returns_200(self): + response = self.client.get(reverse('pybay_speakers_list')) + self.assertEquals(response.status_code, 200) + + def test_accepted_users(self): + response = self.client.get(reverse('pybay_speakers_list')) + self.assertIn('chunks', response.context) + self.assertEquals(response.context['chunks'], [[self.speaker]]) + + def test_additional_speaker(self): + speaker2 = mommy.make(Speaker, photo=gen_image_field()) + mommy.make( + AdditionalSpeaker, + proposalbase=self.proposal, + speaker=speaker2, + status=AdditionalSpeaker.SPEAKING_STATUS_ACCEPTED) + response = self.client.get(reverse('pybay_speakers_list')) + speakers = list(itertools.chain.from_iterable(response.context['chunks'])) + self.assertCountEqual(speakers, [self.speaker, speaker2]) diff --git a/pybay/urls.py b/pybay/urls.py index 87fa6f4c..3a2244e6 100644 --- a/pybay/urls.py +++ b/pybay/urls.py @@ -1,7 +1,8 @@ from django.conf import settings -from django.conf.urls import patterns, include, url +from django.conf.urls import include, url from django.conf.urls.static import static from django.views.generic import TemplateView +from django.views.generic.base import RedirectView from django.contrib import admin @@ -11,32 +12,56 @@ from symposion.sponsorship import urls as sponsor_urls from symposion.speakers import urls as speaker_urls +from pybay import views + WIKI_SLUG = r"(([\w-]{2,})(/[\w-]{2,})*)" -urlpatterns = patterns( - "", - url(r"^$", TemplateView.as_view(template_name="homepage.html"), name="home"), - url(r"^admin/", include(admin.site.urls)), +faq_view = views.FaqTemplateView.as_view - url(r"^teams/", include(teams_urls)), - url(r"^proposals/", include(proposals_urls)), - url(r"^sponsors/", include(sponsor_urls)), - # url(r"^account/signup/$", SignupView.as_view(), name="account_signup"), - # url(r"^account/login/$", symposion.views.LoginView.as_view(), name="account_login"), - url(r"^account/", include("account.urls")), +urlpatterns = [ + url(r"^$", views.FrontpageView.as_view(faq_filter="show_on_home"), name="home"), + url(r"^cfp$", views.pybay_cfp_create, name="pybay_cfp"), + url(r'^call-for-proposals/$', RedirectView.as_view(pattern_name='pybay_cfp', permanent=False)), + url(r"^sponsors-prospectus/$", faq_view(template_name="frontend/sponsors_prospectus.html", faq_filter="show_on_sponsors"), name="pybay_sponsors"), + url(r'^sponsors/$', RedirectView.as_view(pattern_name='pybay_sponsors', permanent=False)), + url(r"^code-of-conduct$", TemplateView.as_view(template_name="frontend/code_of_conduct.html"), name="pybay_coc"), + url(r"^coc-reporting$", TemplateView.as_view(template_name="frontend/coc_reporting.html"), name="pybay_coc_reporting"), + url(r"^registration$", faq_view(template_name="frontend/registration.html", faq_filter="show_on_registration"), name="pybay_tickets"), + url(r"^faq$", views.pybay_faq_index, name="pybay_faq"), + + url(r"^admin/", include(admin.site.urls)), url(r"^dashboard/", symposion.views.dashboard, name="dashboard"), + + url(r"^account/", include("account.urls")), url(r"^speaker/", include(speaker_urls)), - # url(r"^sponsors/", include("symposion.sponsorship.urls")), - url(r"^boxes/", include("pinax.boxes.urls")), - # url(r"^teams/", include("symposion.teams.urls")), + url(r"^sponsors/", include("symposion.sponsorship.urls")), + url(r"^proposals/", include(proposals_urls)), url(r"^reviews/", include("symposion.reviews.urls")), - url(r"^schedule/", include("symposion.schedule.urls")), - url(r"^markitup/", include("markitup.urls")), + url(r"^boxes/", include("pinax.boxes.urls")), + url(r"^schedule/", views.pybay_schedule, name='pybay_schedule'), + url(r"^schedule-sym/", include("symposion.schedule.urls")), + # url(r"^account/signup/$", SignupView.as_view(), name="account_signup"), + # url(r"^account/login/$", symposion.views.LoginView.as_view(), name="account_login"), + # url(r"^teams/", include(teams_urls)), + # url(r"^teams/", include("symposion.teams.urls")), + # url(r"^markitup/", include("markitup.urls")), + url(r"^our-sponsors/$", views.pybay_sponsors_list, name="pybay_sponsors_list"), + url(r"^our-speakers/$", views.pybay_speakers_list, name="pybay_speakers_list"), + url(r"^speaker/(?P[-\w]+)/$", views.pybay_speakers_detail, name="pybay_speakers_detail"), + url(r"^api/undecided_proposals$", views.undecided_proposals, name="pybay_undecided_proposals"), + url(r"^api/proposals/(?P\d+)/$", views.proposal_detail, name="pybay_detail_proposal"), + url(r"^404$", TemplateView.as_view(template_name="404.html")), # Adding explicitly for template dev purposes # url(r"^", include("symposion.cms.urls")), -) +] urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) + +if settings.DEBUG_TOOLBAR: + import debug_toolbar + urlpatterns = [ + url(r'^__debug__/', include(debug_toolbar.urls)), + ] + urlpatterns diff --git a/pybay/utils.py b/pybay/utils.py new file mode 100644 index 00000000..483800a7 --- /dev/null +++ b/pybay/utils.py @@ -0,0 +1,19 @@ +from pybay.proposals.models import Proposal +from symposion.speakers.models import Speaker + + +def get_accepted_speaker_by_slug(speaker_slug): + """ + This function is purposely done do avoid touching Symposion + source code. Given the amount of approved speakers is not + substantial, it's better to iterate over speakers, slugify name, + and check equality, than create a new field in Symposion. + """ + approved_talks = Proposal.objects.filter( + result__status='accepted' + ).prefetch_related('speaker') + for approved_talk in approved_talks: + if approved_talk.speaker.name_slug == speaker_slug: + return approved_talk.speaker + + raise Speaker.DoesNotExist() diff --git a/pybay/views.py b/pybay/views.py new file mode 100644 index 00000000..59b8adbe --- /dev/null +++ b/pybay/views.py @@ -0,0 +1,235 @@ +import json +import itertools +import time + +from django.shortcuts import render +from django.http import (HttpResponse, HttpResponseForbidden, + HttpResponseNotFound) +from django.views.generic import TemplateView +from django.db.models import Prefetch +from django.utils import timezone + +from .forms import CallForProposalForm +from pybay.faqs.models import Faq, Category +from symposion.sponsorship.models import Sponsor +from pybay.proposals.models import TalkProposal, Proposal +from pybay.countdowns.models import Countdown +from pybay.utils import get_accepted_speaker_by_slug +from symposion.speakers.models import Speaker +from symposion.schedule.models import Schedule + +from collections import defaultdict +from django.conf import settings + +from logging import getLogger + +log = getLogger(__file__) + +cfp_close_date = settings.PROJECT_DATA['cfp_close_date'] + + +def pybay_sponsors_list(request): + active_sponsors = Sponsor.objects.filter(active=True).order_by('name') + sponsor_map = defaultdict(list) + + for sponsor in active_sponsors: + sponsor_map[sponsor.level.name].append(sponsor) + + return render(request, 'frontend/sponsors_list.html', { + "gold_sponsors": sponsor_map['Gold'], + "silver_sponsors": sponsor_map['Silver'], + "bronze_sponsors": sponsor_map['Bronze'], + "bronze_logo": "", + "gold_logo": "", + "silver_logo": "", + }) + + +def pybay_faq_index(request): + faqs = Category.objects.faqs_per_category() + return render(request, 'frontend/faq.html', {'faq_categories': faqs}) + + +class FaqTemplateView(TemplateView): + + faq_filter = None + + def get_context_data(self, **kwargs): + context = super().get_context_data(**kwargs) + filters = {} + if self.faq_filter is not None: + filters[self.faq_filter] = True + context['faqs'] = Faq.objects.filter(**filters) + return context + + +class FrontpageView(FaqTemplateView): + @classmethod + def as_view(cls, **kwargs): + return super().as_view(template_name="frontend/index.html", **kwargs) + + def get_context_data(self, **kwargs): + context = super().get_context_data(**kwargs) + countdown = Countdown.objects.filter(date__gt=timezone.now()).first() + if countdown: + context['countdown'] = countdown.context_for_template() + return context + + +def pybay_cfp_create(request): + if request.method == 'POST': + form = CallForProposalForm(request.POST) + + # Validate form + if not form.is_valid(): + return render(request, 'frontend/cfp.html', {'form': form}) + + # Create speaker and associated talk + speaker, proposal = form.save_to_models() + return render(request, 'frontend/cfp_submitted.html', { + 'speaker': speaker, + 'proposal': proposal, + }) + + else: + form = CallForProposalForm() + return render(request, 'frontend/cfp.html', + {'form': form, 'cfp_close_date': cfp_close_date}) + + +def pybay_speakers_detail(request, speaker_slug): + + # Fetch speaker + try: + speaker = get_accepted_speaker_by_slug(speaker_slug) + except Speaker.DoesNotExist: + log.error("Speaker %s does not have any approved talks or does not exist", speaker_slug) + return HttpResponseNotFound() + + # NOTE: Cannot perform reverse lookup (speaker.talk_proposals) for some reason. + speaker_approved_talks = [ + prop.talkproposal if hasattr(prop, 'talkproposal') else prop.tutorialproposal + for prop in Proposal.objects.filter(speaker=speaker) + .filter(result__status='accepted') + .prefetch_related('talkproposal', 'tutorialproposal') + ] + + return render(request, 'frontend/speakers_detail.html', + {'speaker': speaker, 'talks': speaker_approved_talks, + 'speaker_website': speaker_approved_talks[0].speaker_website}) + + +def pybay_speakers_list(request): + accepted_proposals = Proposal.objects.filter(result__status='accepted') + speakers = [] + for proposal in accepted_proposals: + speakers += list(proposal.speakers()) + + speakers = list(set(speakers)) # filters duplicate speakers + speakers = sorted(speakers, key=lambda i: i.name) # sorts alphabetically + + # Make them chunks of 2 + chunks = [] + for chunk_idx in range(0, len(speakers), 2): + chunks.append(speakers[chunk_idx:chunk_idx + 2]) + + return render(request, 'frontend/speakers_list.html', { + 'chunks': chunks + }) + + +def undecided_proposals(request): + api_token = request.GET.get('token') + if api_token != settings.PYBAY_API_TOKEN: + return HttpResponseForbidden() + + undecided_proposals = Proposal.objects.all() + result = [] + for proposal in undecided_proposals: + if proposal.status.lower() == "undecided": + result.append({'id': proposal.id}) + + return HttpResponse(json.dumps({'data': result}), content_type="application/json") + + +def proposal_detail(request, proposal_id): + + api_token = request.GET.get('token') + if api_token != settings.PYBAY_API_TOKEN: + return HttpResponseForbidden() + + proposal = TalkProposal.objects.get(id=proposal_id) + speakers_list = [] + for speaker in proposal.speakers(): + speakers_list.append({"email": speaker.email, "name": speaker.name, }) + + details = { + "id": proposal.id, + "description": proposal.description, + "abstract": proposal.abstract, + "additional_notes": proposal.additional_notes, + "title": proposal.title, + "audience_level": TalkProposal.AUDIENCE_LEVELS[proposal.audience_level-1][1], + "category": proposal.category, + "what_will_attendees_learn": proposal.what_will_attendees_learn, + # "title": proposal.talk_links, + # "title": proposal.meetup_talk, + "speaker_and_talk_history": proposal.speaker_and_talk_history, + } + + result = { + "speakers": speakers_list, + "details": details, + } + + return HttpResponse( + json.dumps({'data': result}), content_type="application/json" + ) + + +def _day_slots(day): + groupby = itertools.groupby(day.slot_set.all(), lambda slot: slot.start) + for time, grouper in groupby: + slots = sorted(grouper, key=lambda slot: slot.rooms[0].order if slot.rooms else 0) + kind = slots[0].kind if len(slots) == 1 and slots[0].content_override else '' + yield time, slots, kind + + +FILTER_CATEGORIES = [ + ("Fundamentals", ['fundamentals']), + ("Data", ['dealingwithdata']), + ("Python at Scale", ['performantpython', 'scalablepython', 'devops']), +] + +ALLOWED_CATEGORIES = [ + slug + for _, slugs in FILTER_CATEGORIES + for slug in slugs +] + +FILTER_CATEGORIES.append(('Misc', ['other'])) +FILTER_CATEGORIES.append(('Beginner-friendly', ['level-1'])) + + +def pybay_schedule(request): + if request.user.is_staff: + schedules = Schedule.objects.filter(hidden=False) + else: + schedules = Schedule.objects.filter(published=True, hidden=False) + + schedules.prefetch_related( + Prefetch('day_set__slot_set__presentation_set__proposal_base'), + ) + + schedules = [ + [(day, _day_slots(day)) for day in schedule.day_set.all()] + for schedule in schedules + ] + + ctx = { + 'schedules': schedules, + 'filters' : FILTER_CATEGORIES, + 'allowed_categories': ALLOWED_CATEGORIES, + } + + return render(request, "frontend/schedule.html", ctx) diff --git a/requirements-server.txt b/requirements-server.txt new file mode 100644 index 00000000..d1d0bec3 --- /dev/null +++ b/requirements-server.txt @@ -0,0 +1 @@ +mysqlclient==1.3.10 diff --git a/requirements.txt b/requirements.txt index ca19dd97..5f8e3b84 100644 --- a/requirements.txt +++ b/requirements.txt @@ -1,24 +1,30 @@ -Django==1.9.2 django-appconf==1.0.1 django-bootstrap-form==3.2.1 -django-jsonfield==0.9.13 +django-columns==0.1.0 +django-crispy-forms==1.6.1 +django-jsonfield==1.0.1 +django-markup==1.2 django-markitup==2.2.2 django-model-utils==2.4 +django-ordered-model==1.4.1 django-reversion==1.10.1 django-sitetree==1.5.1 django-taggit==0.18.0 -django-timezone-field==1.3 +django-timezone-field==2.0 django-timezones==0.2 django-user-accounts==2.0 +Django==1.9.2 easy-thumbnails==2.3 eventlog==0.8.0 +git+https://github.com/pybay/symposion.git#egg=symposion html5lib==0.9999999 Markdown==2.6.5 metron==1.3.5 olefile==0.44 Pillow +pinax-boxes==2.1.2 pinax-theme-bootstrap==5.6.0 pytz==2015.7 +rollbar==0.13.2 six==1.10.0 -pinax-boxes==2.1.2 -git+https://github.com/simeonf/symposion.git#egg=symposion-1.0b2.dev3 +model-mommy==1.3.2 diff --git a/runserver b/runserver new file mode 100755 index 00000000..0c4fbf1e --- /dev/null +++ b/runserver @@ -0,0 +1 @@ +PYTHONPATH=`pwd`/symposion:$PYTHONPATH python manage.py runserver diff --git a/static/css/site.css b/static/css/site.css new file mode 100644 index 00000000..3dee7a86 --- /dev/null +++ b/static/css/site.css @@ -0,0 +1,4 @@ +/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}@font-face{font-family:'Glyphicons Halflings';src:url('../new/fonts/glyphicons-halflings-regular.eot');src:url('../new/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../new/fonts/glyphicons-halflings-regular.woff') format('woff'),url('../new/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../new/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}kbd kbd{padding:0;font-size:100%;font-weight:bold;box-shadow:none}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px;line-height:1.42857143 \0}input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm{line-height:30px;line-height:1.5 \0}input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg{line-height:46px;line-height:1.33 \0}_:-ms-fullscreen,:root input[type="date"],_:-ms-fullscreen,:root input[type="time"],_:-ms-fullscreen,:root input[type="datetime-local"],_:-ms-fullscreen,:root input[type="month"]{line-height:1.42857143}_:-ms-fullscreen.input-sm,:root input[type="date"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="time"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="datetime-local"].input-sm,_:-ms-fullscreen.input-sm,:root input[type="month"].input-sm{line-height:1.5}_:-ms-fullscreen.input-lg,:root input[type="date"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="time"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="datetime-local"].input-lg,_:-ms-fullscreen.input-lg,:root input[type="month"].input-lg{line-height:1.33}.form-group{margin-bottom:15px}.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm,.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm,select.form-group-sm .form-control{height:30px;line-height:30px}textarea.input-sm,textarea.form-group-sm .form-control,select[multiple].input-sm,select[multiple].form-group-sm .form-control{height:auto}.input-lg,.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg,select.form-group-lg .form-control{height:46px;line-height:46px}textarea.input-lg,textarea.form-group-lg .form-control,select[multiple].input-lg,select[multiple].form-group-lg .form-control{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline,.has-warning.radio label,.has-warning.checkbox label,.has-warning.radio-inline label,.has-warning.checkbox-inline label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .radio label,.form-inline .checkbox label{padding-left:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default.focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success.focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#398439}.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled.focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success.focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info.focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled.focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info.focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning.focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled.focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning.focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger.focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled.focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger.focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:normal;border-radius:0}.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none;visibility:hidden}.collapse.in{display:block;visibility:visible}tr.collapse.in{display:table-row}tbody.collapse.in{display:table-row-group}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-property:height, visibility;transition-property:height, visibility;-webkit-transition-duration:.35s;transition-duration:.35s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}.btn-group-justified>.btn-group .dropdown-menu{left:auto}[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0, 0, 0, 0);pointer-events:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none;visibility:hidden}.tab-content>.active{display:block;visibility:visible}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block !important;visibility:visible !important;height:auto !important;padding-bottom:0;overflow:visible !important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}@media (max-device-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}.navbar-brand>img{display:block}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}.navbar-form .form-group:last-child{margin-bottom:0}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}}@media (min-width:768px){.navbar-left{float:left !important;float:left}.navbar-right{float:right !important;float:right;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-default .btn-link{color:#777}.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#9d9d9d}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#9d9d9d}.navbar-inverse .navbar-link:hover{color:#fff}.navbar-inverse .btn-link{color:#9d9d9d}.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.jumbotron>hr{border-top-color:#d5d5d5}.container .jumbotron,.container-fluid .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:border .2s ease-in-out;-o-transition:border .2s ease-in-out;transition:border .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:40px 40px}.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.media{margin-top:15px}.media:first-child{margin-top:0}.media-right,.media>.pull-right{padding-left:10px}.media-left,.media>.pull-left{padding-right:10px}.media-left,.media-right,.media-body{display:table-cell;vertical-align:top}.media-middle{vertical-align:middle}.media-bottom{vertical-align:bottom}.media-heading{margin-top:0;margin-bottom:5px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777;cursor:not-allowed}.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group,.panel>.panel-collapse>.list-group{margin-bottom:0}.panel>.list-group .list-group-item,.panel>.panel-collapse>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child,.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child,.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.list-group+.panel-footer{border-top-width:0}.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}.panel>.table caption,.panel>.table-responsive>.table caption,.panel>.panel-collapse>.table caption{padding-left:15px;padding-right:15px}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive,.panel>.table+.panel-body,.panel>.table-responsive+.panel-body{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse>.panel-body,.panel-group .panel-heading+.panel-collapse>.list-group{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive.embed-responsive-4by3{padding-bottom:75%}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0, -25%);-ms-transform:translate(0, -25%);-o-transform:translate(0, -25%);transform:translate(0, -25%);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{transition:transform .6s ease-in-out;backface-visibility:hidden;perspective:1000}.carousel-inner>.item.next,.carousel-inner>.item.active.right{transform:translate3d(100%, 0, 0);left:0}.carousel-inner>.item.prev,.carousel-inner>.item.active.left{transform:translate3d(-100%, 0, 0);left:0}.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right,.carousel-inner>.item.active{transform:translate3d(0, 0, 0);left:0}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:-o-linear-gradient(left, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after,.feature-columns:before,.feature-columns:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after,.feature-columns:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}/*! + * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../font-awesome/fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../font-awesome/fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../font-awesome/fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../font-awesome/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.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}@-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: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{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-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"}body{padding-top:50px}section{padding:20px 0}footer{padding-bottom:20px}.feature-columns{margin-left:-15px;margin-right:-15px}.feature-columns>div{position:relative;min-height:1px;padding-left:15px;padding-right:15px;text-align:center;margin:2em 0}.feature-columns>div i.fa{margin-bottom:.2em}@media (min-width:768px){.feature-columns>div{float:left;width:33.33333333%}} diff --git a/pybay/static/js/bootstrap.min.js b/static/js/bootstrap.min.js similarity index 100% rename from pybay/static/js/bootstrap.min.js rename to static/js/bootstrap.min.js diff --git a/static/new/css/bootstrap.css b/static/new/css/bootstrap.css new file mode 100644 index 00000000..5fe0c84b --- /dev/null +++ b/static/new/css/bootstrap.css @@ -0,0 +1,5774 @@ +/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +mark { + background: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .table td, + .table th { + background-color: #fff !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #333333; + background-color: #ffffff; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #428bca; + text-decoration: none; +} +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive, +.thumbnail > img, +.thumbnail a > img, +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 6px; +} +.img-thumbnail { + padding: 4px; + line-height: 1.42857143; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit; +} +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #999999; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 65%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 10px; + margin-bottom: 10px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 75%; +} +h1, +.h1 { + font-size: 36px; +} +h2, +.h2 { + font-size: 30px; +} +h3, +.h3 { + font-size: 24px; +} +h4, +.h4 { + font-size: 18px; +} +h5, +.h5 { + font-size: 14px; +} +h6, +.h6 { + font-size: 12px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 200; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +small, +.small { + font-size: 85%; +} +cite { + font-style: normal; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-muted { + color: #999999; +} +.text-primary { + color: #428bca; +} +a.text-primary:hover { + color: #3071a9; +} +.text-success { + color: #3c763d; +} +a.text-success:hover { + color: #2b542c; +} +.text-info { + color: #31708f; +} +a.text-info:hover { + color: #245269; +} +.text-warning { + color: #8a6d3b; +} +a.text-warning:hover { + color: #66512c; +} +.text-danger { + color: #a94442; +} +a.text-danger:hover { + color: #843534; +} +.bg-primary { + color: #fff; + background-color: #428bca; +} +a.bg-primary:hover { + background-color: #3071a9; +} +.bg-success { + background-color: #dff0d8; +} +a.bg-success:hover { + background-color: #c1e2b3; +} +.bg-info { + background-color: #d9edf7; +} +a.bg-info:hover { + background-color: #afd9ee; +} +.bg-warning { + background-color: #fcf8e3; +} +a.bg-warning:hover { + background-color: #f7ecb5; +} +.bg-danger { + background-color: #f2dede; +} +a.bg-danger:hover { + background-color: #e4b9b9; +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; +} +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +dl { + margin-top: 0; + margin-bottom: 20px; +} +dt, +dd { + line-height: 1.42857143; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eeeeee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} +blockquote:before, +blockquote:after { + content: ""; +} +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857143; +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + white-space: nowrap; + border-radius: 4px; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #ffffff; + background-color: #333333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: #f5f5f5; + border: 1px solid #cccccc; + border-radius: 4px; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +@media (min-width: 768px) { + .container { + width: 750px; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } +} +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +.row { + margin-left: -15px; + margin-right: -15px; +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666667%; +} +.col-xs-10 { + width: 83.33333333%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666667%; +} +.col-xs-7 { + width: 58.33333333%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666667%; +} +.col-xs-4 { + width: 33.33333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.66666667%; +} +.col-xs-1 { + width: 8.33333333%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666667%; +} +.col-xs-pull-10 { + right: 83.33333333%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666667%; +} +.col-xs-pull-7 { + right: 58.33333333%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666667%; +} +.col-xs-pull-4 { + right: 33.33333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.66666667%; +} +.col-xs-pull-1 { + right: 8.33333333%; +} +.col-xs-pull-0 { + right: 0%; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666667%; +} +.col-xs-push-10 { + left: 83.33333333%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666667%; +} +.col-xs-push-7 { + left: 58.33333333%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666667%; +} +.col-xs-push-4 { + left: 33.33333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.66666667%; +} +.col-xs-push-1 { + left: 8.33333333%; +} +.col-xs-push-0 { + left: 0%; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666667%; +} +.col-xs-offset-10 { + margin-left: 83.33333333%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666667%; +} +.col-xs-offset-7 { + margin-left: 58.33333333%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.66666667%; +} +.col-xs-offset-1 { + margin-left: 8.33333333%; +} +.col-xs-offset-0 { + margin-left: 0%; +} +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666667%; + } + .col-sm-pull-10 { + right: 83.33333333%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666667%; + } + .col-sm-pull-7 { + right: 58.33333333%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666667%; + } + .col-sm-pull-4 { + right: 33.33333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.66666667%; + } + .col-sm-pull-1 { + right: 8.33333333%; + } + .col-sm-pull-0 { + right: 0%; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666667%; + } + .col-sm-push-10 { + left: 83.33333333%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666667%; + } + .col-sm-push-7 { + left: 58.33333333%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666667%; + } + .col-sm-push-4 { + left: 33.33333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.66666667%; + } + .col-sm-push-1 { + left: 8.33333333%; + } + .col-sm-push-0 { + left: 0%; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666667%; + } + .col-sm-offset-10 { + margin-left: 83.33333333%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666667%; + } + .col-sm-offset-7 { + margin-left: 58.33333333%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.66666667%; + } + .col-sm-offset-1 { + margin-left: 8.33333333%; + } + .col-sm-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 992px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666667%; + } + .col-md-pull-10 { + right: 83.33333333%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666667%; + } + .col-md-pull-7 { + right: 58.33333333%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666667%; + } + .col-md-pull-4 { + right: 33.33333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.66666667%; + } + .col-md-pull-1 { + right: 8.33333333%; + } + .col-md-pull-0 { + right: 0%; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666667%; + } + .col-md-push-10 { + left: 83.33333333%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666667%; + } + .col-md-push-7 { + left: 58.33333333%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666667%; + } + .col-md-push-4 { + left: 33.33333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.66666667%; + } + .col-md-push-1 { + left: 8.33333333%; + } + .col-md-push-0 { + left: 0%; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666667%; + } + .col-md-offset-10 { + margin-left: 83.33333333%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666667%; + } + .col-md-offset-7 { + margin-left: 58.33333333%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.66666667%; + } + .col-md-offset-1 { + margin-left: 8.33333333%; + } + .col-md-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 1200px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666667%; + } + .col-lg-pull-10 { + right: 83.33333333%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666667%; + } + .col-lg-pull-7 { + right: 58.33333333%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666667%; + } + .col-lg-pull-4 { + right: 33.33333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.66666667%; + } + .col-lg-pull-1 { + right: 8.33333333%; + } + .col-lg-pull-0 { + right: 0%; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666667%; + } + .col-lg-push-10 { + left: 83.33333333%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666667%; + } + .col-lg-push-7 { + left: 58.33333333%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666667%; + } + .col-lg-push-4 { + left: 33.33333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.66666667%; + } + .col-lg-push-1 { + left: 8.33333333%; + } + .col-lg-push-0 { + left: 0%; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666667%; + } + .col-lg-offset-10 { + margin-left: 83.33333333%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666667%; + } + .col-lg-offset-7 { + margin-left: 58.33333333%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.66666667%; + } + .col-lg-offset-1 { + margin-left: 8.33333333%; + } + .col-lg-offset-0 { + margin-left: 0%; + } +} +table { + max-width: 100%; + background-color: transparent; +} +th { + text-align: left; +} +.table { + width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #dddddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #dddddd; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #dddddd; +} +.table .table { + background-color: #ffffff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #f5f5f5; +} +table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} +@media (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: scroll; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #dddddd; + -webkit-overflow-scrolling: touch; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555555; + background-color: #ffffff; + background-image: none; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.form-control::-moz-placeholder { + color: #999999; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #999999; +} +.form-control::-webkit-input-placeholder { + color: #999999; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; +} +textarea.form-control { + height: auto; +} +input[type="search"] { + -webkit-appearance: none; +} +input[type="date"] { + line-height: 34px; +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; +} +.radio label, +.checkbox label { + display: inline; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +.radio[disabled], +.radio-inline[disabled], +.checkbox[disabled], +.checkbox-inline[disabled], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"], +fieldset[disabled] .radio, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.input-lg { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-lg { + height: 46px; + line-height: 46px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 42.5px; +} +.has-feedback .form-control-feedback { + position: absolute; + top: 25px; + right: 0; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + border-color: #3c763d; + background-color: #dff0d8; +} +.has-success .form-control-feedback { + color: #3c763d; +} +.has-warning .help-block, +.has-warning .control-label, +.has-warning .radio, +.has-warning .checkbox, +.has-warning .radio-inline, +.has-warning .checkbox-inline { + color: #8a6d3b; +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + border-color: #8a6d3b; + background-color: #fcf8e3; +} +.has-warning .form-control-feedback { + color: #8a6d3b; +} +.has-error .help-block, +.has-error .control-label, +.has-error .radio, +.has-error .checkbox, +.has-error .radio-inline, +.has-error .checkbox-inline { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede; +} +.has-error .form-control-feedback { + color: #a94442; +} +.form-control-static { + margin-bottom: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .control-label, +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 27px; +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; +} +.form-horizontal .form-control-static { + padding-top: 7px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px; +} +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} +.btn:hover, +.btn:focus { + color: #333333; + text-decoration: none; +} +.btn:active, +.btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-default { + color: #333333; + background-color: #ffffff; + border-color: #cccccc; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; +} +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #ffffff; + border-color: #cccccc; +} +.btn-default .badge { + color: #ffffff; + background-color: #333333; +} +.btn-primary { + color: #ffffff; + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + color: #ffffff; + background-color: #3276b1; + border-color: #285e8e; +} +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #357ebd; +} +.btn-primary .badge { + color: #428bca; + background-color: #ffffff; +} +.btn-success { + color: #ffffff; + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + color: #ffffff; + background-color: #47a447; + border-color: #398439; +} +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #4cae4c; +} +.btn-success .badge { + color: #5cb85c; + background-color: #ffffff; +} +.btn-info { + color: #ffffff; + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + color: #ffffff; + background-color: #39b3d7; + border-color: #269abc; +} +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #46b8da; +} +.btn-info .badge { + color: #5bc0de; + background-color: #ffffff; +} +.btn-warning { + color: #ffffff; + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + color: #ffffff; + background-color: #ed9c28; + border-color: #d58512; +} +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #eea236; +} +.btn-warning .badge { + color: #f0ad4e; + background-color: #ffffff; +} +.btn-danger { + color: #ffffff; + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + color: #ffffff; + background-color: #d2322d; + border-color: #ac2925; +} +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d43f3a; +} +.btn-danger .badge { + color: #d9534f; + background-color: #ffffff; +} +.btn-link { + color: #428bca; + font-weight: normal; + cursor: pointer; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #999999; + text-decoration: none; +} +.btn-lg, +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +.btn-sm, +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-xs, +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; +} +.collapse.in { + display: block; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + transition: height 0.35s ease; +} +@font-face { + font-family: 'Glyphicons Halflings'; + src: url('../fonts/glyphicons-halflings-regular.eot'); + src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +.glyphicon-asterisk:before { + content: "\2a"; +} +.glyphicon-plus:before { + content: "\2b"; +} +.glyphicon-euro:before { + content: "\20ac"; +} +.glyphicon-minus:before { + content: "\2212"; +} +.glyphicon-cloud:before { + content: "\2601"; +} +.glyphicon-envelope:before { + content: "\2709"; +} +.glyphicon-pencil:before { + content: "\270f"; +} +.glyphicon-glass:before { + content: "\e001"; +} +.glyphicon-music:before { + content: "\e002"; +} +.glyphicon-search:before { + content: "\e003"; +} +.glyphicon-heart:before { + content: "\e005"; +} +.glyphicon-star:before { + content: "\e006"; +} +.glyphicon-star-empty:before { + content: "\e007"; +} +.glyphicon-user:before { + content: "\e008"; +} +.glyphicon-film:before { + content: "\e009"; +} +.glyphicon-th-large:before { + content: "\e010"; +} +.glyphicon-th:before { + content: "\e011"; +} +.glyphicon-th-list:before { + content: "\e012"; +} +.glyphicon-ok:before { + content: "\e013"; +} +.glyphicon-remove:before { + content: "\e014"; +} +.glyphicon-zoom-in:before { + content: "\e015"; +} +.glyphicon-zoom-out:before { + content: "\e016"; +} +.glyphicon-off:before { + content: "\e017"; +} +.glyphicon-signal:before { + content: "\e018"; +} +.glyphicon-cog:before { + content: "\e019"; +} +.glyphicon-trash:before { + content: "\e020"; +} +.glyphicon-home:before { + content: "\e021"; +} +.glyphicon-file:before { + content: "\e022"; +} +.glyphicon-time:before { + content: "\e023"; +} +.glyphicon-road:before { + content: "\e024"; +} +.glyphicon-download-alt:before { + content: "\e025"; +} +.glyphicon-download:before { + content: "\e026"; +} +.glyphicon-upload:before { + content: "\e027"; +} +.glyphicon-inbox:before { + content: "\e028"; +} +.glyphicon-play-circle:before { + content: "\e029"; +} +.glyphicon-repeat:before { + content: "\e030"; +} +.glyphicon-refresh:before { + content: "\e031"; +} +.glyphicon-list-alt:before { + content: "\e032"; +} +.glyphicon-lock:before { + content: "\e033"; +} +.glyphicon-flag:before { + content: "\e034"; +} +.glyphicon-headphones:before { + content: "\e035"; +} +.glyphicon-volume-off:before { + content: "\e036"; +} +.glyphicon-volume-down:before { + content: "\e037"; +} +.glyphicon-volume-up:before { + content: "\e038"; +} +.glyphicon-qrcode:before { + content: "\e039"; +} +.glyphicon-barcode:before { + content: "\e040"; +} +.glyphicon-tag:before { + content: "\e041"; +} +.glyphicon-tags:before { + content: "\e042"; +} +.glyphicon-book:before { + content: "\e043"; +} +.glyphicon-bookmark:before { + content: "\e044"; +} +.glyphicon-print:before { + content: "\e045"; +} +.glyphicon-camera:before { + content: "\e046"; +} +.glyphicon-font:before { + content: "\e047"; +} +.glyphicon-bold:before { + content: "\e048"; +} +.glyphicon-italic:before { + content: "\e049"; +} +.glyphicon-text-height:before { + content: "\e050"; +} +.glyphicon-text-width:before { + content: "\e051"; +} +.glyphicon-align-left:before { + content: "\e052"; +} +.glyphicon-align-center:before { + content: "\e053"; +} +.glyphicon-align-right:before { + content: "\e054"; +} +.glyphicon-align-justify:before { + content: "\e055"; +} +.glyphicon-list:before { + content: "\e056"; +} +.glyphicon-indent-left:before { + content: "\e057"; +} +.glyphicon-indent-right:before { + content: "\e058"; +} +.glyphicon-facetime-video:before { + content: "\e059"; +} +.glyphicon-picture:before { + content: "\e060"; +} +.glyphicon-map-marker:before { + content: "\e062"; +} +.glyphicon-adjust:before { + content: "\e063"; +} +.glyphicon-tint:before { + content: "\e064"; +} +.glyphicon-edit:before { + content: "\e065"; +} +.glyphicon-share:before { + content: "\e066"; +} +.glyphicon-check:before { + content: "\e067"; +} +.glyphicon-move:before { + content: "\e068"; +} +.glyphicon-step-backward:before { + content: "\e069"; +} +.glyphicon-fast-backward:before { + content: "\e070"; +} +.glyphicon-backward:before { + content: "\e071"; +} +.glyphicon-play:before { + content: "\e072"; +} +.glyphicon-pause:before { + content: "\e073"; +} +.glyphicon-stop:before { + content: "\e074"; +} +.glyphicon-forward:before { + content: "\e075"; +} +.glyphicon-fast-forward:before { + content: "\e076"; +} +.glyphicon-step-forward:before { + content: "\e077"; +} +.glyphicon-eject:before { + content: "\e078"; +} +.glyphicon-chevron-left:before { + content: "\e079"; +} +.glyphicon-chevron-right:before { + content: "\e080"; +} +.glyphicon-plus-sign:before { + content: "\e081"; +} +.glyphicon-minus-sign:before { + content: "\e082"; +} +.glyphicon-remove-sign:before { + content: "\e083"; +} +.glyphicon-ok-sign:before { + content: "\e084"; +} +.glyphicon-question-sign:before { + content: "\e085"; +} +.glyphicon-info-sign:before { + content: "\e086"; +} +.glyphicon-screenshot:before { + content: "\e087"; +} +.glyphicon-remove-circle:before { + content: "\e088"; +} +.glyphicon-ok-circle:before { + content: "\e089"; +} +.glyphicon-ban-circle:before { + content: "\e090"; +} +.glyphicon-arrow-left:before { + content: "\e091"; +} +.glyphicon-arrow-right:before { + content: "\e092"; +} +.glyphicon-arrow-up:before { + content: "\e093"; +} +.glyphicon-arrow-down:before { + content: "\e094"; +} +.glyphicon-share-alt:before { + content: "\e095"; +} +.glyphicon-resize-full:before { + content: "\e096"; +} +.glyphicon-resize-small:before { + content: "\e097"; +} +.glyphicon-exclamation-sign:before { + content: "\e101"; +} +.glyphicon-gift:before { + content: "\e102"; +} +.glyphicon-leaf:before { + content: "\e103"; +} +.glyphicon-fire:before { + content: "\e104"; +} +.glyphicon-eye-open:before { + content: "\e105"; +} +.glyphicon-eye-close:before { + content: "\e106"; +} +.glyphicon-warning-sign:before { + content: "\e107"; +} +.glyphicon-plane:before { + content: "\e108"; +} +.glyphicon-calendar:before { + content: "\e109"; +} +.glyphicon-random:before { + content: "\e110"; +} +.glyphicon-comment:before { + content: "\e111"; +} +.glyphicon-magnet:before { + content: "\e112"; +} +.glyphicon-chevron-up:before { + content: "\e113"; +} +.glyphicon-chevron-down:before { + content: "\e114"; +} +.glyphicon-retweet:before { + content: "\e115"; +} +.glyphicon-shopping-cart:before { + content: "\e116"; +} +.glyphicon-folder-close:before { + content: "\e117"; +} +.glyphicon-folder-open:before { + content: "\e118"; +} +.glyphicon-resize-vertical:before { + content: "\e119"; +} +.glyphicon-resize-horizontal:before { + content: "\e120"; +} +.glyphicon-hdd:before { + content: "\e121"; +} +.glyphicon-bullhorn:before { + content: "\e122"; +} +.glyphicon-bell:before { + content: "\e123"; +} +.glyphicon-certificate:before { + content: "\e124"; +} +.glyphicon-thumbs-up:before { + content: "\e125"; +} +.glyphicon-thumbs-down:before { + content: "\e126"; +} +.glyphicon-hand-right:before { + content: "\e127"; +} +.glyphicon-hand-left:before { + content: "\e128"; +} +.glyphicon-hand-up:before { + content: "\e129"; +} +.glyphicon-hand-down:before { + content: "\e130"; +} +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} +.glyphicon-globe:before { + content: "\e135"; +} +.glyphicon-wrench:before { + content: "\e136"; +} +.glyphicon-tasks:before { + content: "\e137"; +} +.glyphicon-filter:before { + content: "\e138"; +} +.glyphicon-briefcase:before { + content: "\e139"; +} +.glyphicon-fullscreen:before { + content: "\e140"; +} +.glyphicon-dashboard:before { + content: "\e141"; +} +.glyphicon-paperclip:before { + content: "\e142"; +} +.glyphicon-heart-empty:before { + content: "\e143"; +} +.glyphicon-link:before { + content: "\e144"; +} +.glyphicon-phone:before { + content: "\e145"; +} +.glyphicon-pushpin:before { + content: "\e146"; +} +.glyphicon-usd:before { + content: "\e148"; +} +.glyphicon-gbp:before { + content: "\e149"; +} +.glyphicon-sort:before { + content: "\e150"; +} +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} +.glyphicon-sort-by-order:before { + content: "\e153"; +} +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} +.glyphicon-unchecked:before { + content: "\e157"; +} +.glyphicon-expand:before { + content: "\e158"; +} +.glyphicon-collapse-down:before { + content: "\e159"; +} +.glyphicon-collapse-up:before { + content: "\e160"; +} +.glyphicon-log-in:before { + content: "\e161"; +} +.glyphicon-flash:before { + content: "\e162"; +} +.glyphicon-log-out:before { + content: "\e163"; +} +.glyphicon-new-window:before { + content: "\e164"; +} +.glyphicon-record:before { + content: "\e165"; +} +.glyphicon-save:before { + content: "\e166"; +} +.glyphicon-open:before { + content: "\e167"; +} +.glyphicon-saved:before { + content: "\e168"; +} +.glyphicon-import:before { + content: "\e169"; +} +.glyphicon-export:before { + content: "\e170"; +} +.glyphicon-send:before { + content: "\e171"; +} +.glyphicon-floppy-disk:before { + content: "\e172"; +} +.glyphicon-floppy-saved:before { + content: "\e173"; +} +.glyphicon-floppy-remove:before { + content: "\e174"; +} +.glyphicon-floppy-save:before { + content: "\e175"; +} +.glyphicon-floppy-open:before { + content: "\e176"; +} +.glyphicon-credit-card:before { + content: "\e177"; +} +.glyphicon-transfer:before { + content: "\e178"; +} +.glyphicon-cutlery:before { + content: "\e179"; +} +.glyphicon-header:before { + content: "\e180"; +} +.glyphicon-compressed:before { + content: "\e181"; +} +.glyphicon-earphone:before { + content: "\e182"; +} +.glyphicon-phone-alt:before { + content: "\e183"; +} +.glyphicon-tower:before { + content: "\e184"; +} +.glyphicon-stats:before { + content: "\e185"; +} +.glyphicon-sd-video:before { + content: "\e186"; +} +.glyphicon-hd-video:before { + content: "\e187"; +} +.glyphicon-subtitles:before { + content: "\e188"; +} +.glyphicon-sound-stereo:before { + content: "\e189"; +} +.glyphicon-sound-dolby:before { + content: "\e190"; +} +.glyphicon-sound-5-1:before { + content: "\e191"; +} +.glyphicon-sound-6-1:before { + content: "\e192"; +} +.glyphicon-sound-7-1:before { + content: "\e193"; +} +.glyphicon-copyright-mark:before { + content: "\e194"; +} +.glyphicon-registration-mark:before { + content: "\e195"; +} +.glyphicon-cloud-download:before { + content: "\e197"; +} +.glyphicon-cloud-upload:before { + content: "\e198"; +} +.glyphicon-tree-conifer:before { + content: "\e199"; +} +.glyphicon-tree-deciduous:before { + content: "\e200"; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.dropdown { + position: relative; +} +.dropdown-toggle:focus { + outline: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + text-decoration: none; + color: #262626; + background-color: #f5f5f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + background-color: #428bca; +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + left: auto; + right: 0; +} +.dropdown-menu-left { + left: 0; + right: auto; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #999999; +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + left: auto; + right: 0; + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: none; +} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; +} +.btn-toolbar { + margin-left: -5px; +} +.btn-toolbar .btn-group, +.btn-toolbar .input-group { + float: left; +} +.btn-toolbar > .btn, +.btn-toolbar > .btn-group, +.btn-toolbar > .input-group { + margin-left: 5px; +} +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group, +.btn-group-vertical > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; +} +.btn-group-vertical > .btn-group > .btn { + float: none; +} +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; +} +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 4px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, +.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 46px; + line-height: 46px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555555; + text-align: center; + background-color: #eeeeee; + border: 1px solid #cccccc; + border-radius: 4px; +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; +} +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 18px; + border-radius: 6px; +} +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; +} +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.input-group-addon:last-child { + border-left: 0; +} +.input-group-btn { + position: relative; + font-size: 0; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; +} +.input-group-btn > .btn + .btn { + margin-left: -1px; +} +.input-group-btn > .btn:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + z-index: 2; +} +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group { + margin-right: -1px; +} +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group { + margin-left: -1px; +} +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: #428bca; +} +.nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #dddddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid #dddddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 4px; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: #428bca; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 4px; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 4px 4px 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 20px; + border: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 4px; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + max-height: 340px; + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 15px 15px; + font-size: 18px; + line-height: 20px; + height: 50px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 8px; + margin-bottom: 8px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; +} +.navbar-toggle:focus { + outline: none; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 7.5px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 8px; + margin-bottom: 8px; +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .input-group > .form-control { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 8px; + margin-bottom: 8px; +} +.navbar-btn.btn-sm { + margin-top: 10px; + margin-bottom: 10px; +} +.navbar-btn.btn-xs { + margin-top: 14px; + margin-bottom: 14px; +} +.navbar-text { + margin-top: 15px; + margin-bottom: 15px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7; +} +.navbar-default .navbar-brand { + color: #777777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #777777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555555; + background-color: #e7e7e7; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #dddddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e7e7e7; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: #e7e7e7; + color: #555555; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555555; + background-color: #e7e7e7; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777777; +} +.navbar-default .navbar-link:hover { + color: #333333; +} +.navbar-inverse { + background-color: #222222; + border-color: #080808; +} +.navbar-inverse .navbar-brand { + color: #999999; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: #ffffff; + background-color: transparent; +} +.navbar-inverse .navbar-text { + color: #999999; +} +.navbar-inverse .navbar-nav > li > a { + color: #999999; +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: #ffffff; + background-color: #080808; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444444; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: #333333; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333333; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #ffffff; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + background-color: #080808; + color: #ffffff; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: #999999; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: #ffffff; + background-color: transparent; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #ffffff; + background-color: #080808; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #444444; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: #999999; +} +.navbar-inverse .navbar-link:hover { + color: #ffffff; +} +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + content: "/\00a0"; + padding: 0 5px; + color: #cccccc; +} +.breadcrumb > .active { + color: #999999; +} +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 4px; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: #428bca; + background-color: #ffffff; + border: 1px solid #dddddd; + margin-left: -1px; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: #2a6496; + background-color: #eeeeee; + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: #428bca; + border-color: #428bca; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; + cursor: not-allowed; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px; +} +.pager { + padding-left: 0; + margin: 20px 0; + list-style: none; + text-align: center; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + cursor: not-allowed; +} +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #ffffff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +.label[href]:hover, +.label[href]:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +.label-default { + background-color: #999999; +} +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #808080; +} +.label-primary { + background-color: #428bca; +} +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #3071a9; +} +.label-success { + background-color: #5cb85c; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #449d44; +} +.label-info { + background-color: #5bc0de; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #31b0d5; +} +.label-warning { + background-color: #f0ad4e; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #ec971f; +} +.label-danger { + background-color: #d9534f; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #c9302c; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #ffffff; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #999999; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #428bca; + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: inherit; + background-color: #eeeeee; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; +} +.container .jumbotron { + border-radius: 6px; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 63px; + } +} +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.42857143; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + margin-left: auto; + margin-right: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #428bca; +} +.thumbnail .caption { + padding: 9px; + color: #333333; +} +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 4px; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert-dismissable { + padding-right: 35px; +} +.alert-dismissable .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #3c763d; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #2b542c; +} +.alert-info { + background-color: #d9edf7; + border-color: #bce8f1; + color: #31708f; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #245269; +} +.alert-warning { + background-color: #fcf8e3; + border-color: #faebcc; + color: #8a6d3b; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #66512c; +} +.alert-danger { + background-color: #f2dede; + border-color: #ebccd1; + color: #a94442; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #843534; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #ffffff; + text-align: center; + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-success { + background-color: #5cb85c; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #5bc0de; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #f0ad4e; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-danger { + background-color: #d9534f; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.media, +.media-body { + overflow: hidden; + zoom: 1; +} +.media, +.media .media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media-object { + display: block; +} +.media-heading { + margin: 0 0 5px; +} +.media > .pull-left { + margin-right: 10px; +} +.media > .pull-right { + margin-left: 10px; +} +.media-list { + padding-left: 0; + list-style: none; +} +.list-group { + margin-bottom: 20px; + padding-left: 0; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #ffffff; + border: 1px solid #dddddd; +} +.list-group-item:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +a.list-group-item { + color: #555555; +} +a.list-group-item .list-group-item-heading { + color: #333333; +} +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: #f5f5f5; +} +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + z-index: 2; + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} +a.list-group-item.active .list-group-item-heading, +a.list-group-item.active:hover .list-group-item-heading, +a.list-group-item.active:focus .list-group-item-heading { + color: inherit; +} +a.list-group-item.active .list-group-item-text, +a.list-group-item.active:hover .list-group-item-text, +a.list-group-item.active:focus .list-group-item-text { + color: #e1edf7; +} +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; +} +a.list-group-item-success { + color: #3c763d; +} +a.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, +a.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6; +} +a.list-group-item-success.active, +a.list-group-item-success.active:hover, +a.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; +} +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} +a.list-group-item-info { + color: #31708f; +} +a.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, +a.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3; +} +a.list-group-item-info.active, +a.list-group-item-info.active:hover, +a.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; +} +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; +} +a.list-group-item-warning { + color: #8a6d3b; +} +a.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, +a.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc; +} +a.list-group-item-warning.active, +a.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; +} +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; +} +a.list-group-item-danger { + color: #a94442; +} +a.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, +a.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc; +} +a.list-group-item-danger.active, +a.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.panel-body { + padding: 15px; +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; +} +.panel-title > a { + color: inherit; +} +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #dddddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table { + margin-bottom: 0; +} +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: 3px; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: 3px; +} +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: 3px; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: 3px; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive { + border-top: 1px solid #dddddd; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} +.panel > .table-responsive { + border: 0; + margin-bottom: 0; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 4px; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #dddddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #dddddd; +} +.panel-default { + border-color: #dddddd; +} +.panel-default > .panel-heading { + color: #333333; + background-color: #f5f5f5; + border-color: #dddddd; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top-color: #dddddd; +} +.panel-default > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #dddddd; +} +.panel-primary { + border-color: #428bca; +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} +.panel-primary > .panel-heading + .panel-collapse .panel-body { + border-top-color: #428bca; +} +.panel-primary > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #428bca; +} +.panel-success { + border-color: #d6e9c6; +} +.panel-success > .panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-success > .panel-heading + .panel-collapse .panel-body { + border-top-color: #d6e9c6; +} +.panel-success > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #d6e9c6; +} +.panel-info { + border-color: #bce8f1; +} +.panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.panel-info > .panel-heading + .panel-collapse .panel-body { + border-top-color: #bce8f1; +} +.panel-info > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #bce8f1; +} +.panel-warning { + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #faebcc; +} +.panel-danger { + border-color: #ebccd1; +} +.panel-danger > .panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.panel-danger > .panel-heading + .panel-collapse .panel-body { + border-top-color: #ebccd1; +} +.panel-danger > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #ebccd1; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-lg { + padding: 24px; + border-radius: 6px; +} +.well-sm { + padding: 9px; + border-radius: 3px; +} +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, +.close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +.modal-open { + overflow: hidden; +} +.modal { + display: none; + overflow: auto; + overflow-y: scroll; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} +.modal-content { + position: relative; + background-color: #ffffff; + border: 1px solid #999999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + outline: none; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); +} +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.42857143px; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.42857143; +} +.modal-body { + position: relative; + padding: 20px; +} +.modal-footer { + margin-top: 15px; + padding: 19px 20px 20px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + .modal-sm { + width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + border-radius: 4px; +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover > .arrow, +.popover > .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover > .arrow { + border-width: 11px; +} +.popover > .arrow:after { + border-width: 10px; + content: ""; +} +.popover.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; +} +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; +} +.popover.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; +} +.popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left > .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + line-height: 1; +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: #ffffff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); +} +.carousel-control.right { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); +} +.carousel-control:hover, +.carousel-control:focus { + outline: none; + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #ffffff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #ffffff; +} +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +.clearfix:before, +.clearfix:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + content: " "; + display: table; +} +.clearfix:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +@media print { + .hidden-print { + display: none !important; + } +} diff --git a/static/new/css/bootstrap.min.css b/static/new/css/bootstrap.min.css new file mode 100644 index 00000000..c19d43c5 --- /dev/null +++ b/static/new/css/bootstrap.min.css @@ -0,0 +1 @@ +/*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:focus,a:hover{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#999}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}.small,small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999}.text-primary{color:#428bca}a.text-primary:hover{color:#3071a9}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#428bca}a.bg-primary:hover{background-color:#3071a9}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ol,ul{margin-top:0;margin-bottom:10px}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dd,dt{line-height:1.42857143}dt{font-weight:700}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#999}blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse .small:before,.blockquote-reverse footer:before,.blockquote-reverse small:before,blockquote.pull-right .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before{content:''}.blockquote-reverse .small:after,.blockquote-reverse footer:after,.blockquote-reverse small:after,blockquote.pull-right .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after{content:'\00A0 \2014'}blockquote:after,blockquote:before{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:4px}kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:5px}.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid #ddd}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*=col-]{position:static;float:none;display:table-column}table td[class*=col-],table th[class*=col-]{position:static;float:none;display:table-cell}.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active{background-color:#f5f5f5}.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success{background-color:#dff0d8}.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info{background-color:#d9edf7}.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning{background-color:#fcf8e3}.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger{background-color:#f2dede}.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}fieldset{padding:0;margin:0;border:0;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:700}input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type=checkbox],input[type=radio]{margin:4px 0 0;line-height:normal}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}textarea.form-control{height:auto}input[type=search]{-webkit-appearance:none}input[type=date]{line-height:34px}.form-group{margin-bottom:15px}.checkbox,.radio{display:block;min-height:20px;margin-top:10px;margin-bottom:10px;padding-left:20px}.checkbox label,.radio label{display:inline;font-weight:400;cursor:pointer}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{float:left;margin-left:-20px}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:400;cursor:pointer}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-top:0;margin-left:10px}.checkbox-inline[disabled],.checkbox[disabled],.radio-inline[disabled],.radio[disabled],fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox][disabled],input[type=radio][disabled]{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.has-feedback .form-control-feedback{position:absolute;top:25px;right:0;display:block;width:34px;height:34px;line-height:34px;text-align:center}.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}.has-error .form-control-feedback{color:#a94442}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .radio-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn.active:focus,.btn:active:focus,.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:focus,.btn:hover{color:#333;text-decoration:none}.btn.active,.btn:active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default.active,.btn-default:active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#333}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary.active,.btn-primary:active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success.active,.btn-success:active,.btn-success:focus,.btn-success:hover,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success.active,.btn-success:active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success.disabled.active,.btn-success.disabled:active,.btn-success.disabled:focus,.btn-success.disabled:hover,.btn-success[disabled],.btn-success[disabled].active,.btn-success[disabled]:active,.btn-success[disabled]:focus,.btn-success[disabled]:hover,fieldset[disabled] .btn-success,fieldset[disabled] .btn-success.active,fieldset[disabled] .btn-success:active,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success:hover{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info.active,.btn-info:active,.btn-info:focus,.btn-info:hover,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info.active,.btn-info:active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info.disabled.active,.btn-info.disabled:active,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled],.btn-info[disabled].active,.btn-info[disabled]:active,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info,fieldset[disabled] .btn-info.active,fieldset[disabled] .btn-info:active,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning.active,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning.active,.btn-warning:active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger.active,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger.active,.btn-danger:active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-link{color:#428bca;font-weight:400;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent}.btn-link:focus,.btn-link:hover{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:focus,.btn-link[disabled]:hover,fieldset[disabled] .btn-link:focus,fieldset[disabled] .btn-link:hover{color:#999;text-decoration:none}.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group-sm>.btn,.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-xs>.btn,.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-left:0;padding-right:0}.btn-block+.btn-block{margin-top:5px}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#999}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}.btn-group-vertical>.btn:focus,.btn-group>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle=buttons]>.btn>input[type=checkbox],[data-toggle=buttons]>.btn>input[type=radio]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*=col-]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group .form-control:not(:first-child):not(:last-child),.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:400;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:4px}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}.navbar-collapse.in{overflow-y:auto}@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-left:0;padding-right:0}}.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media (min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-bottom,.navbar-fixed-top{position:fixed;right:0;left:0;z-index:1030}@media (min-width:768px){.navbar-fixed-bottom,.navbar-fixed-top{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px;font-size:18px;line-height:20px;height:50px}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}.navbar-toggle:focus{outline:0}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media (min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}@media (min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);margin-top:8px;margin-bottom:8px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}.navbar-text{margin-top:15px;margin-bottom:15px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:hover{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-nav>li>a,.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:focus,.navbar-default .navbar-nav>.disabled>a:hover{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#888}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{background-color:#e7e7e7;color:#555}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>li>a,.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{background-color:#080808;color:#fff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#999;background-color:#fff;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:focus,.label[href]:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:focus,.label-default[href]:hover{background-color:gray}.label-primary{background-color:#428bca}.label-primary[href]:focus,.label-primary[href]:hover{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer}.nav-pills>.active>a>.badge,a.list-group-item.active>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}.jumbotron .h1,.jumbotron h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail a>img,.thumbnail>img{margin-left:auto;margin-right:auto}a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15)25%,transparent 25%,transparent 50%,rgba(255,255,255,.15)50%,rgba(255,255,255,.15)75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:focus,a.list-group-item:hover{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:focus,a.list-group-item.active:hover{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:focus .list-group-item-text,a.list-group-item.active:hover .list-group-item-text{color:#e1edf7}.list-group-item-success{color:#3c763d;background-color:#dff0d8}a.list-group-item-success{color:#3c763d}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:focus,a.list-group-item-success:hover{color:#3c763d;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:focus,a.list-group-item-success.active:hover{color:#fff;background-color:#3c763d;border-color:#3c763d}.list-group-item-info{color:#31708f;background-color:#d9edf7}a.list-group-item-info{color:#31708f}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:focus,a.list-group-item-info:hover{color:#31708f;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:focus,a.list-group-item-info.active:hover{color:#fff;background-color:#31708f;border-color:#31708f}.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}a.list-group-item-warning{color:#8a6d3b}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:focus,a.list-group-item-warning:hover{color:#8a6d3b;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:focus,a.list-group-item-warning.active:hover{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}.list-group-item-danger{color:#a94442;background-color:#f2dede}a.list-group-item-danger{color:#a94442}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:focus,a.list-group-item-danger:hover{color:#a94442;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:focus,a.list-group-item-danger.active:hover{color:#fff;background-color:#a94442;border-color:#a94442}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table-responsive:first-child>.table:first-child,.panel>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius:3px}.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius:3px}.panel>.table-responsive:last-child>.table:last-child,.panel>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child>tr:first-child td,.panel>.table>tbody:first-child>tr:first-child th{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:20px}.panel-group .panel{margin-bottom:0;border-radius:4px;overflow:hidden}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.43px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;font-weight:400;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.left{background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.5)0),color-stop(rgba(0,0,0,.0001)100%));background-image:linear-gradient(to right,rgba(0,0,0,.5)0,rgba(0,0,0,.0001)100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,.0001)0),color-stop(rgba(0,0,0,.5)100%));background-image:linear-gradient(to right,rgba(0,0,0,.0001)0,rgba(0,0,0,.5)100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}.carousel-control:focus,.carousel-control:hover{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{content:" ";display:table}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-print,.visible-sm,.visible-xs{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}@media print{.hidden-print{display:none!important}} \ No newline at end of file diff --git a/static/new/css/elegant-icons.min.css b/static/new/css/elegant-icons.min.css new file mode 100644 index 00000000..25ab8664 --- /dev/null +++ b/static/new/css/elegant-icons.min.css @@ -0,0 +1 @@ +@font-face{font-family:ElegantIcons;src:url(../fonts/ElegantIcons.eot);src:url(../fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'),url(../fonts/ElegantIcons.woff) format('woff'),url(../fonts/ElegantIcons.ttf) format('truetype'),url(../fonts/ElegantIcons.svg#ElegantIcons) format('svg');font-weight:400;font-style:normal}[data-icon]:before{font-family:ElegantIcons;content:attr(data-icon);speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.arrow-up-down,.arrow_back,.arrow_carrot-2down,.arrow_carrot-2down_alt2,.arrow_carrot-2dwnn_alt,.arrow_carrot-2left,.arrow_carrot-2left_alt,.arrow_carrot-2left_alt2,.arrow_carrot-2right,.arrow_carrot-2right_alt,.arrow_carrot-2right_alt2,.arrow_carrot-2up,.arrow_carrot-2up_alt,.arrow_carrot-2up_alt2,.arrow_carrot-down,.arrow_carrot-down_alt,.arrow_carrot-down_alt2,.arrow_carrot-left,.arrow_carrot-left_alt,.arrow_carrot-left_alt2,.arrow_carrot-right,.arrow_carrot-right_alt,.arrow_carrot-right_alt2,.arrow_carrot-up,.arrow_carrot-up_alt2,.arrow_carrot_up_alt,.arrow_condense,.arrow_condense_alt,.arrow_down,.arrow_down_alt,.arrow_expand,.arrow_expand_alt,.arrow_expand_alt2,.arrow_expand_alt3,.arrow_left,.arrow_left-down,.arrow_left-down_alt,.arrow_left-right,.arrow_left-right_alt,.arrow_left-up,.arrow_left-up_alt,.arrow_left_alt,.arrow_move,.arrow_right,.arrow_right-down,.arrow_right-down_alt,.arrow_right-up,.arrow_right-up_alt,.arrow_right_alt,.arrow_triangle-down,.arrow_triangle-down_alt,.arrow_triangle-down_alt2,.arrow_triangle-left,.arrow_triangle-left_alt,.arrow_triangle-left_alt2,.arrow_triangle-right,.arrow_triangle-right_alt,.arrow_triangle-right_alt2,.arrow_triangle-up,.arrow_triangle-up_alt,.arrow_triangle-up_alt2,.arrow_up,.arrow_up-down_alt,.arrow_up_alt,.icon_adjust-horiz,.icon_adjust-vert,.icon_archive,.icon_archive_alt,.icon_bag,.icon_bag_alt,.icon_balance,.icon_blocked,.icon_book,.icon_book_alt,.icon_box-checked,.icon_box-empty,.icon_box-selected,.icon_briefcase,.icon_briefcase_alt,.icon_building,.icon_building_alt,.icon_calculator_alt,.icon_calendar,.icon_calulator,.icon_camera,.icon_camera_alt,.icon_cart,.icon_cart_alt,.icon_chat,.icon_chat_alt,.icon_check,.icon_check_alt,.icon_check_alt2,.icon_circle-empty,.icon_circle-slelected,.icon_clipboard,.icon_clock,.icon_clock_alt,.icon_close,.icon_close_alt,.icon_close_alt2,.icon_cloud,.icon_cloud-download,.icon_cloud-download_alt,.icon_cloud-upload,.icon_cloud-upload_alt,.icon_cloud_alt,.icon_cog,.icon_cogs,.icon_comment,.icon_comment_alt,.icon_compass,.icon_compass_alt,.icon_cone,.icon_cone_alt,.icon_contacts,.icon_contacts_alt,.icon_creditcard,.icon_currency,.icon_currency_alt,.icon_cursor,.icon_cursor_alt,.icon_datareport,.icon_datareport_alt,.icon_desktop,.icon_dislike,.icon_dislike_alt,.icon_document,.icon_document_alt,.icon_documents,.icon_documents_alt,.icon_download,.icon_drawer,.icon_drawer_alt,.icon_drive,.icon_drive_alt,.icon_easel,.icon_easel_alt,.icon_error-circle,.icon_error-circle_alt,.icon_error-oct,.icon_error-oct_alt,.icon_error-triangle,.icon_error-triangle_alt,.icon_film,.icon_floppy,.icon_floppy_alt,.icon_flowchart,.icon_flowchart_alt,.icon_folder,.icon_folder-add,.icon_folder-add_alt,.icon_folder-alt,.icon_folder-open,.icon_folder-open_alt,.icon_folder_download,.icon_folder_upload,.icon_genius,.icon_gift,.icon_gift_alt,.icon_globe,.icon_globe-2,.icon_globe_alt,.icon_grid-2x2,.icon_grid-3x3,.icon_group,.icon_headphones,.icon_heart,.icon_heart_alt,.icon_hourglass,.icon_house,.icon_house_alt,.icon_id,.icon_id-2,.icon_id-2_alt,.icon_id_alt,.icon_image,.icon_images,.icon_info,.icon_info_alt,.icon_key,.icon_key_alt,.icon_laptop,.icon_lifesaver,.icon_lightbulb,.icon_lightbulb_alt,.icon_like,.icon_like_alt,.icon_link,.icon_link_alt,.icon_loading,.icon_lock,.icon_lock-open,.icon_lock-open_alt,.icon_lock_alt,.icon_mail,.icon_mail_alt,.icon_map,.icon_map_alt,.icon_menu,.icon_menu-circle_alt,.icon_menu-circle_alt2,.icon_menu-square_alt,.icon_menu-square_alt2,.icon_mic,.icon_mic_alt,.icon_minus-06,.icon_minus-box,.icon_minus_alt,.icon_minus_alt2,.icon_mobile,.icon_mug,.icon_mug_alt,.icon_music,.icon_ol,.icon_paperclip,.icon_pause,.icon_pause_alt,.icon_pause_alt2,.icon_pencil,.icon_pencil-edit,.icon_pencil-edit_alt,.icon_pencil_alt,.icon_pens,.icon_pens_alt,.icon_percent,.icon_percent_alt,.icon_phone,.icon_piechart,.icon_pin,.icon_pin_alt,.icon_plus,.icon_plus-box,.icon_plus_alt,.icon_plus_alt2,.icon_printer,.icon_printer-alt,.icon_profile,.icon_pushpin,.icon_pushpin_alt,.icon_puzzle,.icon_puzzle_alt,.icon_question,.icon_question_alt,.icon_question_alt2,.icon_quotations,.icon_quotations_alt,.icon_quotations_alt2,.icon_refresh,.icon_ribbon,.icon_ribbon_alt,.icon_rook,.icon_search,.icon_search-2,.icon_search_alt,.icon_shield,.icon_shield_alt,.icon_star,.icon_star-half,.icon_star-half_alt,.icon_star_alt,.icon_stop,.icon_stop_alt,.icon_stop_alt2,.icon_table,.icon_tablet,.icon_tag,.icon_tag_alt,.icon_tags,.icon_tags_alt,.icon_target,.icon_tool,.icon_toolbox,.icon_toolbox_alt,.icon_tools,.icon_trash,.icon_trash_alt,.icon_ul,.icon_upload,.icon_vol-mute,.icon_vol-mute_alt,.icon_volume-high,.icon_volume-high_alt,.icon_volume-low,.icon_volume-low_alt,.icon_wallet,.icon_wallet_alt,.icon_zoom-in,.icon_zoom-in_alt,.icon_zoom-out,.icon_zoom-out_alt,.social_blogger,.social_blogger_circle,.social_blogger_square,.social_delicious,.social_delicious_circle,.social_delicious_square,.social_deviantart,.social_deviantart_circle,.social_deviantart_square,.social_dribbble,.social_dribbble_circle,.social_dribbble_square,.social_facebook,.social_facebook_circle,.social_facebook_square,.social_flickr,.social_flickr_circle,.social_flickr_square,.social_googledrive,.social_googledrive_alt2,.social_googledrive_square,.social_googleplus,.social_googleplus_circle,.social_googleplus_square,.social_instagram,.social_instagram_circle,.social_instagram_square,.social_linkedin,.social_linkedin_circle,.social_linkedin_square,.social_myspace,.social_myspace_circle,.social_myspace_square,.social_picassa,.social_picassa_circle,.social_picassa_square,.social_pinterest,.social_pinterest_circle,.social_pinterest_square,.social_rss,.social_rss_circle,.social_rss_square,.social_share,.social_share_circle,.social_share_square,.social_skype,.social_skype_circle,.social_skype_square,.social_spotify,.social_spotify_circle,.social_spotify_square,.social_stumbleupon_circle,.social_stumbleupon_square,.social_tumbleupon,.social_tumblr,.social_tumblr_circle,.social_tumblr_square,.social_twitter,.social_twitter_circle,.social_twitter_square,.social_vimeo,.social_vimeo_circle,.social_vimeo_square,.social_wordpress,.social_wordpress_circle,.social_wordpress_square,.social_youtube,.social_youtube_circle,.social_youtube_square{font-family:ElegantIcons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.arrow_up:before{content:"\21"}.arrow_down:before{content:"\22"}.arrow_left:before{content:"\23"}.arrow_right:before{content:"\24"}.arrow_left-up:before{content:"\25"}.arrow_right-up:before{content:"\26"}.arrow_right-down:before{content:"\27"}.arrow_left-down:before{content:"\28"}.arrow-up-down:before{content:"\29"}.arrow_up-down_alt:before{content:"\2a"}.arrow_left-right_alt:before{content:"\2b"}.arrow_left-right:before{content:"\2c"}.arrow_expand_alt2:before{content:"\2d"}.arrow_expand_alt:before{content:"\2e"}.arrow_condense:before{content:"\2f"}.arrow_expand:before{content:"\30"}.arrow_move:before{content:"\31"}.arrow_carrot-up:before{content:"\32"}.arrow_carrot-down:before{content:"\33"}.arrow_carrot-left:before{content:"\34"}.arrow_carrot-right:before{content:"\35"}.arrow_carrot-2up:before{content:"\36"}.arrow_carrot-2down:before{content:"\37"}.arrow_carrot-2left:before{content:"\38"}.arrow_carrot-2right:before{content:"\39"}.arrow_carrot-up_alt2:before{content:"\3a"}.arrow_carrot-down_alt2:before{content:"\3b"}.arrow_carrot-left_alt2:before{content:"\3c"}.arrow_carrot-right_alt2:before{content:"\3d"}.arrow_carrot-2up_alt2:before{content:"\3e"}.arrow_carrot-2down_alt2:before{content:"\3f"}.arrow_carrot-2left_alt2:before{content:"\40"}.arrow_carrot-2right_alt2:before{content:"\41"}.arrow_triangle-up:before{content:"\42"}.arrow_triangle-down:before{content:"\43"}.arrow_triangle-left:before{content:"\44"}.arrow_triangle-right:before{content:"\45"}.arrow_triangle-up_alt2:before{content:"\46"}.arrow_triangle-down_alt2:before{content:"\47"}.arrow_triangle-left_alt2:before{content:"\48"}.arrow_triangle-right_alt2:before{content:"\49"}.arrow_back:before{content:"\4a"}.icon_minus-06:before{content:"\4b"}.icon_plus:before{content:"\4c"}.icon_close:before{content:"\4d"}.icon_check:before{content:"\4e"}.icon_minus_alt2:before{content:"\4f"}.icon_plus_alt2:before{content:"\50"}.icon_close_alt2:before{content:"\51"}.icon_check_alt2:before{content:"\52"}.icon_zoom-out_alt:before{content:"\53"}.icon_zoom-in_alt:before{content:"\54"}.icon_search:before{content:"\55"}.icon_box-empty:before{content:"\56"}.icon_box-selected:before{content:"\57"}.icon_minus-box:before{content:"\58"}.icon_plus-box:before{content:"\59"}.icon_box-checked:before{content:"\5a"}.icon_circle-empty:before{content:"\5b"}.icon_circle-slelected:before{content:"\5c"}.icon_stop_alt2:before{content:"\5d"}.icon_stop:before{content:"\5e"}.icon_pause_alt2:before{content:"\5f"}.icon_pause:before{content:"\60"}.icon_menu:before{content:"\61"}.icon_menu-square_alt2:before{content:"\62"}.icon_menu-circle_alt2:before{content:"\63"}.icon_ul:before{content:"\64"}.icon_ol:before{content:"\65"}.icon_adjust-horiz:before{content:"\66"}.icon_adjust-vert:before{content:"\67"}.icon_document_alt:before{content:"\68"}.icon_documents_alt:before{content:"\69"}.icon_pencil:before{content:"\6a"}.icon_pencil-edit_alt:before{content:"\6b"}.icon_pencil-edit:before{content:"\6c"}.icon_folder-alt:before{content:"\6d"}.icon_folder-open_alt:before{content:"\6e"}.icon_folder-add_alt:before{content:"\6f"}.icon_info_alt:before{content:"\70"}.icon_error-oct_alt:before{content:"\71"}.icon_error-circle_alt:before{content:"\72"}.icon_error-triangle_alt:before{content:"\73"}.icon_question_alt2:before{content:"\74"}.icon_question:before{content:"\75"}.icon_comment_alt:before{content:"\76"}.icon_chat_alt:before{content:"\77"}.icon_vol-mute_alt:before{content:"\78"}.icon_volume-low_alt:before{content:"\79"}.icon_volume-high_alt:before{content:"\7a"}.icon_quotations:before{content:"\7b"}.icon_quotations_alt2:before{content:"\7c"}.icon_clock_alt:before{content:"\7d"}.icon_lock_alt:before{content:"\7e"}.icon_lock-open_alt:before{content:"\e000"}.icon_key_alt:before{content:"\e001"}.icon_cloud_alt:before{content:"\e002"}.icon_cloud-upload_alt:before{content:"\e003"}.icon_cloud-download_alt:before{content:"\e004"}.icon_image:before{content:"\e005"}.icon_images:before{content:"\e006"}.icon_lightbulb_alt:before{content:"\e007"}.icon_gift_alt:before{content:"\e008"}.icon_house_alt:before{content:"\e009"}.icon_genius:before{content:"\e00a"}.icon_mobile:before{content:"\e00b"}.icon_tablet:before{content:"\e00c"}.icon_laptop:before{content:"\e00d"}.icon_desktop:before{content:"\e00e"}.icon_camera_alt:before{content:"\e00f"}.icon_mail_alt:before{content:"\e010"}.icon_cone_alt:before{content:"\e011"}.icon_ribbon_alt:before{content:"\e012"}.icon_bag_alt:before{content:"\e013"}.icon_creditcard:before{content:"\e014"}.icon_cart_alt:before{content:"\e015"}.icon_paperclip:before{content:"\e016"}.icon_tag_alt:before{content:"\e017"}.icon_tags_alt:before{content:"\e018"}.icon_trash_alt:before{content:"\e019"}.icon_cursor_alt:before{content:"\e01a"}.icon_mic_alt:before{content:"\e01b"}.icon_compass_alt:before{content:"\e01c"}.icon_pin_alt:before{content:"\e01d"}.icon_pushpin_alt:before{content:"\e01e"}.icon_map_alt:before{content:"\e01f"}.icon_drawer_alt:before{content:"\e020"}.icon_toolbox_alt:before{content:"\e021"}.icon_book_alt:before{content:"\e022"}.icon_calendar:before{content:"\e023"}.icon_film:before{content:"\e024"}.icon_table:before{content:"\e025"}.icon_contacts_alt:before{content:"\e026"}.icon_headphones:before{content:"\e027"}.icon_lifesaver:before{content:"\e028"}.icon_piechart:before{content:"\e029"}.icon_refresh:before{content:"\e02a"}.icon_link_alt:before{content:"\e02b"}.icon_link:before{content:"\e02c"}.icon_loading:before{content:"\e02d"}.icon_blocked:before{content:"\e02e"}.icon_archive_alt:before{content:"\e02f"}.icon_heart_alt:before{content:"\e030"}.icon_star_alt:before{content:"\e031"}.icon_star-half_alt:before{content:"\e032"}.icon_star:before{content:"\e033"}.icon_star-half:before{content:"\e034"}.icon_tools:before{content:"\e035"}.icon_tool:before{content:"\e036"}.icon_cog:before{content:"\e037"}.icon_cogs:before{content:"\e038"}.arrow_up_alt:before{content:"\e039"}.arrow_down_alt:before{content:"\e03a"}.arrow_left_alt:before{content:"\e03b"}.arrow_right_alt:before{content:"\e03c"}.arrow_left-up_alt:before{content:"\e03d"}.arrow_right-up_alt:before{content:"\e03e"}.arrow_right-down_alt:before{content:"\e03f"}.arrow_left-down_alt:before{content:"\e040"}.arrow_condense_alt:before{content:"\e041"}.arrow_expand_alt3:before{content:"\e042"}.arrow_carrot_up_alt:before{content:"\e043"}.arrow_carrot-down_alt:before{content:"\e044"}.arrow_carrot-left_alt:before{content:"\e045"}.arrow_carrot-right_alt:before{content:"\e046"}.arrow_carrot-2up_alt:before{content:"\e047"}.arrow_carrot-2dwnn_alt:before{content:"\e048"}.arrow_carrot-2left_alt:before{content:"\e049"}.arrow_carrot-2right_alt:before{content:"\e04a"}.arrow_triangle-up_alt:before{content:"\e04b"}.arrow_triangle-down_alt:before{content:"\e04c"}.arrow_triangle-left_alt:before{content:"\e04d"}.arrow_triangle-right_alt:before{content:"\e04e"}.icon_minus_alt:before{content:"\e04f"}.icon_plus_alt:before{content:"\e050"}.icon_close_alt:before{content:"\e051"}.icon_check_alt:before{content:"\e052"}.icon_zoom-out:before{content:"\e053"}.icon_zoom-in:before{content:"\e054"}.icon_stop_alt:before{content:"\e055"}.icon_menu-square_alt:before{content:"\e056"}.icon_menu-circle_alt:before{content:"\e057"}.icon_document:before{content:"\e058"}.icon_documents:before{content:"\e059"}.icon_pencil_alt:before{content:"\e05a"}.icon_folder:before{content:"\e05b"}.icon_folder-open:before{content:"\e05c"}.icon_folder-add:before{content:"\e05d"}.icon_folder_upload:before{content:"\e05e"}.icon_folder_download:before{content:"\e05f"}.icon_info:before{content:"\e060"}.icon_error-circle:before{content:"\e061"}.icon_error-oct:before{content:"\e062"}.icon_error-triangle:before{content:"\e063"}.icon_question_alt:before{content:"\e064"}.icon_comment:before{content:"\e065"}.icon_chat:before{content:"\e066"}.icon_vol-mute:before{content:"\e067"}.icon_volume-low:before{content:"\e068"}.icon_volume-high:before{content:"\e069"}.icon_quotations_alt:before{content:"\e06a"}.icon_clock:before{content:"\e06b"}.icon_lock:before{content:"\e06c"}.icon_lock-open:before{content:"\e06d"}.icon_key:before{content:"\e06e"}.icon_cloud:before{content:"\e06f"}.icon_cloud-upload:before{content:"\e070"}.icon_cloud-download:before{content:"\e071"}.icon_lightbulb:before{content:"\e072"}.icon_gift:before{content:"\e073"}.icon_house:before{content:"\e074"}.icon_camera:before{content:"\e075"}.icon_mail:before{content:"\e076"}.icon_cone:before{content:"\e077"}.icon_ribbon:before{content:"\e078"}.icon_bag:before{content:"\e079"}.icon_cart:before{content:"\e07a"}.icon_tag:before{content:"\e07b"}.icon_tags:before{content:"\e07c"}.icon_trash:before{content:"\e07d"}.icon_cursor:before{content:"\e07e"}.icon_mic:before{content:"\e07f"}.icon_compass:before{content:"\e080"}.icon_pin:before{content:"\e081"}.icon_pushpin:before{content:"\e082"}.icon_map:before{content:"\e083"}.icon_drawer:before{content:"\e084"}.icon_toolbox:before{content:"\e085"}.icon_book:before{content:"\e086"}.icon_contacts:before{content:"\e087"}.icon_archive:before{content:"\e088"}.icon_heart:before{content:"\e089"}.icon_profile:before{content:"\e08a"}.icon_group:before{content:"\e08b"}.icon_grid-2x2:before{content:"\e08c"}.icon_grid-3x3:before{content:"\e08d"}.icon_music:before{content:"\e08e"}.icon_pause_alt:before{content:"\e08f"}.icon_phone:before{content:"\e090"}.icon_upload:before{content:"\e091"}.icon_download:before{content:"\e092"}.social_facebook:before{content:"\e093"}.social_twitter:before{content:"\e094"}.social_pinterest:before{content:"\e095"}.social_googleplus:before{content:"\e096"}.social_tumblr:before{content:"\e097"}.social_tumbleupon:before{content:"\e098"}.social_wordpress:before{content:"\e099"}.social_instagram:before{content:"\e09a"}.social_dribbble:before{content:"\e09b"}.social_vimeo:before{content:"\e09c"}.social_linkedin:before{content:"\e09d"}.social_rss:before{content:"\e09e"}.social_deviantart:before{content:"\e09f"}.social_share:before{content:"\e0a0"}.social_myspace:before{content:"\e0a1"}.social_skype:before{content:"\e0a2"}.social_youtube:before{content:"\e0a3"}.social_picassa:before{content:"\e0a4"}.social_googledrive:before{content:"\e0a5"}.social_flickr:before{content:"\e0a6"}.social_blogger:before{content:"\e0a7"}.social_spotify:before{content:"\e0a8"}.social_delicious:before{content:"\e0a9"}.social_facebook_circle:before{content:"\e0aa"}.social_twitter_circle:before{content:"\e0ab"}.social_pinterest_circle:before{content:"\e0ac"}.social_googleplus_circle:before{content:"\e0ad"}.social_tumblr_circle:before{content:"\e0ae"}.social_stumbleupon_circle:before{content:"\e0af"}.social_wordpress_circle:before{content:"\e0b0"}.social_instagram_circle:before{content:"\e0b1"}.social_dribbble_circle:before{content:"\e0b2"}.social_vimeo_circle:before{content:"\e0b3"}.social_linkedin_circle:before{content:"\e0b4"}.social_rss_circle:before{content:"\e0b5"}.social_deviantart_circle:before{content:"\e0b6"}.social_share_circle:before{content:"\e0b7"}.social_myspace_circle:before{content:"\e0b8"}.social_skype_circle:before{content:"\e0b9"}.social_youtube_circle:before{content:"\e0ba"}.social_picassa_circle:before{content:"\e0bb"}.social_googledrive_alt2:before{content:"\e0bc"}.social_flickr_circle:before{content:"\e0bd"}.social_blogger_circle:before{content:"\e0be"}.social_spotify_circle:before{content:"\e0bf"}.social_delicious_circle:before{content:"\e0c0"}.social_facebook_square:before{content:"\e0c1"}.social_twitter_square:before{content:"\e0c2"}.social_pinterest_square:before{content:"\e0c3"}.social_googleplus_square:before{content:"\e0c4"}.social_tumblr_square:before{content:"\e0c5"}.social_stumbleupon_square:before{content:"\e0c6"}.social_wordpress_square:before{content:"\e0c7"}.social_instagram_square:before{content:"\e0c8"}.social_dribbble_square:before{content:"\e0c9"}.social_vimeo_square:before{content:"\e0ca"}.social_linkedin_square:before{content:"\e0cb"}.social_rss_square:before{content:"\e0cc"}.social_deviantart_square:before{content:"\e0cd"}.social_share_square:before{content:"\e0ce"}.social_myspace_square:before{content:"\e0cf"}.social_skype_square:before{content:"\e0d0"}.social_youtube_square:before{content:"\e0d1"}.social_picassa_square:before{content:"\e0d2"}.social_googledrive_square:before{content:"\e0d3"}.social_flickr_square:before{content:"\e0d4"}.social_blogger_square:before{content:"\e0d5"}.social_spotify_square:before{content:"\e0d6"}.social_delicious_square:before{content:"\e0d7"}.icon_printer:before{content:"\e103"}.icon_calulator:before{content:"\e0ee"}.icon_building:before{content:"\e0ef"}.icon_floppy:before{content:"\e0e8"}.icon_drive:before{content:"\e0ea"}.icon_search-2:before{content:"\e101"}.icon_id:before{content:"\e107"}.icon_id-2:before{content:"\e108"}.icon_puzzle:before{content:"\e102"}.icon_like:before{content:"\e106"}.icon_dislike:before{content:"\e0eb"}.icon_mug:before{content:"\e105"}.icon_currency:before{content:"\e0ed"}.icon_wallet:before{content:"\e100"}.icon_pens:before{content:"\e104"}.icon_easel:before{content:"\e0e9"}.icon_flowchart:before{content:"\e109"}.icon_datareport:before{content:"\e0ec"}.icon_briefcase:before{content:"\e0fe"}.icon_shield:before{content:"\e0f6"}.icon_percent:before{content:"\e0fb"}.icon_globe:before{content:"\e0e2"}.icon_globe-2:before{content:"\e0e3"}.icon_target:before{content:"\e0f5"}.icon_hourglass:before{content:"\e0e1"}.icon_balance:before{content:"\e0ff"}.icon_rook:before{content:"\e0f8"}.icon_printer-alt:before{content:"\e0fa"}.icon_calculator_alt:before{content:"\e0e7"}.icon_building_alt:before{content:"\e0fd"}.icon_floppy_alt:before{content:"\e0e4"}.icon_drive_alt:before{content:"\e0e5"}.icon_search_alt:before{content:"\e0f7"}.icon_id_alt:before{content:"\e0e0"}.icon_id-2_alt:before{content:"\e0fc"}.icon_puzzle_alt:before{content:"\e0f9"}.icon_like_alt:before{content:"\e0dd"}.icon_dislike_alt:before{content:"\e0f1"}.icon_mug_alt:before{content:"\e0dc"}.icon_currency_alt:before{content:"\e0f3"}.icon_wallet_alt:before{content:"\e0d8"}.icon_pens_alt:before{content:"\e0db"}.icon_easel_alt:before{content:"\e0f0"}.icon_flowchart_alt:before{content:"\e0df"}.icon_datareport_alt:before{content:"\e0f2"}.icon_briefcase_alt:before{content:"\e0f4"}.icon_shield_alt:before{content:"\e0d9"}.icon_percent_alt:before{content:"\e0da"}.icon_globe_alt:before{content:"\e0de"}.icon_clipboard:before{content:"\e0e6"}.glyph{float:left;text-align:center;padding:.75em;margin:.4em 1.5em .75em 0;width:6em;text-shadow:none}.glyph_big{font-size:128px;color:#59c5dc;float:left;margin-right:20px}.glyph div{padding-bottom:10px}.glyph input{font-family:consolas,monospace;font-size:12px;width:100%;text-align:center;border:0;box-shadow:0 0 0 1px #ccc;padding:.2em;-moz-border-radius:5px;-webkit-border-radius:5px}.centered{margin-left:auto;margin-right:auto}.glyph .fs1{font-size:2em} \ No newline at end of file diff --git a/static/new/css/flexslider.css b/static/new/css/flexslider.css new file mode 100644 index 00000000..31531252 --- /dev/null +++ b/static/new/css/flexslider.css @@ -0,0 +1,84 @@ +/* + * jQuery FlexSlider v2.2.0 + * http://www.woothemes.com/flexslider/ + * + * Copyright 2012 WooThemes + * Free to use under the GPLv2 license. + * http://www.gnu.org/licenses/gpl-2.0.html + * + * Contributing author: Tyler Smith (@mbmufffin) + */ + + +/* Browser Resets +*********************************/ +.flex-container a:active, +.flexslider a:active, +.flex-container a:focus, +.flexslider a:focus {outline: none;} +.slides, +.flex-control-nav, +.flex-direction-nav {margin: 0; padding: 0; list-style: none;} + + +/* FlexSlider Necessary Styles +*********************************/ +.flexslider {margin: 0; padding: 0;} +.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ +.flexslider .slides img {width: 100%; display: block;} +.flex-pauseplay span {text-transform: capitalize;} + +/* Clearfix for the .slides element */ +.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} +html[xmlns] .slides {display: block;} +* html .slides {height: 1%;} + +/* No JavaScript Fallback */ +/* If you are not using another script, such as Modernizr, make sure you + * include js that eliminates this class on page load */ +.no-js .slides > li:first-child {display: block;} + +/* FlexSlider Default Theme +*********************************/ +.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; } +.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } +.loading .flex-viewport { max-height: 300px; } +.flexslider .slides { zoom: 1; } +.carousel li { margin-right: 5px; } + +/* Direction Nav */ +.flex-direction-nav {*height: 0;} +.flex-direction-nav a { display: block; width: 60px; height: 60px; background: none; border: 2px solid #fff; border-radius: 50%; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; cursor: pointer; } +.flex-direction-nav a:hover{ background: rgba(255,255,255,0.3); } +.flex-direction-nav .flex-prev { left: 17px; } +.flex-direction-nav .flex-next { right: 17px; text-align: right; } +.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } +.flexslider:hover .flex-next { opacity: 0.7; right: 10px; } +.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } +.flex-disabled{ opacity: 0 !important; } +.flex-direction-nav a:before { font-family: 'ElegantIcons'; font-size: 38px; display: inline-block; content: '#'; position: relative; top: -3px; color: #fff; left: 7px; padding-bottom: 22px; } +.flex-direction-nav a.flex-next:before { content: '$'; right: 8px; left: -9px; } + +/* Pause/Play */ +.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } +.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } +.flex-pauseplay a:hover { opacity: 1; } +.flex-pauseplay a.flex-play:before { content: '\f003'; } + +/* Control Nav */ +.flex-control-nav {width: 100%; position: absolute; bottom: 44px; text-align: center; z-index: 10;} +.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;} +.flex-control-paging li a {width: 8px; height: 8px; display: block; background: #fff; background: rgba(255,255,255,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 20px; -o-border-radius: 50%; border-radius: 50%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; } +.flex-control-paging li a:hover { background: #fff; background: rgba(255,255,255,0.7); } +.flex-control-paging li a.flex-active { background: #fff; background: rgba(255,255,255,0.9); cursor: default; } + +.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} +.flex-control-thumbs li {width: 25%; float: left; margin: 0;} +.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} +.flex-control-thumbs img:hover {opacity: 1;} +.flex-control-thumbs .flex-active {opacity: 1; cursor: default;} + +@media screen and (max-width: 860px) { + .flex-direction-nav .flex-prev { opacity: 1; left: 10px;} + .flex-direction-nav .flex-next { opacity: 1; right: 10px;} +} \ No newline at end of file diff --git a/static/new/css/flexslider.min.css b/static/new/css/flexslider.min.css new file mode 100644 index 00000000..b61d9f79 --- /dev/null +++ b/static/new/css/flexslider.min.css @@ -0,0 +1 @@ +.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{padding:0}.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flex-pauseplay span{text-transform:capitalize}.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.flexslider .slides{zoom:1}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{display:block;width:60px;height:60px;background:0 0;border:2px solid #fff;border-radius:50%;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:1;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;cursor:pointer}.flex-direction-nav a:hover{background:rgba(255,255,255,.3)}.flex-direction-nav .flex-prev{left:17px}.flex-direction-nav .flex-next{right:17px;text-align:right}.flexslider:hover .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}.flex-disabled{opacity:0!important}.flex-direction-nav a:before{font-family:ElegantIcons;font-size:38px;display:inline-block;content:'#';position:relative;top:-3px;color:#fff;left:7px;padding-bottom:22px}.flex-direction-nav a.flex-next:before{content:'$';right:8px;left:-9px}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:44px;text-align:center;z-index:10}.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:8px;height:8px;display:block;background:#fff;background:rgba(255,255,255,.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:50%;-moz-border-radius:20px;-o-border-radius:50%;border-radius:50%;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease}.flex-control-paging li a:hover{background:#fff;background:rgba(255,255,255,.7)}.flex-control-paging li a.flex-active{background:#fff;background:rgba(255,255,255,.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}} \ No newline at end of file diff --git a/static/new/css/ie9.css b/static/new/css/ie9.css new file mode 100644 index 00000000..866f9222 --- /dev/null +++ b/static/new/css/ie9.css @@ -0,0 +1,17 @@ +.reveal-sidebar { + transform: translateX(-300px); + -webkit-transform: translateX(-300px); + -moz-transform: translateX(-300px); +} + +.sidebar-menu, .instagram-sidebar { + transform: translateX(300px); + -webkit-transform: translateX(300px); + -moz-transform: translateX(300px); +} + +.show-sidebar { + transform: translateX(0px); + -webkit-transform: translateX(0px); + -moz-transform: translateX(0px); +} \ No newline at end of file diff --git a/static/new/css/less/alerts.less b/static/new/css/less/alerts.less new file mode 100644 index 00000000..3eab0662 --- /dev/null +++ b/static/new/css/less/alerts.less @@ -0,0 +1,67 @@ +// +// Alerts +// -------------------------------------------------- + + +// Base styles +// ------------------------- + +.alert { + padding: @alert-padding; + margin-bottom: @line-height-computed; + border: 1px solid transparent; + border-radius: @alert-border-radius; + + // Headings for larger alerts + h4 { + margin-top: 0; + // Specified for the h4 to prevent conflicts of changing @headings-color + color: inherit; + } + // Provide class for links that match alerts + .alert-link { + font-weight: @alert-link-font-weight; + } + + // Improve alignment and spacing of inner content + > p, + > ul { + margin-bottom: 0; + } + > p + p { + margin-top: 5px; + } +} + +// Dismissable alerts +// +// Expand the right padding and account for the close button's positioning. + +.alert-dismissable { + padding-right: (@alert-padding + 20); + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + +// Alternate styles +// +// Generate contextual modifier classes for colorizing the alert. + +.alert-success { + .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); +} +.alert-info { + .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); +} +.alert-warning { + .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); +} +.alert-danger { + .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); +} diff --git a/static/new/css/less/badges.less b/static/new/css/less/badges.less new file mode 100644 index 00000000..56828cab --- /dev/null +++ b/static/new/css/less/badges.less @@ -0,0 +1,55 @@ +// +// Badges +// -------------------------------------------------- + + +// Base classes +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: @font-size-small; + font-weight: @badge-font-weight; + color: @badge-color; + line-height: @badge-line-height; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: @badge-bg; + border-radius: @badge-border-radius; + + // Empty badges collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for badges in buttons + .btn & { + position: relative; + top: -1px; + } + .btn-xs & { + top: 0; + padding: 1px 5px; + } +} + +// Hover state, but only for links +a.badge { + &:hover, + &:focus { + color: @badge-link-hover-color; + text-decoration: none; + cursor: pointer; + } +} + +// Account for counters in navs +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: @badge-active-color; + background-color: @badge-active-bg; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} diff --git a/static/new/css/less/bootstrap.less b/static/new/css/less/bootstrap.less new file mode 100644 index 00000000..b368b871 --- /dev/null +++ b/static/new/css/less/bootstrap.less @@ -0,0 +1,49 @@ +// Core variables and mixins +@import "variables.less"; +@import "mixins.less"; + +// Reset +@import "normalize.less"; +@import "print.less"; + +// Core CSS +@import "scaffolding.less"; +@import "type.less"; +@import "code.less"; +@import "grid.less"; +@import "tables.less"; +@import "forms.less"; +@import "buttons.less"; + +// Components +@import "component-animations.less"; +@import "glyphicons.less"; +@import "dropdowns.less"; +@import "button-groups.less"; +@import "input-groups.less"; +@import "navs.less"; +@import "navbar.less"; +@import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; +@import "labels.less"; +@import "badges.less"; +@import "jumbotron.less"; +@import "thumbnails.less"; +@import "alerts.less"; +@import "progress-bars.less"; +@import "media.less"; +@import "list-group.less"; +@import "panels.less"; +@import "wells.less"; +@import "close.less"; + +// Components w/ JavaScript +@import "modals.less"; +@import "tooltip.less"; +@import "popovers.less"; +@import "carousel.less"; + +// Utility classes +@import "utilities.less"; +@import "responsive-utilities.less"; diff --git a/static/new/css/less/breadcrumbs.less b/static/new/css/less/breadcrumbs.less new file mode 100644 index 00000000..cb01d503 --- /dev/null +++ b/static/new/css/less/breadcrumbs.less @@ -0,0 +1,26 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; + margin-bottom: @line-height-computed; + list-style: none; + background-color: @breadcrumb-bg; + border-radius: @border-radius-base; + + > li { + display: inline-block; + + + li:before { + content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: @breadcrumb-color; + } + } + + > .active { + color: @breadcrumb-active-color; + } +} diff --git a/static/new/css/less/button-groups.less b/static/new/css/less/button-groups.less new file mode 100644 index 00000000..27eb796b --- /dev/null +++ b/static/new/css/less/button-groups.less @@ -0,0 +1,226 @@ +// +// Button groups +// -------------------------------------------------- + +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + > .btn { + position: relative; + float: left; + // Bring the "active" button to the front + &:hover, + &:focus, + &:active, + &.active { + z-index: 2; + } + &:focus { + // Remove focus outline when dropdown JS adds it after closing the menu + outline: none; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group { + .btn + .btn, + .btn + .btn-group, + .btn-group + .btn, + .btn-group + .btn-group { + margin-left: -1px; + } +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + margin-left: -5px; // Offset the first child's margin + &:extend(.clearfix all); + + .btn-group, + .input-group { + float: left; + } + > .btn, + > .btn-group, + > .input-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group > .btn:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + .border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + .border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child { + > .btn:last-child, + > .dropdown-toggle { + .border-right-radius(0); + } +} +.btn-group > .btn-group:last-child > .btn:first-child { + .border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + +// Sizing +// +// Remix the default button sizing classes into new ones for easier manipulation. + +.btn-group-xs > .btn { &:extend(.btn-xs); } +.btn-group-sm > .btn { &:extend(.btn-sm); } +.btn-group-lg > .btn { &:extend(.btn-lg); } + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + + // Show no shadow for `.btn-link` since it has no other button styles. + &.btn-link { + .box-shadow(none); + } +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-lg .caret { + border-width: @caret-width-large @caret-width-large 0; + border-bottom-width: 0; +} +// Upside down carets for .dropup +.dropup .btn-lg .caret { + border-width: 0 @caret-width-large @caret-width-large; +} + + +// Vertical button groups +// ---------------------- + +.btn-group-vertical { + > .btn, + > .btn-group, + > .btn-group > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + } + + // Clear floats so dropdown menus can be properly placed + > .btn-group { + &:extend(.clearfix all); + > .btn { + float: none; + } + } + + > .btn + .btn, + > .btn + .btn-group, + > .btn-group + .btn, + > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; + } +} + +.btn-group-vertical > .btn { + &:not(:first-child):not(:last-child) { + border-radius: 0; + } + &:first-child:not(:last-child) { + border-top-right-radius: @border-radius-base; + .border-bottom-radius(0); + } + &:last-child:not(:first-child) { + border-bottom-left-radius: @border-radius-base; + .border-top-radius(0); + } +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group-vertical > .btn-group:first-child:not(:last-child) { + > .btn:last-child, + > .dropdown-toggle { + .border-bottom-radius(0); + } +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + .border-top-radius(0); +} + + + +// Justified button groups +// ---------------------- + +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; + > .btn, + > .btn-group { + float: none; + display: table-cell; + width: 1%; + } + > .btn-group .btn { + width: 100%; + } +} + + +// Checkbox and radio options +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; +} diff --git a/static/new/css/less/buttons.less b/static/new/css/less/buttons.less new file mode 100644 index 00000000..d4fc156b --- /dev/null +++ b/static/new/css/less/buttons.less @@ -0,0 +1,159 @@ +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + +.btn { + display: inline-block; + margin-bottom: 0; // For input.btn + font-weight: @btn-font-weight; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid transparent; + white-space: nowrap; + .button-size(@padding-base-vertical; @padding-base-horizontal; @font-size-base; @line-height-base; @border-radius-base); + .user-select(none); + + &, + &:active, + &.active { + &:focus { + .tab-focus(); + } + } + + &:hover, + &:focus { + color: @btn-default-color; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + .box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: not-allowed; + pointer-events: none; // Future-proof disabling of clicks + .opacity(.65); + .box-shadow(none); + } +} + + +// Alternate buttons +// -------------------------------------------------- + +.btn-default { + .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border); +} +.btn-primary { + .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border); +} +// Success appears as green +.btn-success { + .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border); +} +// Info appears as blue-green +.btn-info { + .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border); +} +// Warning appears as orange +.btn-warning { + .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border); +} +// Danger and error appear as red +.btn-danger { + .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +.btn-link { + color: @link-color; + font-weight: normal; + cursor: pointer; + border-radius: 0; + + &, + &:active, + &[disabled], + fieldset[disabled] & { + background-color: transparent; + .box-shadow(none); + } + &, + &:hover, + &:focus, + &:active { + border-color: transparent; + } + &:hover, + &:focus { + color: @link-hover-color; + text-decoration: underline; + background-color: transparent; + } + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: @btn-link-disabled-color; + text-decoration: none; + } + } +} + + +// Button Sizes +// -------------------------------------------------- + +.btn-lg { + // line-height: ensure even-numbered height of button next to large input + .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); +} +.btn-sm { + // line-height: ensure proper height of button next to small input + .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); +} +.btn-xs { + .button-size(@padding-xs-vertical; @padding-xs-horizontal; @font-size-small; @line-height-small; @border-radius-small); +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/static/new/css/less/camaro.less b/static/new/css/less/camaro.less new file mode 100644 index 00000000..7b7e6b86 --- /dev/null +++ b/static/new/css/less/camaro.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #FFA900; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/carousel.less b/static/new/css/less/carousel.less new file mode 100644 index 00000000..e3fb8a2c --- /dev/null +++ b/static/new/css/less/carousel.less @@ -0,0 +1,232 @@ +// +// Carousel +// -------------------------------------------------- + + +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; + + > .item { + display: none; + position: relative; + .transition(.6s ease-in-out left); + + // Account for jankitude on images + > img, + > a > img { + &:extend(.img-responsive); + line-height: 1; + } + } + + > .active, + > .next, + > .prev { display: block; } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: @carousel-control-width; + .opacity(@carousel-control-opacity); + font-size: @carousel-control-font-size; + color: @carousel-control-color; + text-align: center; + text-shadow: @carousel-text-shadow; + // We can't have this transition here because WebKit cancels the carousel + // animation if you trip this while in the middle of another animation. + + // Set gradients for backgrounds + &.left { + #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001)); + } + &.right { + left: auto; + right: 0; + #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5)); + } + + // Hover/focus state + &:hover, + &:focus { + outline: none; + color: @carousel-control-color; + text-decoration: none; + .opacity(.9); + } + + // Toggles + .icon-prev, + .icon-next, + .glyphicon-chevron-left, + .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + } + .icon-prev, + .glyphicon-chevron-left { + left: 50%; + } + .icon-next, + .glyphicon-chevron-right { + right: 50%; + } + .icon-prev, + .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + font-family: serif; + } + + .icon-prev { + &:before { + content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039) + } + } + .icon-next { + &:before { + content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A) + } + } +} + +// Optional indicator pips +// +// Add an unordered list with the following class and add a list item for each +// slide your carousel holds. + +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; + + li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid @carousel-indicator-border-color; + border-radius: 10px; + cursor: pointer; + + // IE8-9 hack for event handling + // + // Internet Explorer 8-9 does not support clicks on elements without a set + // `background-color`. We cannot use `filter` since that's not viewed as a + // background color by the browser. Thus, a hack is needed. + // + // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we + // set alpha transparency for the best results possible. + background-color: #000 \9; // IE8 + background-color: rgba(0,0,0,0); // IE9 + } + .active { + margin: 0; + width: 12px; + height: 12px; + background-color: @carousel-indicator-active-bg; + } +} + +// Optional captions +// ----------------------------- +// Hidden by default for smaller viewports +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: @carousel-caption-color; + text-align: center; + text-shadow: @carousel-text-shadow; + & .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// Scale up controls for tablets and up +@media screen and (min-width: @screen-sm-min) { + + // Scale up the controls a smidge + .carousel-control { + .glyphicon-chevron-left, + .glyphicon-chevron-right, + .icon-prev, + .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + } + + // Show and left align the captions + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + + // Move up the indicators + .carousel-indicators { + bottom: 20px; + } +} diff --git a/static/new/css/less/close.less b/static/new/css/less/close.less new file mode 100644 index 00000000..9b4e74f2 --- /dev/null +++ b/static/new/css/less/close.less @@ -0,0 +1,33 @@ +// +// Close icons +// -------------------------------------------------- + + +.close { + float: right; + font-size: (@font-size-base * 1.5); + font-weight: @close-font-weight; + line-height: 1; + color: @close-color; + text-shadow: @close-text-shadow; + .opacity(.2); + + &:hover, + &:focus { + color: @close-color; + text-decoration: none; + cursor: pointer; + .opacity(.5); + } + + // Additional properties for button version + // iOS requires the button element instead of an anchor tag. + // If you want the anchor version, it requires `href="#"`. + button& { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; + } +} diff --git a/static/new/css/less/code.less b/static/new/css/less/code.less new file mode 100644 index 00000000..3eed26c0 --- /dev/null +++ b/static/new/css/less/code.less @@ -0,0 +1,63 @@ +// +// Code (inline and block) +// -------------------------------------------------- + + +// Inline and block code styles +code, +kbd, +pre, +samp { + font-family: @font-family-monospace; +} + +// Inline code +code { + padding: 2px 4px; + font-size: 90%; + color: @code-color; + background-color: @code-bg; + white-space: nowrap; + border-radius: @border-radius-base; +} + +// User input typically entered via keyboard +kbd { + padding: 2px 4px; + font-size: 90%; + color: @kbd-color; + background-color: @kbd-bg; + border-radius: @border-radius-small; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); +} + +// Blocks of code +pre { + display: block; + padding: ((@line-height-computed - 1) / 2); + margin: 0 0 (@line-height-computed / 2); + font-size: (@font-size-base - 1); // 14px to 13px + line-height: @line-height-base; + word-break: break-all; + word-wrap: break-word; + color: @pre-color; + background-color: @pre-bg; + border: 1px solid @pre-border-color; + border-radius: @border-radius-base; + + // Account for some code outputs that place code tags in pre tags + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +// Enable scrollable blocks of code +.pre-scrollable { + max-height: @pre-scrollable-max-height; + overflow-y: scroll; +} diff --git a/static/new/css/less/component-animations.less b/static/new/css/less/component-animations.less new file mode 100644 index 00000000..1efe45e2 --- /dev/null +++ b/static/new/css/less/component-animations.less @@ -0,0 +1,29 @@ +// +// Component animations +// -------------------------------------------------- + +// Heads up! +// +// We don't use the `.opacity()` mixin here since it causes a bug with text +// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552. + +.fade { + opacity: 0; + .transition(opacity .15s linear); + &.in { + opacity: 1; + } +} + +.collapse { + display: none; + &.in { + display: block; + } +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + .transition(height .35s ease); +} diff --git a/static/new/css/less/dandelion.less b/static/new/css/less/dandelion.less new file mode 100644 index 00000000..712782a9 --- /dev/null +++ b/static/new/css/less/dandelion.less @@ -0,0 +1,837 @@ +// +// Load core variables and mixins +// -------------------------------------------------- + +@import "variables.less"; +@import "mixins.less"; + +// +// Useful Mixins +// -------------------------------------------------- + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +// +// Helper Classes & Resets +// -------------------------------------------------- + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +// +// Loader +// -------------------------------------------------- + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +// +// Colours +// -------------------------------------------------- + +@color-primary: #FFE900; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +// +// Typography +// -------------------------------------------------- + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: @color-heading; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +// +// Spacing Standards +// -------------------------------------------------- + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +// +// Buttons +// -------------------------------------------------- + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +// +// Backgrounds & Parallax +// -------------------------------------------------- + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +// +// Navigation +// -------------------------------------------------- + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.3); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px; margin-bottom: 32px; left: 24px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +// +// Sliders & Dividers & Headers +// -------------------------------------------------- + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +// +// Image with text +// -------------------------------------------------- + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +// +// Promo Blocks +// -------------------------------------------------- + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 120px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +// +// Speakers & Topics +// -------------------------------------------------- + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +// +// Schedule +// -------------------------------------------------- + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +// +// Galleries +// -------------------------------------------------- + +.instagram{ position: relative; padding: @standard-space*3 0px; } +.instagram{ overflow: hidden; background: #000 !important; } +.instagram ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover{ opacity: 1 !important; } + +.instagram .container{ position: relative; z-index: 3; } +.instagram i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9){ display: none; } + .instagram li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7){ display: none; } + .instagram li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5){ display: none; } + .instagram li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li{ width: 33.33333%; } + .contained-gallery .instagram{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li{ width: 33.33333% !important; } +} + +// +// Pricing +// -------------------------------------------------- + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +// +// Frequently Asked Questions +// -------------------------------------------------- + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +// +// Visitor Info +// -------------------------------------------------- + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +// +// Subscribe +// -------------------------------------------------- + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } +} + + +// +// Contact +// -------------------------------------------------- + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + + +// +// Sponsors +// -------------------------------------------------- + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +// +// Forms +// -------------------------------------------------- + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +// +// Utility Pages +// -------------------------------------------------- + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +// +// Footers +// -------------------------------------------------- + + +.subscribe-1 .footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.subscribe-1 .footer .menu{ overflow: visible; } +.subscribe-1 .footer .menu li{ top: 0px; } +.subscribe-1 .footer .menu li a{ padding-bottom: 0px; } +.subscribe-1 .footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.subscribe-1 .footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.subscribe-1 .footer .menu li a:hover{ border: none; } +.subscribe-1 .footer .back-to-top{ padding-right: 42px; } +.subscribe-1 .footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/debbie.less b/static/new/css/less/debbie.less new file mode 100644 index 00000000..a4133fb2 --- /dev/null +++ b/static/new/css/less/debbie.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #7300C2; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/deepblue.less b/static/new/css/less/deepblue.less new file mode 100644 index 00000000..dc707f97 --- /dev/null +++ b/static/new/css/less/deepblue.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #005790; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/dropdowns.less b/static/new/css/less/dropdowns.less new file mode 100644 index 00000000..f165165e --- /dev/null +++ b/static/new/css/less/dropdowns.less @@ -0,0 +1,213 @@ +// +// Dropdown menus +// -------------------------------------------------- + + +// Dropdown arrow/caret +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: @caret-width-base solid; + border-right: @caret-width-base solid transparent; + border-left: @caret-width-base solid transparent; +} + +// The dropdown wrapper (div) +.dropdown { + position: relative; +} + +// Prevent the focus on the dropdown toggle when closing dropdowns +.dropdown-toggle:focus { + outline: 0; +} + +// The dropdown menu (ul) +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: @zindex-dropdown; + display: none; // none by default, but block on "open" of the menu + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; // override default ul + list-style: none; + font-size: @font-size-base; + background-color: @dropdown-bg; + border: 1px solid @dropdown-fallback-border; // IE8 fallback + border: 1px solid @dropdown-border; + border-radius: @border-radius-base; + .box-shadow(0 6px 12px rgba(0,0,0,.175)); + background-clip: padding-box; + + // Aligns the dropdown menu to right + // + // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]` + &.pull-right { + right: 0; + left: auto; + } + + // Dividers (basically an hr) within the dropdown + .divider { + .nav-divider(@dropdown-divider-bg); + } + + // Links within the dropdown menu + > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: @line-height-base; + color: @dropdown-link-color; + white-space: nowrap; // prevent links from randomly breaking onto new lines + } +} + +// Hover/Focus state +.dropdown-menu > li > a { + &:hover, + &:focus { + text-decoration: none; + color: @dropdown-link-hover-color; + background-color: @dropdown-link-hover-bg; + } +} + +// Active state +.dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: @dropdown-link-active-color; + text-decoration: none; + outline: 0; + background-color: @dropdown-link-active-bg; + } +} + +// Disabled state +// +// Gray out text and ensure the hover/focus state remains gray + +.dropdown-menu > .disabled > a { + &, + &:hover, + &:focus { + color: @dropdown-link-disabled-color; + } +} +// Nuke hover/focus effects +.dropdown-menu > .disabled > a { + &:hover, + &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; // Remove CSS gradient + .reset-filter(); + cursor: not-allowed; + } +} + +// Open state for the dropdown +.open { + // Show the menu + > .dropdown-menu { + display: block; + } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + +// Menu positioning +// +// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown +// menu with the parent. +.dropdown-menu-right { + left: auto; // Reset the default from `.dropdown-menu` + right: 0; +} +// With v3, we enabled auto-flipping if you have a dropdown within a right +// aligned nav component. To enable the undoing of that, we provide an override +// to restore the default dropdown menu alignment. +// +// This is only for left-aligning a dropdown menu within a `.navbar-right` or +// `.pull-right` nav component. +.dropdown-menu-left { + left: 0; + right: auto; +} + +// Dropdown section headers +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: @font-size-small; + line-height: @line-height-base; + color: @dropdown-header-color; +} + +// Backdrop to catch body clicks on mobile, etc. +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: (@zindex-dropdown - 10); +} + +// Right aligned dropdowns +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +// Allow for dropdowns to go bottom up (aka, dropup-menu) +// +// Just add .dropup after the standard .dropdown class and you're set, bro. +// TODO: abstract this so that the navbar fixed styles are not placed here? + +.dropup, +.navbar-fixed-bottom .dropdown { + // Reverse the caret + .caret { + border-top: 0; + border-bottom: @caret-width-base solid; + content: ""; + } + // Different positioning for bottom up menu + .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; + } +} + + +// Component alignment +// +// Reiterate per navbar.less and the modified component alignment there. + +@media (min-width: @grid-float-breakpoint) { + .navbar-right { + .dropdown-menu { + .dropdown-menu-right(); + } + // Necessary for overrides of the default right aligned menu. + // Will remove come v4 in all likelihood. + .dropdown-menu-left { + .dropdown-menu-left(); + } + } +} + diff --git a/static/new/css/less/forms.less b/static/new/css/less/forms.less new file mode 100644 index 00000000..f607b850 --- /dev/null +++ b/static/new/css/less/forms.less @@ -0,0 +1,438 @@ +// +// Forms +// -------------------------------------------------- + + +// Normalize non-controls +// +// Restyle and baseline non-control form elements. + +fieldset { + padding: 0; + margin: 0; + border: 0; + // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets, + // so we reset that to ensure it behaves more like a standard block element. + // See https://github.com/twbs/bootstrap/issues/12359. + min-width: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: @line-height-computed; + font-size: (@font-size-base * 1.5); + line-height: inherit; + color: @legend-color; + border: 0; + border-bottom: 1px solid @legend-border-color; +} + +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} + + +// Normalize form controls +// +// While most of our form styles require extra classes, some basic normalization +// is required to ensure optimum display with or without those classes to better +// address browser inconsistencies. + +// Override content-box in Normalize (* isn't specific enough) +input[type="search"] { + .box-sizing(border-box); +} + +// Position radios and checkboxes better +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; /* IE8-9 */ + line-height: normal; +} + +// Set the height of file controls to match text inputs +input[type="file"] { + display: block; +} + +// Make range inputs behave like textual form controls +input[type="range"] { + display: block; + width: 100%; +} + +// Make multiple select elements height not fixed +select[multiple], +select[size] { + height: auto; +} + +// Focus for file, radio, and checkbox +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + .tab-focus(); +} + +// Adjust output element +output { + display: block; + padding-top: (@padding-base-vertical + 1); + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; +} + + +// Common form controls +// +// Shared size and type resets for form controls. Apply `.form-control` to any +// of the following form controls: +// +// select +// textarea +// input[type="text"] +// input[type="password"] +// input[type="datetime"] +// input[type="datetime-local"] +// input[type="date"] +// input[type="month"] +// input[type="time"] +// input[type="week"] +// input[type="number"] +// input[type="email"] +// input[type="url"] +// input[type="search"] +// input[type="tel"] +// input[type="color"] + +.form-control { + display: block; + width: 100%; + height: @input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + line-height: @line-height-base; + color: @input-color; + background-color: @input-bg; + background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214 + border: 1px solid @input-border; + border-radius: @input-border-radius; + .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s"); + + // Customize the `:focus` state to imitate native WebKit styles. + .form-control-focus(); + + // Placeholder + .placeholder(); + + // Disabled and read-only inputs + // + // HTML5 says that controls under a fieldset > legend:first-child won't be + // disabled if the fieldset is disabled. Due to implementation difficulty, we + // don't honor that edge case; we style them as disabled anyway. + &[disabled], + &[readonly], + fieldset[disabled] & { + cursor: not-allowed; + background-color: @input-bg-disabled; + opacity: 1; // iOS fix for unreadable disabled content + } + + // Reset height for `textarea`s + textarea& { + height: auto; + } +} + + +// Search inputs in iOS +// +// This overrides the extra rounded corners on search inputs in iOS so that our +// `.form-control` class can properly style them. Note that this cannot simply +// be added to `.form-control` as it's not specific enough. For details, see +// https://github.com/twbs/bootstrap/issues/11586. + +input[type="search"] { + -webkit-appearance: none; +} + + +// Special styles for iOS date input +// +// In Mobile Safari, date inputs require a pixel line-height that matches the +// given height of the input. + +input[type="date"] { + line-height: @input-height-base; +} + + +// Form groups +// +// Designed to help with the organization and spacing of vertical forms. For +// horizontal forms, use the predefined grid classes. + +.form-group { + margin-bottom: 15px; +} + + +// Checkboxes and radios +// +// Indent the labels to position radios/checkboxes as hanging controls. + +.radio, +.checkbox { + display: block; + min-height: @line-height-computed; // clear the floating input if there is no label text + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; + label { + display: inline; + font-weight: normal; + cursor: pointer; + } +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +// Radios and checkboxes on same line +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; // space out consecutive inline controls +} + +// Apply same disabled cursor tweak as for inputs +// +// Note: Neither radios nor checkboxes can be readonly. +input[type="radio"], +input[type="checkbox"], +.radio, +.radio-inline, +.checkbox, +.checkbox-inline { + &[disabled], + fieldset[disabled] & { + cursor: not-allowed; + } +} + + +// Form control sizing +// +// Build on `.form-control` with modifier classes to decrease or increase the +// height and font-size of form controls. + +.input-sm { + .input-size(@input-height-small; @padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); +} + +.input-lg { + .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large); +} + + +// Form control feedback states +// +// Apply contextual and semantic states to individual form controls. + +.has-feedback { + // Enable absolute positioning + position: relative; + + // Ensure icons don't overlap text + .form-control { + padding-right: (@input-height-base * 1.25); + } + + // Feedback icon (requires .glyphicon classes) + .form-control-feedback { + position: absolute; + top: (@line-height-computed + 5); // Height of the `label` and its margin + right: 0; + display: block; + width: @input-height-base; + height: @input-height-base; + line-height: @input-height-base; + text-align: center; + } +} + +// Feedback states +.has-success { + .form-control-validation(@state-success-text; @state-success-text; @state-success-bg); +} +.has-warning { + .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg); +} +.has-error { + .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg); +} + + +// Static form control text +// +// Apply class to a `p` element to make any string of text align with labels in +// a horizontal form layout. + +.form-control-static { + margin-bottom: 0; // Remove default margin from `p` +} + + +// Help text +// +// Apply to any element you wish to create light text for placement immediately +// below a form control. Use for general help, formatting, or instructional text. + +.help-block { + display: block; // account for any element using help-block + margin-top: 5px; + margin-bottom: 10px; + color: lighten(@text-color, 25%); // lighten the text some for contrast +} + + + +// Inline forms +// +// Make forms appear inline(-block) by adding the `.form-inline` class. Inline +// forms begin stacked on extra small (mobile) devices and then go inline when +// viewports reach <768px. +// +// Requires wrapping inputs and labels with `.form-group` for proper display of +// default HTML form controls and our custom form controls (e.g., input groups). +// +// Heads up! This is mixin-ed into `.navbar-form` in navbars.less. + +.form-inline { + + // Kick in the inline + @media (min-width: @screen-sm-min) { + // Inline-block all the things for "inline" + .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + + // In navbar-form, allow folks to *not* use `.form-group` + .form-control { + display: inline-block; + width: auto; // Prevent labels from stacking above inputs in `.form-group` + vertical-align: middle; + } + // Input groups need that 100% width though + .input-group > .form-control { + width: 100%; + } + + .control-label { + margin-bottom: 0; + vertical-align: middle; + } + + // Remove default margin on radios/checkboxes that were used for stacking, and + // then undo the floating of radios and checkboxes to match (which also avoids + // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969). + .radio, + .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .radio input[type="radio"], + .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + + // Validation states + // + // Reposition the icon because it's now within a grid column and columns have + // `position: relative;` on them. Also accounts for the grid gutter padding. + .has-feedback .form-control-feedback { + top: 0; + } + } +} + + +// Horizontal forms +// +// Horizontal forms are built on grid classes and allow you to create forms with +// labels on the left and inputs on the right. + +.form-horizontal { + + // Consistent vertical alignment of labels, radios, and checkboxes + .control-label, + .radio, + .checkbox, + .radio-inline, + .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: (@padding-base-vertical + 1); // Default padding plus a border + } + // Account for padding we're adding to ensure the alignment and of help text + // and other content below items + .radio, + .checkbox { + min-height: (@line-height-computed + (@padding-base-vertical + 1)); + } + + // Make form groups behave like rows + .form-group { + .make-row(); + } + + .form-control-static { + padding-top: (@padding-base-vertical + 1); + } + + // Only right align form labels here when the columns stop stacking + @media (min-width: @screen-sm-min) { + .control-label { + text-align: right; + } + } + + // Validation states + // + // Reposition the icon because it's now within a grid column and columns have + // `position: relative;` on them. Also accounts for the grid gutter padding. + .has-feedback .form-control-feedback { + top: 0; + right: (@grid-gutter-width / 2); + } +} diff --git a/static/new/css/less/glyphicons.less b/static/new/css/less/glyphicons.less new file mode 100644 index 00000000..789c5e7f --- /dev/null +++ b/static/new/css/less/glyphicons.less @@ -0,0 +1,233 @@ +// +// Glyphicons for Bootstrap +// +// Since icons are fonts, they can be placed anywhere text is placed and are +// thus automatically sized to match the surrounding child. To use, create an +// inline element with the appropriate classes, like so: +// +// Star + +// Import the fonts +@font-face { + font-family: 'Glyphicons Halflings'; + src: ~"url('@{icon-font-path}@{icon-font-name}.eot')"; + src: ~"url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype')", + ~"url('@{icon-font-path}@{icon-font-name}.woff') format('woff')", + ~"url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype')", + ~"url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg')"; +} + +// Catchall baseclass +.glyphicon { + position: relative; + top: 1px; + display: inline-block; + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +// Individual icons +.glyphicon-asterisk { &:before { content: "\2a"; } } +.glyphicon-plus { &:before { content: "\2b"; } } +.glyphicon-euro { &:before { content: "\20ac"; } } +.glyphicon-minus { &:before { content: "\2212"; } } +.glyphicon-cloud { &:before { content: "\2601"; } } +.glyphicon-envelope { &:before { content: "\2709"; } } +.glyphicon-pencil { &:before { content: "\270f"; } } +.glyphicon-glass { &:before { content: "\e001"; } } +.glyphicon-music { &:before { content: "\e002"; } } +.glyphicon-search { &:before { content: "\e003"; } } +.glyphicon-heart { &:before { content: "\e005"; } } +.glyphicon-star { &:before { content: "\e006"; } } +.glyphicon-star-empty { &:before { content: "\e007"; } } +.glyphicon-user { &:before { content: "\e008"; } } +.glyphicon-film { &:before { content: "\e009"; } } +.glyphicon-th-large { &:before { content: "\e010"; } } +.glyphicon-th { &:before { content: "\e011"; } } +.glyphicon-th-list { &:before { content: "\e012"; } } +.glyphicon-ok { &:before { content: "\e013"; } } +.glyphicon-remove { &:before { content: "\e014"; } } +.glyphicon-zoom-in { &:before { content: "\e015"; } } +.glyphicon-zoom-out { &:before { content: "\e016"; } } +.glyphicon-off { &:before { content: "\e017"; } } +.glyphicon-signal { &:before { content: "\e018"; } } +.glyphicon-cog { &:before { content: "\e019"; } } +.glyphicon-trash { &:before { content: "\e020"; } } +.glyphicon-home { &:before { content: "\e021"; } } +.glyphicon-file { &:before { content: "\e022"; } } +.glyphicon-time { &:before { content: "\e023"; } } +.glyphicon-road { &:before { content: "\e024"; } } +.glyphicon-download-alt { &:before { content: "\e025"; } } +.glyphicon-download { &:before { content: "\e026"; } } +.glyphicon-upload { &:before { content: "\e027"; } } +.glyphicon-inbox { &:before { content: "\e028"; } } +.glyphicon-play-circle { &:before { content: "\e029"; } } +.glyphicon-repeat { &:before { content: "\e030"; } } +.glyphicon-refresh { &:before { content: "\e031"; } } +.glyphicon-list-alt { &:before { content: "\e032"; } } +.glyphicon-lock { &:before { content: "\e033"; } } +.glyphicon-flag { &:before { content: "\e034"; } } +.glyphicon-headphones { &:before { content: "\e035"; } } +.glyphicon-volume-off { &:before { content: "\e036"; } } +.glyphicon-volume-down { &:before { content: "\e037"; } } +.glyphicon-volume-up { &:before { content: "\e038"; } } +.glyphicon-qrcode { &:before { content: "\e039"; } } +.glyphicon-barcode { &:before { content: "\e040"; } } +.glyphicon-tag { &:before { content: "\e041"; } } +.glyphicon-tags { &:before { content: "\e042"; } } +.glyphicon-book { &:before { content: "\e043"; } } +.glyphicon-bookmark { &:before { content: "\e044"; } } +.glyphicon-print { &:before { content: "\e045"; } } +.glyphicon-camera { &:before { content: "\e046"; } } +.glyphicon-font { &:before { content: "\e047"; } } +.glyphicon-bold { &:before { content: "\e048"; } } +.glyphicon-italic { &:before { content: "\e049"; } } +.glyphicon-text-height { &:before { content: "\e050"; } } +.glyphicon-text-width { &:before { content: "\e051"; } } +.glyphicon-align-left { &:before { content: "\e052"; } } +.glyphicon-align-center { &:before { content: "\e053"; } } +.glyphicon-align-right { &:before { content: "\e054"; } } +.glyphicon-align-justify { &:before { content: "\e055"; } } +.glyphicon-list { &:before { content: "\e056"; } } +.glyphicon-indent-left { &:before { content: "\e057"; } } +.glyphicon-indent-right { &:before { content: "\e058"; } } +.glyphicon-facetime-video { &:before { content: "\e059"; } } +.glyphicon-picture { &:before { content: "\e060"; } } +.glyphicon-map-marker { &:before { content: "\e062"; } } +.glyphicon-adjust { &:before { content: "\e063"; } } +.glyphicon-tint { &:before { content: "\e064"; } } +.glyphicon-edit { &:before { content: "\e065"; } } +.glyphicon-share { &:before { content: "\e066"; } } +.glyphicon-check { &:before { content: "\e067"; } } +.glyphicon-move { &:before { content: "\e068"; } } +.glyphicon-step-backward { &:before { content: "\e069"; } } +.glyphicon-fast-backward { &:before { content: "\e070"; } } +.glyphicon-backward { &:before { content: "\e071"; } } +.glyphicon-play { &:before { content: "\e072"; } } +.glyphicon-pause { &:before { content: "\e073"; } } +.glyphicon-stop { &:before { content: "\e074"; } } +.glyphicon-forward { &:before { content: "\e075"; } } +.glyphicon-fast-forward { &:before { content: "\e076"; } } +.glyphicon-step-forward { &:before { content: "\e077"; } } +.glyphicon-eject { &:before { content: "\e078"; } } +.glyphicon-chevron-left { &:before { content: "\e079"; } } +.glyphicon-chevron-right { &:before { content: "\e080"; } } +.glyphicon-plus-sign { &:before { content: "\e081"; } } +.glyphicon-minus-sign { &:before { content: "\e082"; } } +.glyphicon-remove-sign { &:before { content: "\e083"; } } +.glyphicon-ok-sign { &:before { content: "\e084"; } } +.glyphicon-question-sign { &:before { content: "\e085"; } } +.glyphicon-info-sign { &:before { content: "\e086"; } } +.glyphicon-screenshot { &:before { content: "\e087"; } } +.glyphicon-remove-circle { &:before { content: "\e088"; } } +.glyphicon-ok-circle { &:before { content: "\e089"; } } +.glyphicon-ban-circle { &:before { content: "\e090"; } } +.glyphicon-arrow-left { &:before { content: "\e091"; } } +.glyphicon-arrow-right { &:before { content: "\e092"; } } +.glyphicon-arrow-up { &:before { content: "\e093"; } } +.glyphicon-arrow-down { &:before { content: "\e094"; } } +.glyphicon-share-alt { &:before { content: "\e095"; } } +.glyphicon-resize-full { &:before { content: "\e096"; } } +.glyphicon-resize-small { &:before { content: "\e097"; } } +.glyphicon-exclamation-sign { &:before { content: "\e101"; } } +.glyphicon-gift { &:before { content: "\e102"; } } +.glyphicon-leaf { &:before { content: "\e103"; } } +.glyphicon-fire { &:before { content: "\e104"; } } +.glyphicon-eye-open { &:before { content: "\e105"; } } +.glyphicon-eye-close { &:before { content: "\e106"; } } +.glyphicon-warning-sign { &:before { content: "\e107"; } } +.glyphicon-plane { &:before { content: "\e108"; } } +.glyphicon-calendar { &:before { content: "\e109"; } } +.glyphicon-random { &:before { content: "\e110"; } } +.glyphicon-comment { &:before { content: "\e111"; } } +.glyphicon-magnet { &:before { content: "\e112"; } } +.glyphicon-chevron-up { &:before { content: "\e113"; } } +.glyphicon-chevron-down { &:before { content: "\e114"; } } +.glyphicon-retweet { &:before { content: "\e115"; } } +.glyphicon-shopping-cart { &:before { content: "\e116"; } } +.glyphicon-folder-close { &:before { content: "\e117"; } } +.glyphicon-folder-open { &:before { content: "\e118"; } } +.glyphicon-resize-vertical { &:before { content: "\e119"; } } +.glyphicon-resize-horizontal { &:before { content: "\e120"; } } +.glyphicon-hdd { &:before { content: "\e121"; } } +.glyphicon-bullhorn { &:before { content: "\e122"; } } +.glyphicon-bell { &:before { content: "\e123"; } } +.glyphicon-certificate { &:before { content: "\e124"; } } +.glyphicon-thumbs-up { &:before { content: "\e125"; } } +.glyphicon-thumbs-down { &:before { content: "\e126"; } } +.glyphicon-hand-right { &:before { content: "\e127"; } } +.glyphicon-hand-left { &:before { content: "\e128"; } } +.glyphicon-hand-up { &:before { content: "\e129"; } } +.glyphicon-hand-down { &:before { content: "\e130"; } } +.glyphicon-circle-arrow-right { &:before { content: "\e131"; } } +.glyphicon-circle-arrow-left { &:before { content: "\e132"; } } +.glyphicon-circle-arrow-up { &:before { content: "\e133"; } } +.glyphicon-circle-arrow-down { &:before { content: "\e134"; } } +.glyphicon-globe { &:before { content: "\e135"; } } +.glyphicon-wrench { &:before { content: "\e136"; } } +.glyphicon-tasks { &:before { content: "\e137"; } } +.glyphicon-filter { &:before { content: "\e138"; } } +.glyphicon-briefcase { &:before { content: "\e139"; } } +.glyphicon-fullscreen { &:before { content: "\e140"; } } +.glyphicon-dashboard { &:before { content: "\e141"; } } +.glyphicon-paperclip { &:before { content: "\e142"; } } +.glyphicon-heart-empty { &:before { content: "\e143"; } } +.glyphicon-link { &:before { content: "\e144"; } } +.glyphicon-phone { &:before { content: "\e145"; } } +.glyphicon-pushpin { &:before { content: "\e146"; } } +.glyphicon-usd { &:before { content: "\e148"; } } +.glyphicon-gbp { &:before { content: "\e149"; } } +.glyphicon-sort { &:before { content: "\e150"; } } +.glyphicon-sort-by-alphabet { &:before { content: "\e151"; } } +.glyphicon-sort-by-alphabet-alt { &:before { content: "\e152"; } } +.glyphicon-sort-by-order { &:before { content: "\e153"; } } +.glyphicon-sort-by-order-alt { &:before { content: "\e154"; } } +.glyphicon-sort-by-attributes { &:before { content: "\e155"; } } +.glyphicon-sort-by-attributes-alt { &:before { content: "\e156"; } } +.glyphicon-unchecked { &:before { content: "\e157"; } } +.glyphicon-expand { &:before { content: "\e158"; } } +.glyphicon-collapse-down { &:before { content: "\e159"; } } +.glyphicon-collapse-up { &:before { content: "\e160"; } } +.glyphicon-log-in { &:before { content: "\e161"; } } +.glyphicon-flash { &:before { content: "\e162"; } } +.glyphicon-log-out { &:before { content: "\e163"; } } +.glyphicon-new-window { &:before { content: "\e164"; } } +.glyphicon-record { &:before { content: "\e165"; } } +.glyphicon-save { &:before { content: "\e166"; } } +.glyphicon-open { &:before { content: "\e167"; } } +.glyphicon-saved { &:before { content: "\e168"; } } +.glyphicon-import { &:before { content: "\e169"; } } +.glyphicon-export { &:before { content: "\e170"; } } +.glyphicon-send { &:before { content: "\e171"; } } +.glyphicon-floppy-disk { &:before { content: "\e172"; } } +.glyphicon-floppy-saved { &:before { content: "\e173"; } } +.glyphicon-floppy-remove { &:before { content: "\e174"; } } +.glyphicon-floppy-save { &:before { content: "\e175"; } } +.glyphicon-floppy-open { &:before { content: "\e176"; } } +.glyphicon-credit-card { &:before { content: "\e177"; } } +.glyphicon-transfer { &:before { content: "\e178"; } } +.glyphicon-cutlery { &:before { content: "\e179"; } } +.glyphicon-header { &:before { content: "\e180"; } } +.glyphicon-compressed { &:before { content: "\e181"; } } +.glyphicon-earphone { &:before { content: "\e182"; } } +.glyphicon-phone-alt { &:before { content: "\e183"; } } +.glyphicon-tower { &:before { content: "\e184"; } } +.glyphicon-stats { &:before { content: "\e185"; } } +.glyphicon-sd-video { &:before { content: "\e186"; } } +.glyphicon-hd-video { &:before { content: "\e187"; } } +.glyphicon-subtitles { &:before { content: "\e188"; } } +.glyphicon-sound-stereo { &:before { content: "\e189"; } } +.glyphicon-sound-dolby { &:before { content: "\e190"; } } +.glyphicon-sound-5-1 { &:before { content: "\e191"; } } +.glyphicon-sound-6-1 { &:before { content: "\e192"; } } +.glyphicon-sound-7-1 { &:before { content: "\e193"; } } +.glyphicon-copyright-mark { &:before { content: "\e194"; } } +.glyphicon-registration-mark { &:before { content: "\e195"; } } +.glyphicon-cloud-download { &:before { content: "\e197"; } } +.glyphicon-cloud-upload { &:before { content: "\e198"; } } +.glyphicon-tree-conifer { &:before { content: "\e199"; } } +.glyphicon-tree-deciduous { &:before { content: "\e200"; } } diff --git a/static/new/css/less/grass.less b/static/new/css/less/grass.less new file mode 100644 index 00000000..0a2c1b2b --- /dev/null +++ b/static/new/css/less/grass.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #47B40C; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/grid.less b/static/new/css/less/grid.less new file mode 100644 index 00000000..e100655b --- /dev/null +++ b/static/new/css/less/grid.less @@ -0,0 +1,84 @@ +// +// Grid system +// -------------------------------------------------- + + +// Container widths +// +// Set the container width, and override it for fixed navbars in media queries. + +.container { + .container-fixed(); + + @media (min-width: @screen-sm-min) { + width: @container-sm; + } + @media (min-width: @screen-md-min) { + width: @container-md; + } + @media (min-width: @screen-lg-min) { + width: @container-lg; + } +} + + +// Fluid container +// +// Utilizes the mixin meant for fixed width containers, but without any defined +// width for fluid, full width layouts. + +.container-fluid { + .container-fixed(); +} + + +// Row +// +// Rows contain and clear the floats of your columns. + +.row { + .make-row(); +} + + +// Columns +// +// Common styles for small and large grid columns + +.make-grid-columns(); + + +// Extra small grid +// +// Columns, offsets, pushes, and pulls for extra small devices like +// smartphones. + +.make-grid(xs); + + +// Small grid +// +// Columns, offsets, pushes, and pulls for the small device range, from phones +// to tablets. + +@media (min-width: @screen-sm-min) { + .make-grid(sm); +} + + +// Medium grid +// +// Columns, offsets, pushes, and pulls for the desktop device range. + +@media (min-width: @screen-md-min) { + .make-grid(md); +} + + +// Large grid +// +// Columns, offsets, pushes, and pulls for the large desktop device range. + +@media (min-width: @screen-lg-min) { + .make-grid(lg); +} diff --git a/static/new/css/less/gunmetalpurple.less b/static/new/css/less/gunmetalpurple.less new file mode 100644 index 00000000..48a64796 --- /dev/null +++ b/static/new/css/less/gunmetalpurple.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #572864; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/haemo.less b/static/new/css/less/haemo.less new file mode 100644 index 00000000..debfb9b6 --- /dev/null +++ b/static/new/css/less/haemo.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #A32834; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/handbag.less b/static/new/css/less/handbag.less new file mode 100644 index 00000000..4f70a95e --- /dev/null +++ b/static/new/css/less/handbag.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #E9004E; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/hot.less b/static/new/css/less/hot.less new file mode 100644 index 00000000..8af03058 --- /dev/null +++ b/static/new/css/less/hot.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #FF5F00; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/humblebumble.less b/static/new/css/less/humblebumble.less new file mode 100644 index 00000000..510f303d --- /dev/null +++ b/static/new/css/less/humblebumble.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #FFDB00; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/input-groups.less b/static/new/css/less/input-groups.less new file mode 100644 index 00000000..a1114746 --- /dev/null +++ b/static/new/css/less/input-groups.less @@ -0,0 +1,162 @@ +// +// Input groups +// -------------------------------------------------- + +// Base styles +// ------------------------- +.input-group { + position: relative; // For dropdowns + display: table; + border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table + + // Undo padding and float of grid classes + &[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; + } + + .form-control { + // Ensure that the input is always above the *appended* addon button for + // proper border colors. + position: relative; + z-index: 2; + + // IE9 fubars the placeholder attribute in text inputs and the arrows on + // select elements in input groups. To fix it, we float the input. Details: + // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855 + float: left; + + width: 100%; + margin-bottom: 0; + } +} + +// Sizing options +// +// Remix the default form control sizing classes into new ones for easier +// manipulation. + +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { .input-lg(); } +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { .input-sm(); } + + +// Display as table-cell +// ------------------------- +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; + + &:not(:first-child):not(:last-child) { + border-radius: 0; + } +} +// Addon and addon wrapper for buttons +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; // Match the inputs +} + +// Text input groups +// ------------------------- +.input-group-addon { + padding: @padding-base-vertical @padding-base-horizontal; + font-size: @font-size-base; + font-weight: normal; + line-height: 1; + color: @input-color; + text-align: center; + background-color: @input-group-addon-bg; + border: 1px solid @input-group-addon-border-color; + border-radius: @border-radius-base; + + // Sizing + &.input-sm { + padding: @padding-small-vertical @padding-small-horizontal; + font-size: @font-size-small; + border-radius: @border-radius-small; + } + &.input-lg { + padding: @padding-large-vertical @padding-large-horizontal; + font-size: @font-size-large; + border-radius: @border-radius-large; + } + + // Nuke default margins from checkboxes and radios to vertically center within. + input[type="radio"], + input[type="checkbox"] { + margin-top: 0; + } +} + +// Reset rounded corners +.input-group .form-control:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .btn-group > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), +.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { + .border-right-radius(0); +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .btn-group > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child), +.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { + .border-left-radius(0); +} +.input-group-addon:last-child { + border-left: 0; +} + +// Button input groups +// ------------------------- +.input-group-btn { + position: relative; + // Jankily prevent input button groups from wrapping with `white-space` and + // `font-size` in combination with `inline-block` on buttons. + font-size: 0; + white-space: nowrap; + + // Negative margin for spacing, position for bringing hovered/focused/actived + // element above the siblings. + > .btn { + position: relative; + + .btn { + margin-left: -1px; + } + // Bring the "active" button to the front + &:hover, + &:focus, + &:active { + z-index: 2; + } + } + + // Negative margin to only have a 1px border between the two + &:first-child { + > .btn, + > .btn-group { + margin-right: -1px; + } + } + &:last-child { + > .btn, + > .btn-group { + margin-left: -1px; + } + } +} diff --git a/static/new/css/less/jaded.less b/static/new/css/less/jaded.less new file mode 100644 index 00000000..39e94cea --- /dev/null +++ b/static/new/css/less/jaded.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #00936B; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/jumbotron.less b/static/new/css/less/jumbotron.less new file mode 100644 index 00000000..a15e1697 --- /dev/null +++ b/static/new/css/less/jumbotron.less @@ -0,0 +1,44 @@ +// +// Jumbotron +// -------------------------------------------------- + + +.jumbotron { + padding: @jumbotron-padding; + margin-bottom: @jumbotron-padding; + color: @jumbotron-color; + background-color: @jumbotron-bg; + + h1, + .h1 { + color: @jumbotron-heading-color; + } + p { + margin-bottom: (@jumbotron-padding / 2); + font-size: @jumbotron-font-size; + font-weight: 200; + } + + .container & { + border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container + } + + .container { + max-width: 100%; + } + + @media screen and (min-width: @screen-sm-min) { + padding-top: (@jumbotron-padding * 1.6); + padding-bottom: (@jumbotron-padding * 1.6); + + .container & { + padding-left: (@jumbotron-padding * 2); + padding-right: (@jumbotron-padding * 2); + } + + h1, + .h1 { + font-size: (@font-size-base * 4.5); + } + } +} diff --git a/static/new/css/less/labels.less b/static/new/css/less/labels.less new file mode 100644 index 00000000..5db1ed12 --- /dev/null +++ b/static/new/css/less/labels.less @@ -0,0 +1,64 @@ +// +// Labels +// -------------------------------------------------- + +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: @label-color; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; + + // Add hover effects, but only for links + &[href] { + &:hover, + &:focus { + color: @label-link-hover-color; + text-decoration: none; + cursor: pointer; + } + } + + // Empty labels collapse automatically (not available in IE8) + &:empty { + display: none; + } + + // Quick fix for labels in buttons + .btn & { + position: relative; + top: -1px; + } +} + +// Colors +// Contextual variations (linked labels get darker on :hover) + +.label-default { + .label-variant(@label-default-bg); +} + +.label-primary { + .label-variant(@label-primary-bg); +} + +.label-success { + .label-variant(@label-success-bg); +} + +.label-info { + .label-variant(@label-info-bg); +} + +.label-warning { + .label-variant(@label-warning-bg); +} + +.label-danger { + .label-variant(@label-danger-bg); +} diff --git a/static/new/css/less/lava.less b/static/new/css/less/lava.less new file mode 100644 index 00000000..724587e7 --- /dev/null +++ b/static/new/css/less/lava.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #E12B00; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/leaf.less b/static/new/css/less/leaf.less new file mode 100644 index 00000000..4188607b --- /dev/null +++ b/static/new/css/less/leaf.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #379D16; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/lightjade.less b/static/new/css/less/lightjade.less new file mode 100644 index 00000000..1a1bdba5 --- /dev/null +++ b/static/new/css/less/lightjade.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #00BF8A; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/lime.less b/static/new/css/less/lime.less new file mode 100644 index 00000000..84d6b4d8 --- /dev/null +++ b/static/new/css/less/lime.less @@ -0,0 +1,837 @@ +// +// Load core variables and mixins +// -------------------------------------------------- + +@import "variables.less"; +@import "mixins.less"; + +// +// Useful Mixins +// -------------------------------------------------- + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +// +// Helper Classes & Resets +// -------------------------------------------------- + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +// +// Loader +// -------------------------------------------------- + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +// +// Colours +// -------------------------------------------------- + +@color-primary: #27E000; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +// +// Typography +// -------------------------------------------------- + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: @color-heading; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +// +// Spacing Standards +// -------------------------------------------------- + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +// +// Buttons +// -------------------------------------------------- + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +// +// Backgrounds & Parallax +// -------------------------------------------------- + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +// +// Navigation +// -------------------------------------------------- + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.3); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px; margin-bottom: 32px; left: 24px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +// +// Sliders & Dividers & Headers +// -------------------------------------------------- + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +// +// Image with text +// -------------------------------------------------- + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +// +// Promo Blocks +// -------------------------------------------------- + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 120px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +// +// Speakers & Topics +// -------------------------------------------------- + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +// +// Schedule +// -------------------------------------------------- + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +// +// Galleries +// -------------------------------------------------- + +.instagram{ position: relative; padding: @standard-space*3 0px; } +.instagram{ overflow: hidden; background: #000 !important; } +.instagram ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover{ opacity: 1 !important; } + +.instagram .container{ position: relative; z-index: 3; } +.instagram i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9){ display: none; } + .instagram li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7){ display: none; } + .instagram li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5){ display: none; } + .instagram li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li{ width: 33.33333%; } + .contained-gallery .instagram{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li{ width: 33.33333% !important; } +} + +// +// Pricing +// -------------------------------------------------- + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +// +// Frequently Asked Questions +// -------------------------------------------------- + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +// +// Visitor Info +// -------------------------------------------------- + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +// +// Subscribe +// -------------------------------------------------- + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } +} + + +// +// Contact +// -------------------------------------------------- + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + + +// +// Sponsors +// -------------------------------------------------- + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +// +// Forms +// -------------------------------------------------- + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +// +// Utility Pages +// -------------------------------------------------- + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +// +// Footers +// -------------------------------------------------- + + +.subscribe-1 .footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.subscribe-1 .footer .menu{ overflow: visible; } +.subscribe-1 .footer .menu li{ top: 0px; } +.subscribe-1 .footer .menu li a{ padding-bottom: 0px; } +.subscribe-1 .footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.subscribe-1 .footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.subscribe-1 .footer .menu li a:hover{ border: none; } +.subscribe-1 .footer .back-to-top{ padding-right: 42px; } +.subscribe-1 .footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/lippy.less b/static/new/css/less/lippy.less new file mode 100644 index 00000000..1fe13915 --- /dev/null +++ b/static/new/css/less/lippy.less @@ -0,0 +1,901 @@ +/*! +// Contents +// ------------------------------------------------ + + 1. Mixins + 2. Helper classes & resets + 3. Loader + 4. Colours + 5. Typography + 6. Spacing + 7. Buttons + 8. Navigation + 9. Slider, Dividers + 10. Speakers & Topics + 11. Schedule + 12. Galleries + 13. Pricing & FAQ + 14. Subscribe + 15. Contact + 16. Forms + 17. Footers + +// --------------------------------------------------*/ + +@import "variables.less"; +@import "mixins.less"; + +/*! +// 1. Useful Mixins +// --------------------------------------------------*/ + +.vertical-align { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); +} + +.vertical-align-cancel{ + top: 0px; + -webkit-transform: translateY(0px); + -ms-transform: translateY(0px); + transform: translateY(0px); +} + +.preserve-3d { + -webkit-transform-style: preserve-3d; + -moz-transform-style: preserve-3d; + transform-style: preserve-3d; +} + +.transition-100{ + transition: all .1s ease-out; + -webkit-transition: all .1s ease-out; + -moz-transition: all .1s ease-out; +} + +.transition-300{ + transition: all .3s ease-out; + -webkit-transition: all .3s ease-out; + -moz-transition: all .3s ease-out; +} + +.transition-700{ + transition: all .7s ease-out; + -webkit-transition: all .7s ease-out; + -moz-transition: all .7s ease-out; +} + +.translate3d(@x,@y,@z){ + transform: translate3d(@x,@y,@z); + -webkit-transform: translate3d(@x,@y,@z); + -moz-transform: translate3d(@x,@y,@z); +} + +.scale2d(@x,@y){ + transform: scale(@x,@y); + -webkit-transform: scale(@x,@y); + -moz-transform: scale(@x,@y); +} + +.overlay-params(@strength, @bg-color){ + background-color: @bg-color; + opacity: @strength; + position: absolute; + content: ''; + width: 100%; + height: 100%; + z-index: 1; + top: 0px; +} + +.overlay:before{ .overlay-params(@strength: 0.5, @bg-color: @color-heading); } +.overlay .container{ position: relative; z-index: 2; } + +/*! +// 2. Helper Classes & Resets +// --------------------------------------------------*/ + +.go-right{ right: 0px; } +.go-left{ left: 0px; } + +img{ max-width: 100%; } + +.main-container{ .transition-300; } + +/*! +// 3. Loader +// --------------------------------------------------*/ + +.loader{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99; background: #fff; .preserve-3d; .transition-300; opacity: 1; } +.strip-holder{ .vertical-align; left: 50%; margin-left: -50px; position: relative; } +.strip-1, .strip-2, .strip-3{ width: 20px; height: 20px; background: @color-primary; position: relative; -webkit-animation: stripMove 2s ease infinite alternate; animation: stripMove 2s ease infinite alternate; -moz-animation: stripMove 2s ease infinite alternate; } +.strip-2{ -webkit-animation-duration: 2.1s; animation-duration: 2.1s; background-color: lighten(@color-primary, 20%); } +.strip-3{ -webkit-animation-duration: 2.2s; animation-duration: 2.2s; background-color: lighten(@color-primary, 40%); } + + +@-webkit-keyframes stripMove{ + 0% { .translate3d(@x: 0px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } +} + +@-moz-keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +@keyframes stripMove{ + 0% { .translate3d(@x: -50px, @y: 0px, @z: 0px); } + 50% { .translate3d(@x: 0px, @y: 0px, @z: 0px); .scale2d(@x: 4, @y: 1); } + 100% { .translate3d(@x: 50px, @y: 0px, @z: 0px); } +} + +.main-container{ .transition-300; opacity: 0; } +nav{ .transition-300; opacity: 0; } +.show-content{ opacity: 1 !important; } +.hide-loader{ opacity: 0 !important; } + + +/*! +// 4. Colours +// --------------------------------------------------*/ + +@color-primary: #D6116E; +@color-heading: #333; +@color-body: #777; +@color-muted: #f5f5f5 !important; + +.background-dark{ background-color: @color-heading !important; } +.color-heading{ color: @color-heading; } + +/*! +// 5. Typography +// --------------------------------------------------*/ + +@custom-heading-font: 'Open Sans'; +@custom-body-font: 'Open Sans'; + +.text-white{ color: #fff; } + +body{ font-family: @custom-body-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; color: @color-body; font-size: 14px; line-height: 24px; background: #fff; } +h1,h2,h3,h4,h5,h6{ font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; margin: 0px; color: @color-heading; } + +h1{ font-size: 30px; line-height: 36px; margin-bottom: 42px; } +h3{ font-size: 20px; line-height: 28px; } + +.large-h1{ font-size: 42px; line-height: 48px; font-weight: 300; } + +p{ font-size: 14px; line-height: 24px; } +p:last-child{ margin-bottom: 0px; } +p.lead{ font-size: 16px; line-height: 30px; font-weight: 400; } +span.lead{ font-weight: 400; } +.uppercase{ text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-right: -1px; } + +strong{ font-weight: 600; } + +ul{ list-style: none; margin: 0px; padding: 0px; } + +@media all and(max-width: 767px){ + h1{ font-size: 24px; line-height: 28px; margin-bottom: 36px; } + h2{ font-size: 20px; line-height: 26px; } + + .large-h1{ font-size: 24px; line-height: 28px; } + + p{ font-size: 13px; line-height: 22px; } + p.lead{ font-size: 15px; line-height: 26px; } +} + + +/*! +// Spacing Standards +// --------------------------------------------------*/ + +@standard-space: 72px; + +section{ padding: @standard-space 0px; background: #fff; } + +.duplicatable-content{ padding-bottom: @standard-space/2; } + + +/*! +// 6. Buttons +// --------------------------------------------------*/ + +a:hover{ text-decoration: none; } +h1 a, span a,p a,.text-link a{ font-weight: 600; color: #fff; display: inline-block; border-bottom: 4px solid #fff; padding-bottom: 6px; .transition-300; } +span a, p a,.text-link a{ padding-bottom: 4px; border-bottom: 3px solid #fff; } +span a:hover{ color: #fff; } +p a, .text-link a{ color: @color-primary !important; border-color: @color-primary; padding-bottom: 2px; } +p a, .text-link a:hover{ color: @color-heading; } + +.btn{ min-width: 180px; border-radius: 25px; background: @color-primary; text-align: center; padding: 13px 0px 14px 0px; color: #fff; font-size: 15px; .transition-300; font-weight: 600; line-height: 1; } +.btn:hover{ color: #fff; background: darken(@color-primary, 5%); } +.btn-hollow{ background: none; border: 2px solid @color-primary; color: @color-primary; } +.btn-hollow:hover{ background: @color-primary; } + +.btn-white{ background: #fff; color: @color-primary; } +.btn-white:hover{ background: #fff; color: darken(@color-primary,10%); } + +.btn-hollow.btn-white{ background: none; border-color: #fff; color: #fff; } +.btn-hollow.btn-white:hover{ background: #fff; color: @color-primary; } + +.btn-lg{ padding: 20px 0px 21px 0px; text-transform: uppercase; min-width: 230px; border-radius: 35px; } + +/*! +// Backgrounds & Parallax +// --------------------------------------------------*/ + +.background-image-holder{ position: absolute; width: 100%; height: 130%; top: -10%; background-size: cover !important; background-position: 50% 50% !important; } +.image-holder{ position: relative; overflow: hidden; } + +/*! +// 7. Navigation +// --------------------------------------------------*/ + +nav .logo{ max-height: 45px; max-width: 110px; position: absolute; top: -6px; opacity: 1; } +nav .text-right{ position: relative; } +nav .container{ .transition-300; } + +.overlay-nav{ position:fixed; top: 0px; z-index: 10; width: 100%; padding-top: @standard-space/3; line-height: 1; background: none; .transition-300; } +.overlay-nav .logo-dark{ opacity: 0; } +.overlay-nav.sticky-nav .logo-light{ opacity: 0; } +.overlay-nav.sticky-nav .logo-dark{ opacity: 1; } + +.bottom-border{ position: absolute; bottom: 2px; width: 100%; height: 2px; background: rgba(255,255,255,0.3); } +.sidebar-menu .bottom-border{ position: relative; bottom: 0px; background: rgba(255,255,255,0.2); display: block !important; } + +.menu{ display: inline-block; text-align: left; line-height: 1; } +.menu li{ float: left; margin-right: 32px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; position: relative; top: 4px; } +.menu li:last-child{ margin-right: 0px; } +.menu li:nth-las-child(2){ margin-right: 12px; } +.menu li a{ color: #fff; display: inline-block; padding-bottom: @standard-space/3; border-bottom: 2px solid rgba(0,0,0,0); .transition-300; } +.menu li a:hover{ border-bottom: 2px solid #fff; } + +.nav-dropdown{ position: absolute; z-index: -1; max-height: 0px; background: rgba(255,255,255,0.9); min-width: 200px; .transition-300; } +.nav-dropdown li:first-child{ margin-top: 12px; } +.nav-dropdown li{ opacity: 0; .transition-300; margin-right: 0px; float: none; margin-bottom: 18px; } +.nav-dropdown li a{ padding-bottom: 0px; padding-left: 24px; color: @color-heading; } +.nav-dropdown li a:hover{ border-color: rgba(0,0,0,0); } + +.has-dropdown:hover .nav-dropdown{ z-index: 10; max-height: 300px; } +.has-dropdown:hover .nav-dropdown li{ opacity: 1; } + +.has-dropdown a{ padding-left: 18px; } +.has-dropdown:before{ display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e688"; color: #fff; font-size: 24px; position: absolute; top: -6px; } + +.menu .social-link{ font-size: 14px; top: 0px !important; margin-right: 18px !important; } +.menu .social-link:nth-last-child(2){ margin-right: 18px; } + +.sticky-nav{ background: rgba(255,255,255,0.9); } +.sticky-nav .menu li a{ color: @color-heading; } +.sticky-nav .bottom-border{ display: none; } +.sticky-nav .menu li a:hover{ border-color: rgba(0,0,0,0); } +.sticky-nav .sidebar-menu-toggle, .sticky-nav .mobile-menu-toggle{ color: @color-heading; } +.sticky-nav .nav-dropdown{ background: rgba(255,255,255,0.9); } +.sticky-nav .has-dropdown:before{ color: @color-heading; } + +.sidebar-menu-toggle, .mobile-menu-toggle{ position: absolute; color: #fff; font-size: 32px; right: 0px; top: -7px; cursor: pointer; .transition-300; } + +.mobile-menu-toggle{ display: none; } + +.sidebar-menu, .instagram-sidebar{ position: fixed; right: 0px; top: 0px; width: 300px; height: 100%; background: @color-heading; .translate3d(@x: 300px, @y: 0px, @z: 0px); .transition-300; } +.show-sidebar{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } +.reveal-sidebar{ .translate3d(@x: -300px, @y: 0px, @z: 0px); } + +.sidebar-content{ padding: 0px 24px; margin-top: 24px; } +.widget{ margin-bottom: 24px; } +.widget .title{ font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 12px; } +.widget .menu li{ float: none; margin-bottom: 12px; } +.widget .menu li a{ padding-bottom: 0px; color: #fff !important; font-size: 12px; } +.widget .menu li a:hover{ border-color: rgba(0,0,0,0); } +.widget .menu .social-link{ display: none; } +.widget .social-profiles li{ margin-right: 24px; } +.widget .social-profiles li a{ color: #fff; } + +.instagram-toggle{ cursor: pointer; } +.instagram-toggle-init{ pointer-events: none; } +.instagram-sidebar li{ width: 100%; height: 250px; } +.instagram-sidebar{ overflow-y: auto; } + +.sidebar-content .copy-text{ position: absolute; bottom: 32px; color: rgba(255,255,255,0.5); font-size: 12px; } +.text-panel{ background: lighten(@color-heading, 8%); padding: 18px; } + +.relative-nav{ position: relative; padding-top: 28px; background: #fff; } +.relative-nav .menu li a{ color: @color-heading; } +.relative-nav .has-dropdown:before{ color: @color-heading; } +.relative-nav .nav-dropdown{ background: rgba(53,53,53,0.8); } +.relative-nav .has-dropdown li a{ color: #fff; } +.relative-nav .sidebar-menu-toggle{ color: @color-heading; } +.relative-nav .logo-light{ opacity: 0 !important; } +.relative-nav .logo-dark{ opacity: 1 !important; } +.relative-nav .logo{ top: -4px !important; } + +.sidebar-menu .logo{ max-width: 110px; position: relative; top: 21px !important; margin-bottom: 32px; left: 24px; } + +@media all and(max-width: 768px){ + nav{ max-height: 67px; overflow: hidden; background: rgba(255,255,255,0.9) !important; } + nav .menu li{ float: none; margin-bottom: 24px; } + nav .menu li a{ color: @color-heading !important; padding-bottom: 0px; } + nav .logo{ max-width: 90px; top: -2px; } + nav .logo-dark{ opacity: 1 !important; } + nav .logo-light{ opacity: 0 !important; } + nav .menu{ width: 100%; display: block; margin-top: 67px; margin-right: 0px; } + nav .social-link{ float: left !important; } + .sidebar-menu-toggle{ display: none; } + .mobile-menu-toggle{ display: block; position: fixed; top: 17px; right: 24px; color: @color-heading !important; } + .open-menu{ max-height: 800px !important; } + .nav-dropdown{ position: relative; display: none; } + .has-dropdown:hover .nav-dropdown{ display: block; } + .has-dropdown:before{ color: @color-heading; } +} + +/*! +// 8. Sliders & Dividers & Headers +// --------------------------------------------------*/ + +.hero-slider{ padding: 0px; position: relative; overflow: hidden; } +.hero-slider .slides li{ height: 780px; position: relative; overflow: hidden; .preserve-3d; } +.hero-slider .slides li:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } + +.hero-slider .container{ .vertical-align; z-index: 2; } +.hero-slider h1{ margin-bottom: 42px; } + +.hero-slider .btn-hollow{ color: #fff; border-color: #fff; margin-left: 16px; } +.hero-slider .btn-hollow:hover{ background: #fff; color: @color-primary; } + +@media all and(max-width: 767px){ + .hero-slider .btn-hollow{ display: none; } +} + +.register-header form.register{ padding-top: 0px; background: rgba(0,0,0,0.4); padding: 24px; } +.register-header form input{ width: 100% !important; } +.register-header form.register span{ color: #fff; } +.register-header .logo, .hero-slide .logo{ max-width: 150px; display: block; margin-bottom: 12px; } + +.register-header h1{ margin-bottom: 24px !important; } + +@media all and(max-width: 768px){ + .register-header form.register .form-name, .register-header form.register .form-email{ max-width: 100%; width: 100%; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .register-header form.register .form-name, .register-header form.register .form-email{ width: 50%; } +} + +@media all and(max-width: 767px){ + .hero-slide .logo{ max-width: 100px; } + .register-header .logo{ display: none; } + .register-header h1{ display: none; } + .register-header form h1{ display: block; } + .register-header span.lead{ display: none; } + .register-header input, .register-header .select-holder{ max-width: 100% !important; } + .hero-slider h1{ margin-bottom: 18px; } +} + +.testimonials-slider{ position: relative; margin-bottom: 48px; } +.testimonials-slider .flex-control-nav a{ background:rgba(0,0,0,0.3); } +.testimonials-slider .flex-control-nav a.flex-active{ background:rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav a:hover{ background: rgba(0,0,0,0.8); } +.testimonials-slider .flex-control-nav{ bottom: -48px; text-align: left; } + +.primary-overlay:before{ .overlay-params(@strength: 0.8, @bg-color: @color-primary); background-color: @color-primary !important; } + +.strip-divider{ padding: @standard-space*3 0px; position: relative; overflow: hidden; } +.strip-divider .container{ z-index: 2; position: relative; } +.strip-divider h1{ margin: 0px; font-size: 36px; line-height: 48px; } +.strip-divider a:hover{ color: #fff !important; } + +@media all and(max-width: 767px){ + .strip-divider{ padding: @standard-space 0px; } +} + +.countdown-divider{ padding: @standard-space*2 0px; } +.countdown-divider img, .countdown-header img, .video-header img{ max-width: 300px; display: inline-block; margin-bottom: 12px; } + +.countdown-header h1{ margin-bottom: 0px; } +.countdown-header:before{ opacity: 0.8 !important; } + +.video-header:before{ opacity: 0.5 !important; background: #000 !important; } +.video-header .uppercase, .countdown-header .uppercase{ display: block; font-weight: 600; margin-bottom: 24px; } + + +@media all and(max-width: 768px){ + .countdown-header img, .countdown-divider img, .video-header img{ max-width: 150px; } +} + +.countdown{ text-align: center; margin-top: @standard-space; } +.countdown-row{ color: #fff; font-size: 80px; font-weight: 300; } +.countdown-section{ width: 20%; display: inline-block; } +.countdown-amount{ display: inline-block; margin-bottom: 48px; } +.countdown-period{ display: block; font-size: 24px; } + +.section-header{ position: relative; overflow: hidden; height: 450px; } +.section-header h1{ font-size: 32px; } +.section-header.overlay:before{ opacity: 0.2; } +.section-header i{ font-size: 40px; color: #fff; margin: 0px 24px 12px 0px; } +.section-header i:last-of-type{ margin-right: 0px; } + +@media all and(max-width: 767px){ + .countdown{ margin-top: 48px; } + .countdown-row{ font-size: 36px; } + .countdown-period{ font-size: 16px; } +} + +.video-wrapper{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; } +.video-wrapper video{ width: 100%; } + +@media all and(max-width: 1390px){ + .video-wrapper video{ width: 110%; } +} + +@media all and(max-width: 1260px){ + .video-wrapper video{ width: 120%; } +} + +@media all and(max-width: 1160px){ + .video-wrapper video{ width: 130%; } +} + +@media all and(max-width: 1024px){ + .video-wrapper{ display: none; } +} + +.call-to-action{ padding: 144px 0px; } +.call-to-action .uppercase{ display: block; width: 100%; text-align: center; margin-bottom: 32px; } +.call-to-action h1{ margin-bottom: 32px; } +.call-to-action .btn{ margin-bottom: 40px; } +.call-to-action a i{ display: inline-block; width: 60px; height: 60px; border-radius: 50%; color: #fff; margin-right: 12px; font-size: 24px; line-height: 60px; } +.call-to-action .social_facebook{ background-color: #3b5998; } +.call-to-action .social_twitter{ background-color: #00aced; } +.call-to-action a:last-of-type i{ margin-right: 0px; } + +@media all and(max-width: 768px){ + .call-to-action{ padding: @standard-space 0px; } +} + +/*! +// 9. Image with text +// --------------------------------------------------*/ + +.image-with-text{ overflow: hidden; position: relative; height: 600px; } +.image-with-text h1{ margin-bottom: 24px; } + +.side-image{ padding: 0px; position: absolute; top: 0px; height: 100%; } + + +@media all and(max-width: 767px){ + .image-with-text{ height: auto; padding: @standard-space 0px; } + .image-with-text .vertical-align{ .vertical-align-cancel } +} + +/*! +// Promo Blocks +// --------------------------------------------------*/ + +.color-blocks{ position: relative; overflow: hidden; color: #fff; } +.color-block{ position: absolute; top: 0px; height: 100%; padding: 0px; color: #fff; .transition-300; } +.color-blocks h1, .color-blocks h2, .color-blocks h3, .color-blocks h4, .color-blocks h5, .color-blocks h6{ color: #fff; } +.color-blocks h1{ margin-bottom: 12px; } +.color-blocks a{ color: #fff; pointer-events: auto; } +.color-blocks a:hover i{ transform: rotateZ(-10deg); } +.color-blocks i, .contained-promo i{ color: @color-primary; font-size: 70px; display: inline-block; border: 2px solid #fff; border-radius: 50%; width: 120px; height: 120px; line-height: 117px; background: #fff; text-align: center; .transition-100; } +.block-left{ background-color: @color-primary; } +.block-right{ background-color: darken(@color-primary, 8%); right: 0px; } + +@media all and(max-width: 768px){ + .block-content{ margin-bottom: @standard-space*2; overflow: hidden; display: block; } + .block-content:last-of-type{ margin-bottom: 0px; } + .color-block{ height: 50%; width: 100%; } + .block-right{ top: 50%; } +} + +@media all and(max-width: 767px){ + .block-content i{ margin-bottom: 30px; } +} + + + +/*! +// 10. Speakers & Topics +// --------------------------------------------------*/ + +.speakers-row{ padding: 0px 15px; } +.speaker-column{ padding: 0px; } + +.speaker{ position: relative; overflow: hidden; } +.speaker,.topic{ margin-bottom: @standard-space/2; } +.speaker .hover-state{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; background: rgba(0,0,0,0.5); .transition-300; } +.speaker .image-holder{ margin-bottom: 12px; } +.speaker span{ display: block; font-size: 16px; } +.speaker-name{ color: @color-heading; } +.speaker .social-links{ width: 100%; .transition-300; .translate3d(@x: 0px, @y: -200px, @z: 0px); } +.speaker .social-links a{ color: #fff; font-size: 24px; display: inline-block; margin-left: 6px; } +.speaker .social-links a:last-child{ margin-right: 0px; } +.speaker .image-holder:hover .hover-state{ opacity: 1; } +.speaker .image-holder:hover .hover-state .social-links{ .translate3d(@x: 0px, @y: 0px, @z: 0px); } + +.speaker-with-bio{ overflow: hidden; margin-bottom: @standard-space/2; } +.speaker-with-bio .speaker{ width: 50%; float: left; margin-bottom: 0px; } +.speaker-with-bio .speaker-description{ width: 50%; float: left; padding-left: 30px; } +.speaker-description span{ display: inline-block; margin-bottom: 18px; font-weight: 600; } + +@media all and(max-width: 767px){ + .speaker-with-bio .speaker{ width: 100%; } + .speaker-with-bio .speaker-description{ width: 100%; padding-left: 0px; } +} + +.topics{ position: relative; overflow: hidden; } +.topics .container{ position: relative; z-index: 2; } +.topics.overlay .ruled-list li{ border-color: rgba(255,255,255,0.5); } +.topics.overlay .topic i{ color: #fff; } + +.topic h3{ margin-bottom: 18px; } +.topic p.lead{ margin-bottom: 32px; } +.topic i{ font-size: 60px; color: @color-primary; display: inline-block; margin-bottom: 32px; } + +@media all and(max-width: 767px){ + .topic h3{ display: inline-block; position: relative; bottom: 18px; left: 12px; } + .topic i{ margin-bottom: 12px; } +} + +.ruled-list li{ border-top: 1px dotted rgba(0,0,0,0.3); padding: 12px 0px; font-size: 16px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .speakers-row .col-sm-6{ width: 50%; float: left !important; } +} + +/*! +// 11. Schedule +// --------------------------------------------------*/ + +.inline-video{ background: @color-muted; } +.inline-video iframe{ width: 100%; height: 300px; border: none; } +.inline-video .btn{ min-width: 150px; margin-top: 32px; margin-right: 16px; } + +@media all and(max-width: 768px){ + .inline-video iframe{ height: 350px; margin-top: 42px; } +} + +@media all and(max-width: 767px){ + .inline-video iframe{ height: 200px; margin-top: 30px; } + .inline-video .btn{ margin-top: 18px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .inline-video iframe{ height: 250px; } +} + +.embedded-video-holder p{ display: none; } + +.schedule-overview{ border: 2px solid rgba(0,0,0,0.2); margin-bottom: @standard-space/2; } +.schedule-overview li{ padding: 24px; position: relative; cursor: pointer; .transition-300; } +.schedule-overview li:first-child .top{ display: none; } +.schedule-overview li:last-child .bottom{ display: none; } + +.schedule-title span{ display: block; font-size: 16px; } +.schedule-title .title{ color: @color-heading; } + +.schedule-text{ max-height: 0px; .transition-300; opacity: 0; } + +.schedule-overview li:hover{ background-color: @color-muted; } +.schedule-overview li:hover .schedule-text{ max-height: 300px; opacity: 1; padding-top: 18px; } +.schedule-overview li:hover .top,.schedule-overview li:hover .bottom,.schedule-overview li:hover .middle{ border-color: rgba(0,0,0,0.4); } +.schedule-overview li:hover .middle{ background: @color-heading; } + +.schedule-with-text .btn, .contained-gallery .btn{ margin-top: 24px; margin-right: 12px; } +.schedule-with-text .schedule-overview li{ padding-right: 48px; } + +@media all and(max-width: 1024px){ + .schedule-overview li{ padding-right: 48px; } +} + +@media all and(max-width: 767px){ + .schedule-with-text .btn, .contained-gallery .btn{ margin-bottom: 32px; } +} + +.marker-pin{ position: absolute; right: 32px; top: 0px; height: 100%; } +.marker-pin .top, .marker-pin .bottom{ height: 50%; width: 2px; border-left: 2px solid rgba(0,0,0,0.2); position: absolute; z-index: 1; .transition-300; } +.marker-pin .top{ top: 0px; } +.marker-pin .bottom{ bottom: 0px; } +.marker-pin .middle{ width: 18px; height: 18px; border: 2px solid rgba(0,0,0,0.2); background: #fff; border-radius: 50%; position: absolute; right: -10px; top: 50%; margin-top: -9px; z-index: 2; .transition-300; } + +/*! +// 12. Galleries +// --------------------------------------------------*/ + +.instagram, .lightbox-gallery{ position: relative; padding: @standard-space*3 0px; } +.gallery-header{ } +.gallery-header .logo{ max-width: 400px; display: block; margin: 0px auto; margin-bottom: 12px; } + +@media screen and(max-width: 768px){ + .gallery-header .logo{ max-width: 200px; } + .gallery-header h1{ font-size: 24px !important; line-height: 32px !important; } +} + +.instagram, .lightbox-gallery{ overflow: hidden; background: #000 !important; } +.instagram ul, .lightbox-gallery ul{ overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; } +.instagram li, .lightbox-gallery li{ float: left; width: 20%; height: 50%; position: relative; cursor: pointer; .transition-300; overflow: hidden; background-size: cover !important; opacity: 0.5; } +.instagram li:hover, .lightbox-gallery li:hover{ opacity: 1 !important; } + +.instagram .container, .lightbox-gallery .container{ position: relative; z-index: 3; } +.instagram i, .lightbox-gallery i{ font-size: 48px; display: inline-block; margin-bottom: 16px; } +.instagram h1, .lightbox-gallery h1{ .large-h1; margin-bottom: 16px; } + +@media all and(max-width: 1200px){ + .instagram li:nth-child(n+9), .lightbox-gallery li:nth-child(n+9){ display: none; } + .instagram li, .lightbox-gallery li{ width: 25%; } +} + +@media all and(max-width: 900px){ + .instagram li:nth-child(n+7), .lightbox-gallery li:nth-child(n+7){ display: none; } + .instagram li, .lightbox-gallery li{ width: 33.333333%; } +} + +@media all and(max-width: 767px){ + .instagram, .lightbox-gallery{ padding: @standard-space*2 0px; } + .instagram li:nth-child(n+5), .lightbox-gallery li:nth-child(n+5){ display: none; } + .instagram li, .lightbox-gallery li{ width: 50%; } +} + + +.testimonials{ background: @color-muted; } + +.contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 185px 0px; } +.contained-gallery .instagram li:nth-child(n+9),.contained-gallery .lightbox-gallery li:nth-child(n+9){ display: none; } +.contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 25%; opacity: 0.7; } + +@media all and(max-width: 1024px){ + .contained-gallery .instagram li:nth-child(n+7){ display: none; } + .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333%; } + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ padding: 200px 0px; } +} + +@media all and(max-width: 768px){ + .contained-gallery .instagram, .contained-gallery .lightbox-gallery{ margin-bottom: 32px; } + .contained-gallery .btn{ margin-bottom: 0px; } + .contained-gallery .instagram li:nth-child(n+5), .contained-gallery .lightbox-gallery li:nth-child(n+5){ display: block !important; } + .contained-gallery .instagram li:nth-child(n+7), .contained-gallery .lightbox-gallery li:nth-child(n+7){ display: none !important; } + .contained-gallery .instagram li, .contained-gallery .lightbox-gallery li{ width: 33.33333% !important; } +} + +/*! +// 13. Pricing +// --------------------------------------------------*/ + +.pricing-option{ overflow: hidden; background: @color-muted; .preserve-3d; position: relative; padding: @standard-space 0px; margin-bottom: 30px; .transition-300; } +.pricing-option .dot{ position: absolute; top: 24px; right: 24px; width: 24px; height: 24px; border-radius: 50%; background: #fff; } +.pricing-option:hover{ background: darken(@color-muted, 3%); } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .pricing-options .col-sm-6{ width: 50%; float: left; } +} + +.dollar, .price, .type{ font-weight: 600; color: @color-heading; font-size: 72px; } +.dollar{ font-size: 36px; position: relative; bottom: 22px; } +.price{ line-height: 1; } +.type{ display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; margin-top: 12px; } + +.plan-title{ display: block; font-weight: 600; margin-bottom: 12px; font-size: 18px; color: @color-heading; } + +.pricing-option ul li{ color: @color-body; } + +.pricing-option.emphasis{ background: @color-primary; color: #fff; } +.pricing-option.emphasis .type, .pricing-option.emphasis .dollar, .pricing-option.emphasis .price, .pricing-option.emphasis .plan-title, .pricing-option.emphasis ul li{ color: #fff !important; } + +@media all and(max-width: 991px){ + .type{ margin-bottom: 12px; } + .pricing-option{ text-align: center !important; } +} + +/*! +// Frequently Asked Questions +// --------------------------------------------------*/ + +.faq-item{ margin-bottom: @standard-space/2; } + +p.question{ font-weight: 600; color: @color-heading; font-size: 16px; } + +/*! +// Visitor Info +// --------------------------------------------------*/ + +.info-box{ margin-bottom: @standard-space/2; position: relative; overflow: hidden; } +.info-box img{ display: block; margin-bottom: 12px; } +.info-box h3{ margin-bottom: 12px; } +.info-box .text-link{ position: absolute; bottom: 12px; right: 0px; } +.text-link a{ display: inline-block; margin-left: 12px; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .visitor-info .col-sm-4{ width: 50%; float: left; } +} + +/*! +// 14. Subscribe +// --------------------------------------------------*/ + +.subscribe-1{ position: relative; overflow: hidden; padding-top: @standard-space*2; padding-bottom: @standard-space/2; } +.subscribe-1:before{ .overlay-params(@strength: 0.4, @bg-color: @color-heading); } +.subscribe-1 .container{ position: relative; z-index: 2; } +.subscribe-1 .email-subscribe{ margin-bottom: @standard-space*3; } +.subscribe-1 footer{ border-top: 2px solid rgba(255,255,255,0.3); padding-top: @standard-space/2; } +.subscribe-1 .twitter-feed{ margin-bottom: @standard-space; } +.subscribe-1 h1{ margin-bottom: 30px; } + +.email-subscribe span{ display: block; margin-top: 12px; } + +.twitter-feed i{ font-size: 48px; display: inline-block; margin-bottom: 32px; } +.twitter-feed span a{ border-bottom: none; } + +.tweets-feed .user{ display: none; } +.tweets-feed .interact{ display: none; } +.tweets-feed .tweet{ color: #fff; font-size: 30px; line-height: 36px; font-family: @custom-heading-font,"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } +.tweets-feed .tweet a{ color: #fff !important; border-color: #fff !important; } +.tweets-feed .timePosted{ display: none; } + +@media all and(max-width: 767px){ + .tweets-feed .tweet{ font-size: 20px; line-height: 26px; } + .subscribe-2 .form-email{ margin-bottom: 24px; } +} + + +/*! +// 15. Contact +// --------------------------------------------------*/ + +.contact-tweets{ background: @color-primary; color: #fff; position: relative; overflow: hidden; height: 600px; .preserve-3d; } +.contact-tweets .social_twitter{ font-size: 42px; margin-bottom: 32px; display: inline-block; } +.contact-tweets .map-holder{ position: absolute; height: 100%; padding: 0px; top: 0px; right: 0px; } +.contact-tweets .timePosted{ display: block !important; } +.map-holder:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0; } +.map-holder iframe{ border: 0px; position: absolute; width: 100%; height: 100%; } +.contact-tweets span a{ border-bottom: 2px solid #fff; padding-bottom: 1px; } + +.contact-tweets form{ padding-top: 0px !important; } +.contact-tweets form .btn{ background: #fff; color: @color-primary; } +.contact-tweets form ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets form :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.contact-tweets .icon{ font-size: 60px; margin-bottom: 12px; } +.contact-tweets .form-message{ max-width: 95.5%; width: 95.5%; } + +.fullwidth-map{ padding: 0px; position: relative; overflow: hidden; } +.fullwidth-map .map-holder{ width: 100%; height: 400px; overflow: hidden; } +.fullwidth-map.screen:before{ content: ''; position: absolute; width: 100%; height: 100%; z-index: 2; } + + +/*! +// Sponsors +// --------------------------------------------------*/ + +.sponsors{ background: @color-muted; } +.sponsor{ margin-bottom: @standard-space/2; height: 80px; line-height: 80px; } +.sponsor img{ max-width: 150px; .transition-300; max-height: 80px; } + +.sponsors span{ display: inline-block; margin-top: 24px; } +.sponsors span a{ color: @color-primary; border-color: @color-primary; } + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + .sponsors .col-sm-6{ width: 50%; float: left; } +} + + + +/*! +// 16. Forms +// --------------------------------------------------*/ + +form.register{ overflow: hidden; padding-top: 24px; display: block; } +form.register div{ padding: 0px; } +input[type="text"], form.register .select-holder{ margin-bottom: 32px; padding: 12px; border: none; background: rgba(255,255,255,0.1); border-radius: 25px; font-size: 14px; max-width: 90%; color: #fff; padding-left: 24px; .transition-300; } +input[type="text"]:focus, form.register .select-holder:focus,input[type="text"]:hover, form.register .select-holder:hover{ outline: none; background: rgba(255,255,255,0.2); } + +form.register select{ width: 90%; margin: 0px; background: none; border: none; cursor: pointer; } +form.register select:focus{ outline: none; } + +form.register input[type="submit"]{ padding-bottom: 12px; width: 90%; margin-bottom: 12px; } + +input[type="submit"]{ font-weight: normal; } + +.email-subscribe{ overflow: hidden; } +.email-subscribe input{ margin: 0px auto; min-width: 100%; max-width: 100%; } +.email-subscribe input[type="text"]{ background: rgba(255,255,255,0.3); } +.email-subscribe input[type="text"]:hover, .email-subscribe input[type="text"]:focus{ background: rgba(255,255,255,0.4); } +.email-subscribe ::-webkit-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe ::-moz-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe :-ms-input-placeholder { color: rgba(255,255,255,0.9); } +.email-subscribe input[type="submit"]{ min-height: 48px; } + +.subscribe-2 .email-subscribe input[type="text"]{ background: rgba(0,0,0,0.2); } +.subscribe-2 i{ color: @color-primary; font-size: 70px; display: inline-block; margin-right: 24px; margin-bottom: 18px; } +.subscribe-2 i:last-of-type{ margin-right: 0px; } + +input.error{ color: #ff4532; } + +.mail-list-form{ width: 0px; height: 0px; opacity: 0; overflow: hidden; } + +.form-success, .form-error{ display: none; width: 100%; padding: 6px 18px 8px 18px !important; margin-top: 12px; color: #fff; background-color: #55c950; border-radius: 20px; } +.form-error{ background-color: #D74B4B; } +form .field-error{ background: #D74B4B !important; } + +@media all and(max-width: 768px){ + +} + +@media all and(max-width: 767px){ + form.register input, form.register .select-holder{ width: 100% !important; max-width: 100%; } + .subscribe-1 .email-subscribe input[type="text"]{ margin-bottom: 24px; } +} + +@media all and(min-width: 321px) and(max-width: 767px) and(orientation: landscape){ + form.register .col-sm-6{ width: 50%; float: left; } + form.register input, form.register .select-holder{ max-width: 95% !important; } + form.register input[type="submit"]{ max-width: 100% !important; } +} + +/*! +// Utility Pages +// --------------------------------------------------*/ + +.error-page{ background: @color-primary; padding: 0px; } +.error-page h1{ font-size: 84px; line-height: 96px; margin-bottom: 0px; margin-bottom: 12px; } +.error-page p{ font-size: 24px; line-height: 32px; } +.error-page i{ color: #fff; font-size: 84px; display: inline-block; margin-right: 24px; } +.error-page i:last-of-type{ margin-right: 0px; } +.error-page .btn{ margin-right: 24px; margin-top: 12px; } + +@media all and(max-width: 767px){ + .error-page i{ display: none; } +} + +/*! +// 17. Footers +// --------------------------------------------------*/ + + +.footer .top-border{ height: 2px; width: 100%; background: rgba(255,255,255,0.3); margin-bottom: 32px; } +.footer .menu{ overflow: visible; } +.footer .menu li{ top: 0px; } +.footer .menu li a{ padding-bottom: 0px; } +.footer .menu li .btn{ min-width: 0px; padding: 10px 18px; font-size: 14px; } +.footer .menu li a{ diplay: inline-block; position: relative; border: none; } +.footer .menu li a:hover{ border: none; } +.footer .back-to-top{ padding-right: 42px; } +.footer .menu li a i{ font-size: 36px; position: absolute; right: 0px; top: -12px; } + +@media all and(max-width: 767px){ + .footer .text-right{ text-align: left !important; } + .footer .menu{ margin-top: 24px; } + .footer .menu li{ float: none; margin-bottom: 12px; } +} + +footer.classic{ padding: @standard-space 0px @standard-space/2 0px; background: @color-muted; } +footer.classic .menu li{ float: none; margin-bottom: 12px; } +footer.classic .menu li a{ color: @color-heading; padding-bottom: 0px; font-weight: 600; } +footer.classic span.lead{ display: inline-block; margin-bottom: 12px; } + +footer.short{ background: @color-heading; color: #fff; padding: @standard-space 0px; } +footer.short .top-border{ height: 1px !important; } + +@media all and(max-width: 767px){ + footer.classic div{ margin-bottom: 18px; } +} + +.contact-methods li{ margin-bottom: 12px; } +.contact-methods li:last-child{ margin-bottom: 0px; } +.contact-methods i{ font-size: 36px; color: @color-heading; } +.contact-methods span{ display: inline-block; position: relative; bottom: 10px; left:8px; font-size: 16px; } + +footer.classic .social-profiles{ margin-top: 36px; } + +.social-profiles{ display: inline-block; overflow: hidden; } +.social-profiles li{ float: left; margin-right: 36px; } +.social-profiles li:last-child{ margin-right: 0px; } +.social-profiles li a{ color: @color-heading; font-size: 20px; } + diff --git a/static/new/css/less/list-group.less b/static/new/css/less/list-group.less new file mode 100644 index 00000000..3343f8e5 --- /dev/null +++ b/static/new/css/less/list-group.less @@ -0,0 +1,110 @@ +// +// List groups +// -------------------------------------------------- + + +// Base class +// +// Easily usable on