/*
@font-face{
    font-family: Vectora;
    font-weight: 300;
    src:url("//fast.fonts.com/d/5f040edd-9883-4ffc-ad9d-01ccb7cda235.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("eot");
}
@font-face{
    font-family: Vectora;
    font-weight: 300;
    src:url("//fast.fonts.com/d/5f040edd-9883-4ffc-ad9d-01ccb7cda235.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef");
    src:url("//fast.fonts.com/d/ac5eeaba-310f-477b-844b-21d683aa6ad7.woff?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("woff"),url("/d/ba5b33bb-748e-4973-81c1-275afb23b8e8.ttf?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("truetype"),url("/d/6442412a-878a-4f1d-bf85-18bc830aa04c.svg?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef#6442412a-878a-4f1d-bf85-18bc830aa04c") format("svg");
}
@font-face{
    font-family: Vectora;
    font-style: italic;
    font-weight: 300;
    src:url("//fast.fonts.com/d/2d41ad35-6b45-45f4-8c4e-3afba10a0956.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("eot");
}
@font-face{
    font-family: Vectora;
    font-style: italic;
    font-weight: 300;
    src:url("//fast.fonts.com/d/2d41ad35-6b45-45f4-8c4e-3afba10a0956.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef");
    src:url("//fast.fonts.com/d/e92f19a9-c95a-423a-8943-3ef33a4fa389.woff?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("woff"),url("/d/13a16456-412e-436a-a71c-f2439549ee46.ttf?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("truetype"),url("/d/584a3863-8e1a-44da-bac2-58c5f5972f40.svg?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef#584a3863-8e1a-44da-bac2-58c5f5972f40") format("svg");
}
@font-face{
    font-family: Vectora;
    src:url("//fast.fonts.com/d/16ee8f49-75c0-418e-8485-634f21be486f.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("eot");
}
@font-face{
    font-family: Vectora;
    src:url("//fast.fonts.com/d/16ee8f49-75c0-418e-8485-634f21be486f.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef");
    src:url("//fast.fonts.com/d/dfd3b614-d190-478c-beb1-cc31cff27ad9.woff?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("woff"),url("/d/98a980aa-4f5f-4f6c-8486-ed9651e71874.ttf?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("truetype"),url("/d/dfbfa33b-1659-4767-bc5a-f5a4594a41c4.svg?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef#dfbfa33b-1659-4767-bc5a-f5a4594a41c4") format("svg");
}
@font-face{
    font-family: Vectora;
    font-style: italic;
    src:url("//fast.fonts.com/d/25978790-0b11-4bd8-bd7e-5e6c0ede9500.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("eot");
}
@font-face{
    font-family: Vectora;
    font-style: italic;
    src:url("//fast.fonts.com/d/25978790-0b11-4bd8-bd7e-5e6c0ede9500.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef");
    src:url("//fast.fonts.com/d/bf324693-23d8-4f30-a67f-2f38c6d805a8.woff?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("woff"),url("/d/53b8242e-122f-4e51-90aa-0792602325e6.ttf?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("truetype"),url("/d/552d769e-36d7-4e9d-b4e6-b4221148a57f.svg?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef#552d769e-36d7-4e9d-b4e6-b4221148a57f") format("svg");
}
@font-face{
    font-family: Vectora;
    font-weight: bold;
    src:url("//fast.fonts.com/d/172a7d2a-f210-43e8-9d96-cfaaaa30cc54.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("eot");
}
@font-face{
    font-family: Vectora;
    font-weight: bold;
    src:url("//fast.fonts.com/d/172a7d2a-f210-43e8-9d96-cfaaaa30cc54.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef");
    src:url("//fast.fonts.com/d/258c2293-72b1-4572-85ae-c691602a48dc.woff?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("woff"),url("/d/3d1eb565-78c3-4680-977c-1fd4ef8b7b5d.ttf?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("truetype"),url("/d/514348c0-e1a2-43f6-9835-ba5adc918729.svg?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef#514348c0-e1a2-43f6-9835-ba5adc918729") format("svg");
}
@font-face{
    font-family: Vectora;
    font-style: italic;
    font-weight: bold;
    src:url("//fast.fonts.com/d/9d1b1215-f8dd-480a-a355-ce126f7da1e6.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("eot");
}
@font-face{
    font-family: Vectora;
    font-style: italic;
    font-weight: bold;
    src:url("//fast.fonts.com/d/9d1b1215-f8dd-480a-a355-ce126f7da1e6.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef");
    src:url("//fast.fonts.com/d/c28c480e-b92b-4844-bc5d-6d69b4c529e8.woff?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("woff"),url("/d/297ae208-ce93-455d-9ba7-2a835b87e0ad.ttf?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("truetype"),url("/d/674b66dc-bbf6-40d1-a9db-d2e4d271d067.svg?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef#674b66dc-bbf6-40d1-a9db-d2e4d271d067") format("svg");
}
@font-face{
    font-family: Vectora;
    font-weight: 800;
    src:url("//fast.fonts.com/d/7f0f9e11-fe12-425a-aec0-690678e3c874.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("eot");
}
@font-face{
    font-family: Vectora;
    font-weight: 800;
    src:url("//fast.fonts.com/d/7f0f9e11-fe12-425a-aec0-690678e3c874.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef");
    src:url("//fast.fonts.com/d/12ac573c-5861-4e30-9c13-d6fc945e6cc8.woff?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("woff"),url("/d/c0015a06-8338-44d3-9239-24f3feceb0c4.ttf?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("truetype"),url("/d/1b8a668b-1b26-4022-9008-3bc722a26262.svg?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef#1b8a668b-1b26-4022-9008-3bc722a26262") format("svg");
}
@font-face{
    font-family: Vectora;
    font-style: italic;
    font-weight: 800;
    src:url("//fast.fonts.com/d/d88cf3a9-d7b5-4cc1-ac11-5fb63665d367.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("eot");
}
@font-face{
    font-family: Vectora;
    font-style: italic;
    font-weight: 800;
    src:url("//fast.fonts.com/d/d88cf3a9-d7b5-4cc1-ac11-5fb63665d367.eot?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef");
    src:url("//fast.fonts.com/d/34ff0f20-575b-436f-a4cf-4accb441a55f.woff?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("woff"),url("/d/2a6a2c36-b1e3-4444-8116-0c16736e4be7.ttf?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef") format("truetype"),url("/d/a7da22c9-dd65-4b1e-b762-acb885877eca.svg?d44f19a684109620e4841470a490e818a9183a70bac4f4e07040a8028181ce44457b6201b72718e1aa7a611cd7fd22ff5e3ff2e8fc44e3e06e7e19a3396ab217c6c0cb75e45d6e365d48819cc3b5072df6d38cb42a4fae581751e57594&projectId=8b9dc91c-cb4e-4fc8-991c-7cac79e91bef#a7da22c9-dd65-4b1e-b762-acb885877eca") format("svg");
}
*/



article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
  display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/* Instead of relying on the fonts that are available on a user's computer, you
   can use web fonts which, like images, are resources downloaded to the user's
   browser. Because of the bandwidth and rendering resources required, web fonts
   should be used with care.

   Numerous resources for web fonts can be found on Google. Here are a few
   websites where you can find Open Source fonts to download:
   - http://www.fontsquirrel.com/fontface
   - http://www.theleagueofmoveabletype.com

   In order to use these fonts, you will need to convert them into formats
   suitable for web fonts. We recommend the free-to-use Font Squirrel's
   Font-Face Generator:
     http://www.fontsquirrel.com/fontface/generator

   The following is an example @font-face declaration. This font can then be
   used in any ruleset using a property like this:  font-family: Example, serif;

   Since we're using Sass, you'll need to declare your font faces here, then you
   can add them to the font variables in the _base.scss partial.
*/

/*
@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

html {
    font-size: 13px;
    line-height: 1.5;
    overflow-y: scroll;
}


@media (max-width: 1024px) {
    html {
        font-size: 16px;
    }
}


/*
 * Instead of relying on the fonts that are available on a user's computer, you
 * can use web fonts which, like images, are resources downloaded to the user's
 * browser. Because of the bandwidth and rendering resources required, web fonts
 * should be used with care.
 *
 * Numerous resources for web fonts can be found on Google. Here are a few
 * websites where you can find Open Source fonts to download:
 * - http://www.fontsquirrel.com/fontface
 * - http://www.theleagueofmoveabletype.com
 *
 * In order to use these fonts, you will need to convert them into formats
 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
 * Font-Face Generator:
 *   http://www.fontsquirrel.com/fontface/generator
 *
 * The following is an example @font-face declaration. This font can then be
 * used in any ruleset using a property like this:  font-family: Example, serif;

@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;
}

 */

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

html {
    font-family: 'Proxima-nova', sans-serif;
}
button,
input,
select,
textarea {
    font-family: Vectora, sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

body {
    color: #333;
    margin: 0;
}

/* Add margin back to body if inside a CK editor */
.cke_show_borders {
    margin: 8px;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */

a:link {
	color:#519db5;
    text-decoration: none;
}

a:visited {
	color:#519db5;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #f1860e;
    text-decoration: none;
}

/*
 * Addresses outline displayed oddly in Chrome
 */

a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
  outline: 0;
}


/* =============================================================================
   Typography

   To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
   so that the line height of our base font becomes the basic unit of vertical
   measurement. We use multiples of that unit to set the top and bottom margins
   for our block level elements and to set the line heights of any fonts.
   For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

h1, h2, h3, h4, h5, h6 { font-family: Vectora, sans-serif; }
h1 {
  font-size: 34px;
  font-weight: normal;
  line-height: 1.471em;
  margin-bottom: 32px;
}

h2 {
  color: #3c8198;
  font-size: 25px;
  font-weight: normal;
  line-height: 1.4em;
  margin-top: 30px;
  margin-bottom: 25px;
}

h3 {
  color: #3c8198;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.389em;
  margin-top: 1.282em;
  margin-bottom: 1.282em;
}

h4 {
  font-size: 1em;
  line-height: 1.5em; /* 1.5rem / 1em = 1.5em */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

h5 {
  font-size: 0.83em;
  line-height: 1.807em; /* 1.5rem / 0.83em = 1.807em */
  margin-top: 1.807em;
  margin-bottom: 1.807em;
}

h6 {
  font-size: 0.75em;
  line-height: 2em; /* 1.5rem / .75em = 2em */
  margin-top: 2em;
  margin-bottom: 2em;
}

/* Thematic break */
hr {
  height: 0;
  border: 0;
  border-top: 1px solid #c4d9e0;
  margin: 8px 0;
}
hr + p {
  margin-top: 8px;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
  white-space: nowrap;
}

b,
strong {
  font-weight: bold;
}

blockquote {
  background: #f3f6f7;
  border-left: 5px #f1860e solid;
  font-size: 16px;
  font-style: italic;
  line-height: 1.563;
  margin: 1.5em 0;
  padding: 1px 36px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

p,
pre {
  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
  margin: 16px 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
  line-height: 1.5em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

q {
  quotes: none;
}

/* 2 */

q:before,
q:after {
  content: '';
  content: none;
}

/* @todo Determine how big element affects vertical rhythm. */
small {
  font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

dl, menu, ol, ul, .item-list ul {
  margin: 1.5em 0;
  list-style: square;
  list-style: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEU8gZhWR5NSAAAAFElEQVR4Xj3AIQEAAACAIP+vtkEMAAoAAWZgAd0AAAAASUVORK5CYII=);
}

.item-list ul li { /* Drupal override */
  margin: 0;
}

dd {
  margin: 0 0 0 30px; /* LTR */
}

ul ul, ul ol,
ol ul, ol ol,
.item-list ul ul, .item-list ul ol,
.item-list ol ul, .item-list ol ol {
  margin: 0; /* Turn off margins on nested lists. */
}

/*
 * Addresses paddings set differently in IE6/7
 */

menu,
ol,
ul,
.item-list ul /* Drupal override */ {
  padding: 0 0 0 30px; /* LTR */
}

/*
 * Corrects list images handled incorrectly in IE7
 */

nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */

  /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */

  max-width: 100%;
  height: auto !important;
  vertical-align: top;
}

/*
 * Corrects overflow displayed oddly in IE9
 */

svg:not(:root) {
  overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

figure {
  margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.5em 0.625em 1em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */ /* LTR */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

button,
input {
  line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer; /* 1 */
  -webkit-appearance: button; /* 2 */
  *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
  /* width: 100%; */ /* Prevent cramped-looking tables */
  /* Add vertical rhythm margins. */
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

/*
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */

th {
  text-align: left; /* LTR */
  padding: 0;
  border-bottom: none;
}

tbody {
  border-top: none;
}


a {
    word-break: break-word;
}

table.contact {
    width: 100%;
}

table.contact td {
    padding-left: 30px;
    text-align: left;
    text-indent: -30px;
    vertical-align: top;
}

table.contact img {
    margin-right: 5px;
    vertical-align: middle;
}

table.contact a {
    color: white;
    text-decoration: none;
}

table.contact a:hover {
    text-decoration: underline;
}

@media (max-width: 979px) {
    table.contact, table.contact tr, table.contact td {
        display: block;
    }
}
@media (max-width: 767px) {
    p.bsi-quality {
        text-align: center;
    }
}


.info-box, .callout {
    background: white;
    border: 1px #d8dedf solid;
    border-radius: 9px 9px 0 0;
    color: #333;
    font-size: 18px;
    line-height: 1.389;
    margin: 50px 0 40px;
    padding: 41px 30px 30px;
    text-align: center;
}

.info-box, .raised, .callout {
    position: relative;
}

/* For the shadow, generate an elliptical :before box and use z-index to place it behind the .info-box background.
   However, this might place it behind other backgrounds too! If it doesn't appear then add a wrapping element
   with position: relative and z-index: 0 (see .shadow-wrap below). */
.info-box:before, .raised:before, .callout:before {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 20px;
    border-radius: 50% / 50%;
    box-shadow: 0 0 30px rgba(0,0,0,0.9);
    z-index: -1;
}

.info-box-icon {
    background: 50% 50% no-repeat;
    background-size: auto 100%;
    height: 97px;
    left: 0;
    position: absolute;
    right: 0;
    top: -49px;
}

.info-box-icon.individual { background-image: url(../images/box-icon-individual-3x.png); }
.info-box-icon.org { background-image: url(../images/box-icon-org-3x.png); }
.info-box-icon.country { background-image: url(../images/box-icon-country-3x.png); }

@media (max-width: 767px) {
    .info-box {
        margin: 50px 0 0;
    }
    .info-box:before {
        content: none;
    }
}

.callout {
    border-radius: 3px;
    padding: 15px 36px 25px 80px;
    text-align: left;
}

.callout:after {
    background: url(../images/box-icon-individual-h.png) 50% 50% no-repeat;
    bottom: 0;
    content: '';
    left: -25px;
    position: absolute;
    top: 0;
    width: 83px;
}

a.find-out-more {
    background: #f3aa43;
    background: -moz-linear-gradient(top, #f3aa43, #f07d02);
    background: -ms-linear-gradient(top, #f3aa43, #f07d02);
    background: -o-linear-gradient(top, #f3aa43, #f07d02);
    background: -webkit-linear-gradient(top, #f3aa43, #f07d02);
    background: linear-gradient(to bottom, #f3aa43, #f07d02);
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.6);
    color: white;
    display: table;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.667;
    margin: auto;
    padding: 5px 25px 3px;
    text-decoration: none;
    text-shadow: 0 1px 0 #d77d14;
}

.info-box a.read-more, .callout a.read-more {
    font-size: 13px;
}

.professions-table {
    border-collapse: collapse;
    font-size: 16px;
    line-height: 1.563;
}

.professions-table td {
    border: 1px #ccd9dc solid;
    padding: 5px 15px;
}

.professions-table td:first-child {
    padding-left: 4px;
    border-left: 0;
}

.professions-table td:last-child {
    border-right: 0;
}

.professions-table li {
    list-style: url(../images/triangle-bullet.png);
    margin: 15px 0;
}

@media (max-width: 669px) {
    .professions-table,
    .professions-table tbody,
    .professions-table tr,
    .professions-table td {
        display: block;
        border: none;
        width: 100%;
        padding: 0 !important;
    }
    .professions-table td {
        border-top: 1px #ccd9dc solid;
    }
    .professions-table td:first-child {
        border-top: none;
    }
}

.img-bordered {
    background: white;
    border: 1px #d5dad9 solid;
    display: inline-block;
    margin-bottom: 23px;
    padding: 7px;
}

.img-bordered img {
    vertical-align: middle;
}

.curled {
    position: relative;
}

/* Use a pair of rotated boxes to create the curled effect.
   Note: this only works if .curled has no z-index AND if .curled's positioning parent has a z-index.
   If the shadow doesn't appear then wrap it in .shadow-wrap */
.curled:before {
    border-radius: 0;
    bottom: 22px;
    box-shadow: 0 0 20px 20px rgba(0,0,0,0.5);
    content: '';
    height: 0;
    left: 30px;
    position: absolute;
    right: 50%;
    transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    z-index: -1;
}

.curled:after {
    border-radius: 0;
    bottom: 25px;
    box-shadow: 0 0 20px 20px rgba(0,0,0,0.5);
    content: '';
    height: 0;
    left: 50%;
    position: absolute;
    right: 30px;
    transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    z-index: -1;
}

.sidebar .curled:before, .sidebar .curled:after {
    box-shadow: 0 0 10px 20px rgba(0,0,0,0.5);
}

.shadow-wrap {
    position: relative;
    z-index: 0;
}

.profile-box {
    background: white;
    border: 1px #ddd solid;
    border-radius: 5px;
    margin-bottom: 40px;
    padding: 19px 19px 19px 19px;
    position: relative;
    *zoom: 1;
}
.profile-box:after { clear: both; content: ''; display: block; }

.profile-image {
    width: 190px;
}

@media (min-width: 600px) {
    .profile-box {
        padding-left: 229px;
    }
    .profile-image {
        display: inline;
        float: left;
        margin-left: -210px;
    }

    .profile-box-content {
        float: right;
        width: 100%;
    }
}

.profile-box-content h2 {
    font-size: 25px;
    line-height: 1.2;
    margin: 0 0 5px;
}

.profile-box-content h3 {
    font-size: 18px;
    line-height: 1.389;
    margin: 0;
}

@media (max-width: 599px) {
    .profile-image {
        display: table;
        margin: 0 auto 20px;
    }
    .profile-box-content h2, .profile-box-content h3 {
        text-align: center;
    }
}

.box {
    background: white;
    border: 1px #ddd solid;
    border-radius: 5px;
    padding: 10px;
}

.gallery {
    background: white;
    border: 1px #ddd solid;
    border-radius: 5px;
    padding: 9px;
}

.gallery .full-image-container {
    margin: auto;
    padding-top: 58.334%;
    position: relative;
}

.gallery .full-image {
    background-position: 50% 50%;
    background-size: cover;
    display: none; /* Until shown by Javascript */
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
}

.gallery .thumbnail-list {
    margin: 0 0 0 -9px;
    padding: 0;
}

.gallery .thumbnail-list li {
    float: left;
    list-style: none;
    margin: 9px 0 0 9px;
    padding: 0;
}

.first-link-clickthrough {
    cursor: pointer;
}

.case-study-teaser {
    margin: 13px auto;
    max-width: 640px;
}

.case-study-teaser:hover {
    background: #549bb3 url(../images/case-study-teaser-arrow.png) 97% 33px no-repeat;
}

.case-study-teaser:hover .node-title a, .case-study-teaser:hover .field-name-field-sub-heading {
    color: white;
    text-decoration: none;
}

.case-study-teaser .field-type-image {
    float: left;
    width: 250px;
}

.case-study-teaser-content {
    float: right;
    margin-right: 20px;
    padding-top: 20px;
    width: 340px;
}

@media (max-width: 699px) {
    .case-study-teaser {
        max-width: 340px;
        text-align: center;
    }
    .case-study-teaser .field-type-image {
        float: none;
        width: auto;
    }
    .case-study-teaser-content {
        margin: 0;
        float: none;
        width: auto;
    }
    .case-study-teaser .field-name-field-sub-heading {
        margin-bottom: 11px;
    }
}

@media (min-width: 700px) {
    .view-all {
        float: right;
        margin-top: -43px;
    }
    #block-views-case-studies-block .view-all {
        margin-top: -58px;
    }
}
@media (max-width: 699px) {
    .view-all {
        margin: 0 0 10px auto;
        display: table;
    }
    #block-views-case-studies-block .view-all {
        margin-top: 20px;
    }
}

.view-all:after, .read-more:after {
    background: url(../images/right-link-arrow.png) 0 0 no-repeat;
    content: '';
    display: inline-block;
    height: 8px;
    margin-left: 4px;
    width: 4px;
}

.view-all:hover:after, .read-more:hover:after {
    background-position: 0 -8px;
}

.back-link {
    font-weight: bold;
}

.back-link:before {
    background: url(../images/left-link-arrow.png) 0 0 no-repeat;
    content: '';
    display: inline-block;
    height: 8px;
    margin-right: 4px;
    width: 4px;
}

.back-link:hover:before {
    background-position: 0 -8px;
}

.news-teaser, .event-teaser {
    border-top: 1px #cfd5d6 solid;
    padding: 15px 0 15px 80px;
}

.news-teaser-date, .event-teaser-date {
    background: #cfe2e7;
    float: left;
    height: 50px;
    line-height: 1.1;
    text-align: center;
    width: 50px;
    margin-left: -80px;
}

@media (max-width: 500px) {
    .news-teaser, .event-teaser {
        padding-left: 65px;
    }
    .news-teaser-date, .event-teaser-date {
        margin-left: -65px;
    }
}

.event-teaser-date {
    margin-left: 5px;
    height: 40px;
    width: 40px;
}

.news-teaser:hover .news-teaser-date, .event-teaser:hover .event-teaser-date {
    background: #f1860e;
    color: white;
}

.news-teaser-date .day, .event-teaser-date .day {
    font-size: 19px;
    padding-top: 9px;
}

.event-teaser-date .day {
    padding-top: 4px;
}

.news-teaser-date .month, .event-teaser-date .month {
    font-size: 8px;
}

.news-teaser-content, .event-teaser-content {
    margin-right: 20px;
}

.news-teaser .views-field-title, .event-teaser .views-field-title {
    font-size: 18px;
    line-height: 1.389;
}

.event-teaser .views-field-title {
    margin-top: 6px;
}

.footer-icons {
    display: table;
    width: 100%;
}

.footer-icon {
    border-left: 1px #7cb6c7 solid;
    display: table-cell;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 30px 30px;
    text-align: center;
}

.footer-icon.first {
    border-left: none;
}

@media (min-width: 768px) {
    .footer-icon.first {
        padding-left: 0;
        border-left: none;
    }

    .footer-icon.last {
        padding-right: 0;
    }
}

@media (max-width: 979px) {
    .footer-icon { padding: 15px; }
}

@media (max-width: 559px) {
    .footer-icons {
        display: block;
    }
    .footer-icon {
        display: block;
        border-left: none;
        border-top: 1px #7cb6c7 solid;
    }
    .footer-icon.first {
        border-top: none;
    }
}

.footer-icon img {
    margin-bottom: 15px;
}

.name-location {
    color: #6d6d6d;
    margin-bottom: 15px;
}

.social-header a {
    margin: 0 1px;
}
.social-header > a, .social-header > span {
    white-space: nowrap;
}

.stLarge {
	height: 20px !important;
	width: 20px !important;
}

.stLarge:hover {
	background-position: 0 0 !important;
}


.views-table{
	width:100%;
}


.webform-submission{
	border:5px solid red;
}