@charset "UTF-8";
/** Variable Overrides.  Modify this file to override the Bootstrap Framework variables. You can copy these variables directly from ../bootstrap/less/variables.less to this file. */
@import url(https://fonts.googleapis.com/css?family=Dosis);
@import url(https://fonts.googleapis.com/css?family=Covered+By+Your+Grace);
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
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: 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 { 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; 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; }

/*! 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; }
  .navbar { display: none; }
  .btn > .caret, .node-cover .field--name-field-dna-cover-second-cta a > .caret, .dropup > .btn > .caret, .node-cover .field--name-field-dna-cover-second-cta .dropup > a > .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/bootstrap/glyphicons-halflings-regular.eot"); src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/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: "\002a"; }

.glyphicon-plus:before { content: "\002b"; }

.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"; }

.glyphicon-cd:before { content: "\e201"; }

.glyphicon-save-file:before { content: "\e202"; }

.glyphicon-open-file:before { content: "\e203"; }

.glyphicon-level-up:before { content: "\e204"; }

.glyphicon-copy:before { content: "\e205"; }

.glyphicon-paste:before { content: "\e206"; }

.glyphicon-alert:before { content: "\e209"; }

.glyphicon-equalizer:before { content: "\e210"; }

.glyphicon-king:before { content: "\e211"; }

.glyphicon-queen:before { content: "\e212"; }

.glyphicon-pawn:before { content: "\e213"; }

.glyphicon-bishop:before { content: "\e214"; }

.glyphicon-knight:before { content: "\e215"; }

.glyphicon-baby-formula:before { content: "\e216"; }

.glyphicon-tent:before { content: "\26fa"; }

.glyphicon-blackboard:before { content: "\e218"; }

.glyphicon-bed:before { content: "\e219"; }

.glyphicon-apple:before { content: "\f8ff"; }

.glyphicon-erase:before { content: "\e221"; }

.glyphicon-hourglass:before { content: "\231b"; }

.glyphicon-lamp:before { content: "\e223"; }

.glyphicon-duplicate:before { content: "\e224"; }

.glyphicon-piggy-bank:before { content: "\e225"; }

.glyphicon-scissors:before { content: "\e226"; }

.glyphicon-bitcoin:before { content: "\e227"; }

.glyphicon-btc:before { content: "\e227"; }

.glyphicon-xbt:before { content: "\e227"; }

.glyphicon-yen:before { content: "\00a5"; }

.glyphicon-jpy:before { content: "\00a5"; }

.glyphicon-ruble:before { content: "\20bd"; }

.glyphicon-rub:before { content: "\20bd"; }

.glyphicon-scale:before { content: "\e230"; }

.glyphicon-ice-lolly:before { content: "\e231"; }

.glyphicon-ice-lolly-tasted:before { content: "\e232"; }

.glyphicon-education:before { content: "\e233"; }

.glyphicon-option-horizontal:before { content: "\e234"; }

.glyphicon-option-vertical:before { content: "\e235"; }

.glyphicon-menu-hamburger:before { content: "\e236"; }

.glyphicon-modal-window:before { content: "\e237"; }

.glyphicon-oil:before { content: "\e238"; }

.glyphicon-grain:before { content: "\e239"; }

.glyphicon-sunglasses:before { content: "\e240"; }

.glyphicon-text-size:before { content: "\e241"; }

.glyphicon-text-color:before { content: "\e242"; }

.glyphicon-text-background:before { content: "\e243"; }

.glyphicon-object-align-top:before { content: "\e244"; }

.glyphicon-object-align-bottom:before { content: "\e245"; }

.glyphicon-object-align-horizontal:before { content: "\e246"; }

.glyphicon-object-align-left:before { content: "\e247"; }

.glyphicon-object-align-vertical:before { content: "\e248"; }

.glyphicon-object-align-right:before { content: "\e249"; }

.glyphicon-triangle-right:before { content: "\e250"; }

.glyphicon-triangle-left:before { content: "\e251"; }

.glyphicon-triangle-bottom:before { content: "\e252"; }

.glyphicon-triangle-top:before { content: "\e253"; }

.glyphicon-console:before { content: "\e254"; }

.glyphicon-superscript:before { content: "\e255"; }

.glyphicon-subscript:before { content: "\e256"; }

.glyphicon-menu-left:before { content: "\e257"; }

.glyphicon-menu-right:before { content: "\e258"; }

.glyphicon-menu-down:before { content: "\e259"; }

.glyphicon-menu-up:before { content: "\e260"; }

* { -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: transparent; }

body { font-family: "Dosis", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.42857143; color: #2d2d2d; background-color: #fff; }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }

a { color: #337ab7; text-decoration: none; }
a:hover, a:focus { color: #23527c; 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, #user-info .field--name-user-picture 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 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }

.img-circle, #user-info .field--name-user-picture img { 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; }

.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }

[role="button"] { cursor: pointer; }

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: normal; line-height: 1; color: #777777; }

h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; }
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; }

h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; }
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .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, .initialism { text-transform: uppercase; }

.text-capitalize { text-transform: capitalize; }

.text-muted { color: #777777; }

.text-primary { color: #3fa4cd; }

a.text-primary:hover, a.text-primary:focus { color: #2d87ac; }

.text-success { color: #3c763d; }

a.text-success:hover, a.text-success:focus { color: #2b542c; }

.text-info { color: #31708f; }

a.text-info:hover, a.text-info:focus { color: #245269; }

.text-warning { color: #8a6d3b; }

a.text-warning:hover, a.text-warning:focus { color: #66512c; }

.text-danger { color: #a94442; }

a.text-danger:hover, a.text-danger:focus { color: #843534; }

.bg-primary { color: #fff; }

.bg-primary { background-color: #3fa4cd; }

a.bg-primary:hover, a.bg-primary:focus { background-color: #2d87ac; }

.bg-success { background-color: #dff0d8; }

a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; }

.bg-info { background-color: #d9edf7; }

a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; }

.bg-warning { background-color: #fcf8e3; }

a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; }

.bg-danger { background-color: #f2dede; }

a.bg-danger:hover, a.bg-danger:focus { 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, ul ol, ol ul, 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; }

.dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; }
.dl-horizontal dd:after { clear: both; }
@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 #777777; }

.initialism { font-size: 90%; }

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: #777777; }
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-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ''; }
.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right 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: #333333; 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; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
@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; }
.container-fluid:before, .container-fluid:after { content: " "; display: table; }
.container-fluid:after { clear: both; }

.row, .view-id-experiments.view-display-id-page_1 .view-content, #main-container-home .view-content { margin-left: -15px; margin-right: -15px; }
.row:before, .view-id-experiments.view-display-id-page_1 .view-content:before, #main-container-home .view-content:before, .row:after, .view-id-experiments.view-display-id-page_1 .view-content:after, #main-container-home .view-content:after { content: " "; display: table; }
.row:after, .view-id-experiments.view-display-id-page_1 .view-content:after, #main-container-home .view-content:after { clear: both; }

.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-1 { width: 8.33333333%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-3 { width: 25%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-6 { width: 50%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-9 { width: 75%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-12 { width: 100%; }

.col-xs-pull-0 { right: auto; }

.col-xs-pull-1 { right: 8.33333333%; }

.col-xs-pull-2 { right: 16.66666667%; }

.col-xs-pull-3 { right: 25%; }

.col-xs-pull-4 { right: 33.33333333%; }

.col-xs-pull-5 { right: 41.66666667%; }

.col-xs-pull-6 { right: 50%; }

.col-xs-pull-7 { right: 58.33333333%; }

.col-xs-pull-8 { right: 66.66666667%; }

.col-xs-pull-9 { right: 75%; }

.col-xs-pull-10 { right: 83.33333333%; }

.col-xs-pull-11 { right: 91.66666667%; }

.col-xs-pull-12 { right: 100%; }

.col-xs-push-0 { left: auto; }

.col-xs-push-1 { left: 8.33333333%; }

.col-xs-push-2 { left: 16.66666667%; }

.col-xs-push-3 { left: 25%; }

.col-xs-push-4 { left: 33.33333333%; }

.col-xs-push-5 { left: 41.66666667%; }

.col-xs-push-6 { left: 50%; }

.col-xs-push-7 { left: 58.33333333%; }

.col-xs-push-8 { left: 66.66666667%; }

.col-xs-push-9 { left: 75%; }

.col-xs-push-10 { left: 83.33333333%; }

.col-xs-push-11 { left: 91.66666667%; }

.col-xs-push-12 { left: 100%; }

.col-xs-offset-0 { margin-left: 0%; }

.col-xs-offset-1 { margin-left: 8.33333333%; }

.col-xs-offset-2 { margin-left: 16.66666667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.33333333%; }

.col-xs-offset-5 { margin-left: 41.66666667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.33333333%; }

.col-xs-offset-8 { margin-left: 66.66666667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.33333333%; }

.col-xs-offset-11 { margin-left: 91.66666667%; }

.col-xs-offset-12 { margin-left: 100%; }

@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-1 { width: 8.33333333%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-3 { width: 25%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-6 { width: 50%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-9 { width: 75%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-12 { width: 100%; }
  .col-sm-pull-0 { right: auto; }
  .col-sm-pull-1 { right: 8.33333333%; }
  .col-sm-pull-2 { right: 16.66666667%; }
  .col-sm-pull-3 { right: 25%; }
  .col-sm-pull-4 { right: 33.33333333%; }
  .col-sm-pull-5 { right: 41.66666667%; }
  .col-sm-pull-6 { right: 50%; }
  .col-sm-pull-7 { right: 58.33333333%; }
  .col-sm-pull-8 { right: 66.66666667%; }
  .col-sm-pull-9 { right: 75%; }
  .col-sm-pull-10 { right: 83.33333333%; }
  .col-sm-pull-11 { right: 91.66666667%; }
  .col-sm-pull-12 { right: 100%; }
  .col-sm-push-0 { left: auto; }
  .col-sm-push-1 { left: 8.33333333%; }
  .col-sm-push-2 { left: 16.66666667%; }
  .col-sm-push-3 { left: 25%; }
  .col-sm-push-4 { left: 33.33333333%; }
  .col-sm-push-5 { left: 41.66666667%; }
  .col-sm-push-6 { left: 50%; }
  .col-sm-push-7 { left: 58.33333333%; }
  .col-sm-push-8 { left: 66.66666667%; }
  .col-sm-push-9 { left: 75%; }
  .col-sm-push-10 { left: 83.33333333%; }
  .col-sm-push-11 { left: 91.66666667%; }
  .col-sm-push-12 { left: 100%; }
  .col-sm-offset-0 { margin-left: 0%; }
  .col-sm-offset-1 { margin-left: 8.33333333%; }
  .col-sm-offset-2 { margin-left: 16.66666667%; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-offset-4 { margin-left: 33.33333333%; }
  .col-sm-offset-5 { margin-left: 41.66666667%; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-offset-7 { margin-left: 58.33333333%; }
  .col-sm-offset-8 { margin-left: 66.66666667%; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-offset-10 { margin-left: 83.33333333%; }
  .col-sm-offset-11 { margin-left: 91.66666667%; }
  .col-sm-offset-12 { margin-left: 100%; } }
@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-1 { width: 8.33333333%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-3 { width: 25%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-6 { width: 50%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-9 { width: 75%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-12 { width: 100%; }
  .col-md-pull-0 { right: auto; }
  .col-md-pull-1 { right: 8.33333333%; }
  .col-md-pull-2 { right: 16.66666667%; }
  .col-md-pull-3 { right: 25%; }
  .col-md-pull-4 { right: 33.33333333%; }
  .col-md-pull-5 { right: 41.66666667%; }
  .col-md-pull-6 { right: 50%; }
  .col-md-pull-7 { right: 58.33333333%; }
  .col-md-pull-8 { right: 66.66666667%; }
  .col-md-pull-9 { right: 75%; }
  .col-md-pull-10 { right: 83.33333333%; }
  .col-md-pull-11 { right: 91.66666667%; }
  .col-md-pull-12 { right: 100%; }
  .col-md-push-0 { left: auto; }
  .col-md-push-1 { left: 8.33333333%; }
  .col-md-push-2 { left: 16.66666667%; }
  .col-md-push-3 { left: 25%; }
  .col-md-push-4 { left: 33.33333333%; }
  .col-md-push-5 { left: 41.66666667%; }
  .col-md-push-6 { left: 50%; }
  .col-md-push-7 { left: 58.33333333%; }
  .col-md-push-8 { left: 66.66666667%; }
  .col-md-push-9 { left: 75%; }
  .col-md-push-10 { left: 83.33333333%; }
  .col-md-push-11 { left: 91.66666667%; }
  .col-md-push-12 { left: 100%; }
  .col-md-offset-0 { margin-left: 0%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
  .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-offset-4 { margin-left: 33.33333333%; }
  .col-md-offset-5 { margin-left: 41.66666667%; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-offset-7 { margin-left: 58.33333333%; }
  .col-md-offset-8 { margin-left: 66.66666667%; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-offset-10 { margin-left: 83.33333333%; }
  .col-md-offset-11 { margin-left: 91.66666667%; }
  .col-md-offset-12 { margin-left: 100%; } }
@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-1 { width: 8.33333333%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-3 { width: 25%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-6 { width: 50%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-9 { width: 75%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-12 { width: 100%; }
  .col-lg-pull-0 { right: auto; }
  .col-lg-pull-1 { right: 8.33333333%; }
  .col-lg-pull-2 { right: 16.66666667%; }
  .col-lg-pull-3 { right: 25%; }
  .col-lg-pull-4 { right: 33.33333333%; }
  .col-lg-pull-5 { right: 41.66666667%; }
  .col-lg-pull-6 { right: 50%; }
  .col-lg-pull-7 { right: 58.33333333%; }
  .col-lg-pull-8 { right: 66.66666667%; }
  .col-lg-pull-9 { right: 75%; }
  .col-lg-pull-10 { right: 83.33333333%; }
  .col-lg-pull-11 { right: 91.66666667%; }
  .col-lg-pull-12 { right: 100%; }
  .col-lg-push-0 { left: auto; }
  .col-lg-push-1 { left: 8.33333333%; }
  .col-lg-push-2 { left: 16.66666667%; }
  .col-lg-push-3 { left: 25%; }
  .col-lg-push-4 { left: 33.33333333%; }
  .col-lg-push-5 { left: 41.66666667%; }
  .col-lg-push-6 { left: 50%; }
  .col-lg-push-7 { left: 58.33333333%; }
  .col-lg-push-8 { left: 66.66666667%; }
  .col-lg-push-9 { left: 75%; }
  .col-lg-push-10 { left: 83.33333333%; }
  .col-lg-push-11 { left: 91.66666667%; }
  .col-lg-push-12 { left: 100%; }
  .col-lg-offset-0 { margin-left: 0%; }
  .col-lg-offset-1 { margin-left: 8.33333333%; }
  .col-lg-offset-2 { margin-left: 16.66666667%; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-offset-4 { margin-left: 33.33333333%; }
  .col-lg-offset-5 { margin-left: 41.66666667%; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-offset-7 { margin-left: 58.33333333%; }
  .col-lg-offset-8 { margin-left: 66.66666667%; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-offset-10 { margin-left: 83.33333333%; }
  .col-lg-offset-11 { margin-left: 91.66666667%; }
  .col-lg-offset-12 { margin-left: 100%; } }
table { background-color: transparent; }

caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; }

th { text-align: left; }

.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .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 > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .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 > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; }

.table-bordered { border: 1px solid #ddd; }
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .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-of-type(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 > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .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 > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .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 > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .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 > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .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 > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .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: 0.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 > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .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 > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th: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 > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th: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 > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .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; 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: #555555; }

.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; 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 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 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::-ms-expand { border: 0; background-color: transparent; }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; }
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; }

textarea.form-control { height: auto; }

input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control, .input-group-sm > input[type="date"].input-group-addon, .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm > input[type="time"].form-control, .input-group-sm > input[type="time"].input-group-addon, .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm > input[type="datetime-local"].form-control, .input-group-sm > input[type="datetime-local"].input-group-addon, .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm > input[type="month"].form-control, .input-group-sm > input[type="month"].input-group-addon, .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm input[type="month"] { line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control, .input-group-lg > input[type="date"].input-group-addon, .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg > input[type="time"].form-control, .input-group-lg > input[type="time"].input-group-addon, .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg > input[type="datetime-local"].form-control, .input-group-lg > input[type="datetime-local"].input-group-addon, .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg > input[type="month"].form-control, .input-group-lg > input[type="month"].input-group-addon, .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg input[type="month"] { line-height: 46px; } }
.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 { position: relative; 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="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }

.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; }

.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; }

.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; }
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-lg > .input-group-btn > a.form-control-static, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-sm > .input-group-btn > a.form-control-static { padding-left: 0; padding-right: 0; }

.input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-sm > .input-group-btn > a { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; }

.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.form-group-sm select.form-control { height: 30px; line-height: 30px; }
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; }
.form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }

.input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-lg > .input-group-btn > a { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; }

.form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
.form-group-lg select.form-control { height: 46px; line-height: 46px; }
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; }
.form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; }

.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, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .node-cover .field--name-field-dna-cover-second-cta .input-group-lg > .input-group-btn > a + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .node-cover .field--name-field-dna-cover-second-cta .input-group-sm > .input-group-btn > a + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .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: #6d6d6d; }

@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; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; }
.form-horizontal .form-group:after { clear: both; }
@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: 11px; font-size: 18px; } }
@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } }

.btn, .node-cover .field--name-field-dna-cover-second-cta a { 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, .node-cover .field--name-field-dna-cover-second-cta a:focus, .btn.focus, .node-cover .field--name-field-dna-cover-second-cta a.focus, .btn:active:focus, .node-cover .field--name-field-dna-cover-second-cta a:active:focus, .btn:active.focus, .node-cover .field--name-field-dna-cover-second-cta a:active.focus, .btn.active:focus, .node-cover .field--name-field-dna-cover-second-cta a.active:focus, .btn.active.focus, .node-cover .field--name-field-dna-cover-second-cta a.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .node-cover .field--name-field-dna-cover-second-cta a:hover, .btn:focus, .node-cover .field--name-field-dna-cover-second-cta a:focus, .btn.focus, .node-cover .field--name-field-dna-cover-second-cta a.focus { color: white; text-decoration: none; }
.btn:active, .node-cover .field--name-field-dna-cover-second-cta a:active, .btn.active, .node-cover .field--name-field-dna-cover-second-cta a.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, .node-cover .field--name-field-dna-cover-second-cta a.disabled, .btn[disabled], .node-cover .field--name-field-dna-cover-second-cta a[disabled], fieldset[disabled] .btn, fieldset[disabled] .node-cover .field--name-field-dna-cover-second-cta a, .node-cover .field--name-field-dna-cover-second-cta fieldset[disabled] a { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }

a.btn.disabled, .node-cover .field--name-field-dna-cover-second-cta a.disabled, fieldset[disabled] a.btn, fieldset[disabled] .node-cover .field--name-field-dna-cover-second-cta a, .node-cover .field--name-field-dna-cover-second-cta fieldset[disabled] a { pointer-events: none; }

.btn-default { color: white; background-color: #3fa4cd; border-color: #ccc; }
.btn-default:focus, .btn-default.focus { color: white; background-color: #2d87ac; border-color: #8c8c8c; }
.btn-default:hover { color: white; background-color: #2d87ac; border-color: #adadad; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: white; background-color: #2d87ac; border-color: #adadad; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: white; background-color: #257190; border-color: #8c8c8c; }
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; }
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #3fa4cd; border-color: #ccc; }
.btn-default .badge { color: #3fa4cd; background-color: white; }

.btn-primary { color: white; background-color: #3fa4cd; border-color: #2e6da4; }
.btn-primary:focus, .btn-primary.focus { color: white; background-color: #2d87ac; border-color: #122b40; }
.btn-primary:hover { color: white; background-color: #2d87ac; border-color: #204d74; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: white; background-color: #2d87ac; border-color: #204d74; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: white; background-color: #257190; border-color: #122b40; }
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #3fa4cd; border-color: #2e6da4; }
.btn-primary .badge { color: #3fa4cd; background-color: white; }

.btn-success { color: white; background-color: #3fa4cd; border-color: #4cae4c; }
.btn-success:focus, .btn-success.focus { color: white; background-color: #2d87ac; border-color: #255625; }
.btn-success:hover { color: white; background-color: #2d87ac; border-color: #398439; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: white; background-color: #2d87ac; border-color: #398439; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: white; background-color: #257190; border-color: #255625; }
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; }
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #3fa4cd; border-color: #4cae4c; }
.btn-success .badge { color: #3fa4cd; background-color: white; }

.btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; }
.btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; }
.btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; }
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; }
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { 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:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; }
.btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; }
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; }
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; }
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; }
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { 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:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; }
.btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; }
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; }
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; }
.btn-danger .badge { color: #d9534f; background-color: #fff; }

.btn-link { color: #337ab7; 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: #23527c; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; }

.btn-lg, .btn-group-lg > .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-lg > a { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-sm > a { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-xs > a { 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 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }

.collapse { display: none; }
.collapse.in { display: block; }

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: 0.35s; transition-duration: 0.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 dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.dropup, .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: #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: #fff; text-decoration: none; outline: 0; background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; }
.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: #777777; 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 dashed; border-bottom: 4px solid \9; content: ""; }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }

@media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; }
  .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, .node-cover .field--name-field-dna-cover-second-cta .btn-group > a, .btn-group-vertical > .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a { position: relative; float: left; }
.btn-group > .btn:hover, .node-cover .field--name-field-dna-cover-second-cta .btn-group > a:hover, .btn-group > .btn:focus, .node-cover .field--name-field-dna-cover-second-cta .btn-group > a:focus, .btn-group > .btn:active, .node-cover .field--name-field-dna-cover-second-cta .btn-group > a:active, .btn-group > .btn.active, .node-cover .field--name-field-dna-cover-second-cta .btn-group > a.active, .btn-group-vertical > .btn:hover, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a:hover, .btn-group-vertical > .btn:focus, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a:focus, .btn-group-vertical > .btn:active, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a:active, .btn-group-vertical > .btn.active, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a.active { z-index: 2; }

.btn-group .btn + .btn, .btn-group .node-cover .field--name-field-dna-cover-second-cta a + .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group a + .btn, .btn-group .node-cover .field--name-field-dna-cover-second-cta .btn + a, .node-cover .field--name-field-dna-cover-second-cta .btn-group .btn + a, .btn-group .node-cover .field--name-field-dna-cover-second-cta a + a, .node-cover .field--name-field-dna-cover-second-cta .btn-group a + a, .btn-group .btn + .btn-group, .btn-group .node-cover .field--name-field-dna-cover-second-cta a + .btn-group, .node-cover .field--name-field-dna-cover-second-cta .btn-group a + .btn-group, .btn-group .btn-group + .btn, .btn-group .node-cover .field--name-field-dna-cover-second-cta .btn-group + a, .node-cover .field--name-field-dna-cover-second-cta .btn-group .btn-group + a, .btn-group .btn-group + .btn-group { margin-left: -1px; }

.btn-toolbar { margin-left: -5px; }
.btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; }
.btn-toolbar:after { clear: both; }
.btn-toolbar .btn, .btn-toolbar .node-cover .field--name-field-dna-cover-second-cta a, .node-cover .field--name-field-dna-cover-second-cta .btn-toolbar a, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; }
.btn-toolbar > .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-toolbar > a, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .node-cover .field--name-field-dna-cover-second-cta .btn-group > a:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }

.btn-group > .btn:first-child, .node-cover .field--name-field-dna-cover-second-cta .btn-group > a:first-child { margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .node-cover .field--name-field-dna-cover-second-cta .btn-group > a: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), .node-cover .field--name-field-dna-cover-second-cta .btn-group > a: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, .node-cover .field--name-field-dna-cover-second-cta .btn-group > .btn-group:not(:first-child):not(:last-child) > a { border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .node-cover .field--name-field-dna-cover-second-cta .btn-group > .btn-group:first-child:not(:last-child) > a:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .node-cover .field--name-field-dna-cover-second-cta .btn-group > .btn-group:last-child:not(:first-child) > a: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, .node-cover .field--name-field-dna-cover-second-cta .btn-group > a + .dropdown-toggle { padding-left: 8px; padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle, .node-cover .field--name-field-dna-cover-second-cta .btn-group-lg.btn-group > a + .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, .node-cover .field--name-field-dna-cover-second-cta a .caret { margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret, .node-cover .field--name-field-dna-cover-second-cta .btn-group-lg > a .caret { border-width: 5px 5px 0; border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .node-cover .field--name-field-dna-cover-second-cta .btn-group-lg > a .caret, .node-cover .field--name-field-dna-cover-second-cta .dropup .btn-group-lg > a .caret { border-width: 0 5px 5px; }

.btn-group-vertical > .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > .btn-group > a { display: block; float: none; width: 100%; max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; }
.btn-group-vertical > .btn-group:after { clear: both; }
.btn-group-vertical > .btn-group > .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > .btn-group > a { float: none; }
.btn-group-vertical > .btn + .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a + .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > .btn + a, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a + a, .btn-group-vertical > .btn + .btn-group, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a + .btn-group, .btn-group-vertical > .btn-group + .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > .btn-group + a, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a:not(:first-child):not(:last-child) { border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child), .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child), .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > a:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > a { border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > .btn-group:first-child:not(:last-child) > a: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, .node-cover .field--name-field-dna-cover-second-cta .btn-group-vertical > .btn-group:last-child:not(:first-child) > a: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, .node-cover .field--name-field-dna-cover-second-cta .btn-group-justified > a, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; }
.btn-group-justified > .btn-group .btn, .btn-group-justified > .btn-group .node-cover .field--name-field-dna-cover-second-cta a, .node-cover .field--name-field-dna-cover-second-cta .btn-group-justified > .btn-group a { width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu { left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"], .node-cover .field--name-field-dna-cover-second-cta [data-toggle="buttons"] > a input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], .node-cover .field--name-field-dna-cover-second-cta [data-toggle="buttons"] > a input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], .node-cover .field--name-field-dna-cover-second-cta [data-toggle="buttons"] > .btn-group > a input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], .node-cover .field--name-field-dna-cover-second-cta [data-toggle="buttons"] > .btn-group > a 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 .form-control:focus { z-index: 3; }

.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 #ccc; border-radius: 4px; }
.input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-sm > .input-group-btn > a.input-group-addon { padding: 5px 10px; font-size: 12px; border-radius: 3px; }
.input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-lg > .input-group-btn > a.input-group-addon { 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, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn:first-child > a, .input-group-btn:first-child > .btn-group > .btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn:first-child > .btn-group > a, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .node-cover .field--name-field-dna-cover-second-cta .input-group-btn:last-child > a:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn:last-child > .btn-group:not(:last-child) > a { 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, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn:last-child > a, .input-group-btn:last-child > .btn-group > .btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn:last-child > .btn-group > a, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .node-cover .field--name-field-dna-cover-second-cta .input-group-btn:first-child > a:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn:first-child > .btn-group:not(:first-child) > a { 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, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn > a { position: relative; }
.input-group-btn > .btn + .btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn > a + .btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn > .btn + a, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn > a + a { margin-left: -1px; }
.input-group-btn > .btn:hover, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn > a:hover, .input-group-btn > .btn:focus, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn > a:focus, .input-group-btn > .btn:active, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn > a:active { z-index: 2; }
.input-group-btn:first-child > .btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn:first-child > a, .input-group-btn:first-child > .btn-group { margin-right: -1px; }
.input-group-btn:last-child > .btn, .node-cover .field--name-field-dna-cover-second-cta .input-group-btn:last-child > a, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; }

.nav { margin-bottom: 0; padding-left: 0; list-style: none; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 0; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent; }
.nav > li.disabled > a { color: #777777; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; border-color: #337ab7; }
.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: #eeeeee #eeeeee #ddd; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; }

.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: #337ab7; }

.nav-stacked > li { float: none; }
.nav-stacked > li + li { margin-top: 2px; margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified { width: 100%; }
.nav-justified > li, .nav-tabs.nav-justified > li { float: none; }
.nav-justified > li > a, .nav-tabs.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, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; }
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; }
@media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus { 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: 70px; margin-bottom: 20px; border: 1px solid transparent; }
.navbar:before, .navbar:after { content: " "; display: table; }
.navbar:after { clear: both; }
@media (min-width: 768px) { .navbar { border-radius: 0; } }

.navbar-header:before, .navbar-header:after { content: " "; display: table; }
.navbar-header:after { clear: both; }
@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:before, .navbar-collapse:after { content: " "; display: table; }
.navbar-collapse:after { clear: both; }
.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; } }

.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 > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; }
@media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .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: 25px 15px; font-size: 18px; line-height: 20px; height: 70px; }
.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: 18px; margin-bottom: 18px; 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: 12.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: 25px; padding-bottom: 25px; } }

.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: 18px; margin-bottom: 18px; }
@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 { margin-bottom: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

.navbar-btn { margin-top: 18px; margin-bottom: 18px; }
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-sm > a.navbar-btn { margin-top: 20px; margin-bottom: 20px; }
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn, .node-cover .field--name-field-dna-cover-second-cta .btn-group-xs > a.navbar-btn { margin-top: 24px; margin-bottom: 24px; }

.navbar-text { margin-top: 25px; margin-bottom: 25px; }
@media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } }

@media (min-width: 768px) { .navbar-left { float: left !important; }
  .navbar-right { float: right !important; margin-right: -15px; }
  .navbar-right ~ .navbar-right { margin-right: 0; } }
.navbar-default { background-color: white; border-color: transparent; }
.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: #2d2d2d; }
.navbar-default .navbar-nav > li > a { color: #2d2d2d; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #3fa4cd; background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #adb62d; background-color: transparent; }
.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: white; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: white; }
.navbar-default .navbar-toggle .icon-bar { background-color: #2d2d2d; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: transparent; color: #adb62d; }
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #2d2d2d; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #3fa4cd; 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: #adb62d; background-color: transparent; }
  .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: #2d2d2d; }
.navbar-default .navbar-link:hover { color: #3fa4cd; }
.navbar-default .btn-link { color: #2d2d2d; }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #3fa4cd; }
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; }

.navbar-inverse { background-color: #222; border-color: #090909; }
.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: #090909; }
.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: #090909; color: #fff; }
@media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; }
  .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: #090909; }
  .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, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, 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: "/ "; padding: 0 5px; color: #ccc; }
.breadcrumb > .active { color: #777777; }

.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: #666; background-color: #efefef; 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 > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #666; background-color: #d6d6d6; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #2c2c2c; border-color: #2c2c2c; 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: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; }

.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.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; line-height: 1.5; }
.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:before, .pager:after { content: " "; display: table; }
.pager:after { clear: both; }
.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: #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: #777777; 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; }
.label:empty { display: none; }
.btn .label, .node-cover .field--name-field-dna-cover-second-cta a .label { position: relative; top: -1px; }

a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; }

.label-default { background-color: #777777; }
.label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; }

.label-primary { background-color: #337ab7; }
.label-primary[href]:hover, .label-primary[href]:focus { background-color: #286090; }

.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: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; }
.badge:empty { display: none; }
.btn .badge, .node-cover .field--name-field-dna-cover-second-cta a .badge { position: relative; top: -1px; }
.btn-xs .badge, .btn-group-xs > .btn .badge, .node-cover .field--name-field-dna-cover-second-cta .btn-group-xs > a .badge, .btn-group-xs > .btn .badge, .node-cover .field--name-field-dna-cover-second-cta .btn-group-xs > a .badge { top: 0; padding: 1px 5px; }
.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; }
.list-group-item > .badge { float: right; }
.list-group-item > .badge + .badge { margin-right: 5px; }
.nav-pills > li > a > .badge { margin-left: 3px; }

a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; }

.jumbotron { padding-top: 30px; padding-bottom: 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; }
.jumbotron > hr { border-top-color: #d5d5d5; }
.container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; }
.jumbotron .container { max-width: 100%; }
@media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; }
  .container .jumbotron, .container-fluid .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 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; }
.thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.thumbnail .caption { padding: 9px; color: #333333; }

a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #337ab7; }

.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: #337ab7; -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; -o-transition: width 0.6s ease; transition: width 0.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, .media-body { zoom: 1; overflow: hidden; }

.media-body { width: 10000px; }

.media-object { display: block; }
.media-object.img-thumbnail { max-width: none; }

.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; }

a.list-group-item, button.list-group-item { color: #555; }
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; }
a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; }

button.list-group-item { width: 100%; text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; 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: #777777; }
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; }
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .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: #c7ddef; }

.list-group-item-success { color: #3c763d; background-color: #dff0d8; }

a.list-group-item-success, button.list-group-item-success { color: #3c763d; }
a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; }
a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.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, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.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, button.list-group-item-info { color: #31708f; }
a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; }
a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.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, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.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, button.list-group-item-warning { color: #8a6d3b; }
a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; }
a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.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, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.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, button.list-group-item-danger { color: #a94442; }
a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; }
a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.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, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.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-body:before, .panel-body:after { content: " "; display: table; }
.panel-body:after { clear: both; }

.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, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > 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 > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }

.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:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead: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: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-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-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 { border-top-left-radius: 3px; }
.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, .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-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-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 { 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:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody: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: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, .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 { border-bottom-left-radius: 3px; }
.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, .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 { 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-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th: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-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .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 { border-bottom: 0; }
.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-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 { 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: #333333; 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: #333333; }
.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; }

.panel-primary { border-color: #337ab7; }
.panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; }
.panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; }

.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-16by9 { padding-bottom: 56.25%; }

.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: 0.2; filter: alpha(opacity=20); }
.close:hover, .close:focus { color: #000; 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: hidden; 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%); -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; z-index: 1040; background-color: #000; }
.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; }
.modal-header:before, .modal-header:after { content: " "; display: table; }
.modal-header:after { clear: both; }

.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:before, .modal-footer:after { content: " "; display: table; }
.modal-footer:after { clear: both; }
.modal-footer .btn + .btn, .modal-footer .node-cover .field--name-field-dna-cover-second-cta a + .btn, .node-cover .field--name-field-dna-cover-second-cta .modal-footer a + .btn, .modal-footer .node-cover .field--name-field-dna-cover-second-cta .btn + a, .node-cover .field--name-field-dna-cover-second-cta .modal-footer .btn + a, .modal-footer .node-cover .field--name-field-dna-cover-second-cta a + a, .node-cover .field--name-field-dna-cover-second-cta .modal-footer a + a { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .node-cover .field--name-field-dna-cover-second-cta a + .btn, .node-cover .field--name-field-dna-cover-second-cta .modal-footer .btn-group a + .btn, .modal-footer .btn-group .node-cover .field--name-field-dna-cover-second-cta .btn + a, .node-cover .field--name-field-dna-cover-second-cta .modal-footer .btn-group .btn + a, .modal-footer .btn-group .node-cover .field--name-field-dna-cover-second-cta a + a, .node-cover .field--name-field-dna-cover-second-cta .modal-footer .btn-group a + a { 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; font-family: "Dosis", Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; 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: #fff; text-align: center; 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; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }
.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -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; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }
.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -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-family: "Dosis", Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; 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); }
.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: #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: #fff; }
.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: #fff; }
.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: #fff; }
.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: #fff; 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; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); 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: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: transparent; }
.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: 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%; margin-top: -10px; 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; line-height: 1; 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: transparent; }
.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, .carousel-caption .node-cover .field--name-field-dna-cover-second-cta a, .node-cover .field--name-field-dna-cover-second-cta .carousel-caption a { 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: -10px; font-size: 30px; }
  .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; }
  .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; }
  .carousel-indicators { bottom: 20px; } }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix: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; }

.affix { position: fixed; }

@-ms-viewport { width: device-width; }
.visible-xs { display: none !important; }

.visible-sm { display: none !important; }

.visible-md { display: none !important; }

.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 !important; }
  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 !important; }
  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 !important; }
  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 !important; }
  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 !important; }
  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; } }
.container, .navbar.container { max-width: 1140px !important; width: auto !important; }

html.overlay-open .navbar-fixed-top { z-index: 400; }
html.js fieldset.collapsed { border-left-width: 1px; border-right-width: 1px; height: auto; }
html.js input.form-autocomplete { background-image: none; }
html.js input.form-autocomplete.ui-autocomplete-loading { background-image: none; }
html.js input.form-autocomplete { background-image: none; }
html.js .autocomplete-throbber { background-position: 100% 2px; background-repeat: no-repeat; display: inline-block; height: 15px; margin: 2px 0 0 2px; width: 15px; }
html.js .autocomplete-throbber.throbbing { background-position: 100% -18px; }
html .dropbutton-wrapper { display: inline-block; }
html .dropbutton-widget { padding-right: 20px; }
html .btn-group > .btn.dropdown-toggle, html .node-cover .field--name-field-dna-cover-second-cta .btn-group > a.dropdown-toggle, .node-cover .field--name-field-dna-cover-second-cta html .btn-group > a.dropdown-toggle { position: absolute; right: 0; top: 0; }

body { position: relative; }
body.admin-expanded.admin-vertical.admin-nw .navbar, body.admin-expanded.admin-vertical.admin-sw .navbar { margin-left: 260px; }
body.navbar-is-fixed-top { padding-top: 64px !important; }
body.navbar-is-fixed-bottom { padding-bottom: 64px !important; }
body.toolbar { padding-top: 30px !important; }
body.toolbar .navbar-fixed-top { top: 30px; }
body.toolbar.navbar-is-fixed-top { padding-top: 94px !important; }
body.toolbar-drawer { padding-top: 64px !important; }
body.toolbar-drawer .navbar-fixed-top { top: 64px; }
body.toolbar-drawer.navbar-is-fixed-top { padding-top: 128px !important; }
body.admin-menu .navbar-fixed-top { top: 29px; }
body.admin-menu.navbar-is-fixed-top { padding-top: 93px !important; }
body div#admin-toolbar { z-index: 1600; }
body #toolbar, body #admin-menu, body #admin-toolbar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
body #admin-menu { margin: 0; padding: 0; position: fixed; z-index: 1600; }
body #admin-menu .dropdown li { line-height: normal; }

@media screen and (min-width: 768px) { .navbar.container { max-width: 720px; } }
@media screen and (min-width: 992px) { .navbar.container { max-width: 940px; } }
@media screen and (min-width: 1200px) { .navbar.container { max-width: 1140px; } }
.navbar.container, .navbar.container-fluid { margin-top: 20px; }
.navbar.container > .container, .navbar.container-fluid > .container-fluid { margin: 0; padding: 0; width: auto; }

#overlay-container, .overlay-modal-background, .overlay-element { z-index: 1500; }

#toolbar { z-index: 1600; }

.modal { z-index: 1620; }

.modal-dialog { z-index: 1630; }

.ctools-modal-dialog .modal-body { width: 100% !important; overflow: auto; }

.modal-backdrop { z-index: 1610; }

.footer { margin-top: 45px; padding-top: 35px; padding-bottom: 36px; border-top: 1px solid #E5E5E5; }

.element-invisible { margin: 0; padding: 0; width: 1px; }

.navbar .logo { margin-right: -15px; padding-left: 15px; padding-right: 15px; }
@media screen and (min-width: 768px) { .navbar .logo { margin-right: 0; padding-left: 0; } }

ul.secondary { float: left; }
@media screen and (min-width: 768px) { ul.secondary { float: right; } }

.page-header { margin-top: 0; }

.block:first-child h2.block-title { margin-top: 0; }

p:last-child { margin-bottom: 0; }

.region-help > .glyphicon { font-size: 18px; float: left; margin: -0.05em 0.5em 0 0; }
.region-help .block { overflow: hidden; }

form#search-block-form { margin: 0; }

.navbar #block-search-form { float: none; margin: 5px 0 5px 5px; }
@media screen and (min-width: 992px) { .navbar #block-search-form { float: right; } }
.navbar #block-search-form .input-group-btn { width: auto; }

.navbar-search .control-group { margin-bottom: 0px; }

ul.action-links { margin: 12px 0; padding: 0; }
ul.action-links li { display: inline; margin: 0; padding: 0 6px 0 0; }
ul.action-links .glyphicon { padding-right: 0.5em; }

input, textarea, select, .uneditable-input { max-width: 100%; width: auto; }

input.error { color: #a94442; border-color: #ebccd1; }

fieldset legend.panel-heading { float: left; line-height: 1em; margin: 0; }

fieldset .panel { padding: 0; }

fieldset .panel-body { clear: both; display: inherit; }

fieldset .panel-heading a.panel-title { color: inherit; display: block; margin: -10px -15px; padding: 10px 15px; }
fieldset .panel-heading a.panel-title:hover { text-decoration: none; }

.form-group:last-child, .panel:last-child { margin-bottom: 0; }

.form-horizontal .form-group { margin-left: 0; margin-right: 0; }

.form-actions { clear: both; }

.managed-files.table td:first-child { width: 100%; }

div.image-widget-data { float: none; overflow: hidden; }

table.sticky-header { z-index: 1; }

.resizable-textarea textarea { border-radius: 4px 4px 0 0; }

.text-format-wrapper { margin-bottom: 15px; }
.text-format-wrapper > .form-type-textarea, .text-format-wrapper .filter-wrapper { margin-bottom: 0; }

.filter-wrapper { border-radius: 0 0 4px 4px; }
.filter-wrapper .panel-body { padding: 7px; }
.filter-wrapper .form-type-select { min-width: 30%; }
.filter-wrapper .form-type-select .filter-list { width: 100%; }

.filter-help { margin-top: 5px; text-align: center; }
@media screen and (min-width: 768px) { .filter-help { float: right; } }
.filter-help .glyphicon { margin: 0 5px 0 0; vertical-align: text-top; }

.radio:first-child, .checkbox:first-child { margin-top: 0; }
.radio:last-child, .checkbox:last-child { margin-bottom: 0; }

.help-block, .control-group .help-inline { color: #777777; font-size: 12px; margin: 5px 0 10px; padding: 0; }

.panel-heading { display: block; }

a.tabledrag-handle .handle { box-sizing: content-box; }

.form-file.form-control { border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; }

.form-control:focus { -webkit-box-shadow: none; box-shadow: none; }

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: none; }

.error { color: #a94442; }

div.error, table tr.error { background-color: #f2dede; color: #a94442; }

.form-group.error, .form-group.has-error { background: none; }
.form-group.error label, .form-group.error .control-label, .form-group.has-error label, .form-group.has-error .control-label { color: #a94442; font-weight: 600; }
.form-group.error input, .form-group.error textarea, .form-group.error select, .form-group.error .uneditable-input, .form-group.has-error input, .form-group.has-error textarea, .form-group.has-error select, .form-group.has-error .uneditable-input { color: #555555; }
.form-group.error .help-block, .form-group.error .help-inline, .form-group.has-error .help-block, .form-group.has-error .help-inline { color: #777777; }

.nav-tabs { margin-bottom: 10px; }

ul li.collapsed, ul li.expanded, ul li.leaf { list-style: none; list-style-image: none; }

.tabs--secondary { margin: 0 0 10px; }

.submitted { margin-bottom: 1em; font-style: italic; font-weight: normal; color: #777; }

.form-type-password-confirm { position: relative; }
.form-type-password-confirm .form-type-password { clear: left; }
.form-type-password-confirm label { display: block; }
.form-type-password-confirm label .label { float: right; }
.form-type-password-confirm .help-block { border-left: 1px solid #ddd; display: inline-block; margin-left: 2em; padding-left: 2em; }
.form-type-password-confirm .password-help { padding-left: 2em; }
@media (min-width: 768px) { .form-type-password-confirm .password-help { border-left: 1px solid #ddd; left: 50%; margin-left: 15px; position: absolute; } }
@media (min-width: 992px) { .form-type-password-confirm .password-help { left: 33.33333333%; } }
.form-type-password-confirm .progress { background: transparent; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 4px; margin: -5px 0px 0; }
.form-type-password-confirm .form-control-feedback { right: 15px; }

ul.pagination li > a.progress-disabled { float: left; }

.form-autocomplete .glyphicon { color: #777777; font-size: 120%; }
.form-autocomplete .glyphicon.glyphicon-spin { color: #3fa4cd; }
.form-autocomplete .input-group-addon { background-color: white; }

.ajax-progress .glyphicon { font-size: 90%; margin: 0 -.25em 0 0.5em; }

.glyphicon-spin { display: inline-block; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; }

a .glyphicon-spin { display: inline-block; text-decoration: none; }

@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); }
  100% { -moz-transform: rotate(359deg); } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); } }
@-o-keyframes spin { 0% { -o-transform: rotate(0deg); }
  100% { -o-transform: rotate(359deg); } }
@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); }
  100% { -ms-transform: rotate(359deg); } }
@keyframes spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); } }
.glyphicon-refresh { -webkit-transform-origin: 50% 45%; -moz-transform-origin: 50% 45%; -ms-transform-origin: 50% 45%; -o-transform-origin: 50% 45%; transform-origin: 50% 45%; }

/** Missing Bootstrap 2 tab styling. $see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3 $see http://bootply.com/74926 */
.tabbable { margin-bottom: 20px; }

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs { border-bottom: 0; }
.tabs-below > .nav-tabs .summary, .tabs-left > .nav-tabs .summary, .tabs-right > .nav-tabs .summary { color: #777777; font-size: 12px; }

.tab-pane > .panel-heading { display: none; }

.tab-content > .active { display: block; }

.tabs-below > .nav-tabs { border-top: 1px solid #ddd; }
.tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; }
.tabs-below > .nav-tabs > li > a { border-radius: 0 0 4px 4px; }
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { border-top-color: #ddd; border-bottom-color: transparent; }
.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; }

.tabs-left > .nav-tabs, .tabs-right > .nav-tabs { padding-bottom: 20px; width: 220px; }
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; }
.tabs-left > .nav-tabs > li:focus, .tabs-right > .nav-tabs > li:focus { outline: 0; }
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { margin-right: 0; margin-bottom: 3px; }
.tabs-left > .nav-tabs > li > a:focus, .tabs-right > .nav-tabs > li > a:focus { outline: 0; }
.tabs-left > .tab-content, .tabs-right > .tab-content { border-radius: 0 4px 4px 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); border: 1px solid #ddd; overflow: hidden; padding: 10px 15px; }

.tabs-left > .nav-tabs { float: left; margin-right: -1px; }
.tabs-left > .nav-tabs > li > a { border-radius: 4px 0 0 4px; }
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #ddd #eeeeee #eeeeee; }
.tabs-left > .nav-tabs > .active > a, .tabs-left > .nav-tabs > .active > a:hover, .tabs-left > .nav-tabs > .active > a:focus { border-color: #ddd transparent #ddd #ddd; -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.05); }

.tabs-right > .nav-tabs { float: right; margin-left: -1px; }
.tabs-right > .nav-tabs > li > a { border-radius: 0 4px 4px 0; }
.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #ddd; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05); }
.tabs-right > .nav-tabs > .active > a, .tabs-right > .nav-tabs > .active > a:hover, .tabs-right > .nav-tabs > .active > a:focus { border-color: #ddd #ddd #ddd transparent; }

th.checkbox, td.checkbox, th.radio, td.radio { display: table-cell; }

.views-display-settings .label { font-size: 100%; color: #666666; }
.views-display-settings .footer { padding: 0; margin: 4px 0 0 0; }

.views-exposed-form .views-exposed-widget .btn, .views-exposed-form .views-exposed-widget .node-cover .field--name-field-dna-cover-second-cta a, .node-cover .field--name-field-dna-cover-second-cta .views-exposed-form .views-exposed-widget a { margin-top: 1.8em; }

table .radio input[type="radio"], table .checkbox input[type="checkbox"] { margin-left: 0; max-width: inherit; }

.form-horizontal .form-group label { position: relative; min-height: 1px; margin-top: 0; margin-bottom: 0; padding-top: 7px; padding-left: 15px; padding-right: 15px; text-align: right; }
@media (min-width: 768px) { .form-horizontal .form-group label { float: left; width: 16.66666667%; } }

.alert a { font-weight: bold; }

.alert-success a { color: #2b542c; }

.alert-info a { color: #245269; }

.alert-warning a { color: #66512c; }

.alert-danger a { color: #843534; }

div.image-style-new, div.image-style-new div { display: block; }

div.image-style-new div.input-group { display: table; }

td.module, .table-striped > tbody > tr:nth-child(odd) > td.module, .table > tbody > tr > td.module { background: #ddd; font-weight: 700; }

.book-toc > .dropdown-menu { overflow: hidden; }
.book-toc > .dropdown-menu > .dropdown-header { white-space: nowrap; }
.book-toc > .dropdown-menu > li:nth-child(1) > a { font-weight: bold; }
.book-toc > .dropdown-menu .dropdown-menu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0; display: block; font-size: 12px; margin: 0; padding: 0; position: static; width: 100%; }
.book-toc > .dropdown-menu .dropdown-menu > li { padding-left: 20px; }
.book-toc > .dropdown-menu .dropdown-menu > li > a { margin-left: -40px; padding-left: 60px; }

#features-filter .form-item.form-type-checkbox { padding-left: 20px; }

fieldset.features-export-component { font-size: 12px; }
html.js #features-export-form fieldset.features-export-component, fieldset.features-export-component { margin: 0 0 10px; }
fieldset.features-export-component .panel-heading { padding: 5px 10px; }
fieldset.features-export-component .panel-heading a.panel-title { font-size: 12px; font-weight: 500; margin: -5px -10px; padding: 5px 10px; }
fieldset.features-export-component .panel-body { padding: 0 10px; }

div.features-export-list { margin: -11px 0 10px; padding: 0 10px; }

fieldset.features-export-component .component-select .form-type-checkbox, div.features-export-list .form-type-checkbox { line-height: 1em; margin: 5px 5px 5px 0 !important; min-height: 0; padding: 3px 3px 3px 25px !important; }
fieldset.features-export-component .component-select .form-type-checkbox input[type=checkbox], div.features-export-list .form-type-checkbox input[type=checkbox] { margin-top: 0; }

/** Prevent text wrapping. */
.nowrap { white-space: nowrap; }

/** For anything you want to hide on page load when JS is enabled, so that you can use the JS to control visibility and avoid flicker. */
.js .js-hide { display: none; }

/** For anything you want to show on page load only when JS is enabled. */
.js-show { display: none; }

.js .js-show { display: block; }

/** Hide elements from all users.  Used for elements which should not be immediately displayed to any user. An example would be collapsible details that will be expanded with a click from a user. The effect of this class can be toggled with the jQuery show() and hide() functions. */
.hidden { display: none; }

/** Hide elements visually, but keep them available for screen readers.  Used for information required for screen reader users to understand and use the site where visual display is undesirable. Information provided in this manner should be kept concise, to avoid unnecessary burden on the user. "!important" is used to prevent unintentional overrides. */
.visually-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; word-wrap: normal; }

/** The .focusable class extends the .visually-hidden class to allow the element to be focusable when navigated to via the keyboard. */
.visually-hidden.focusable:active, .visually-hidden.focusable:focus { position: static !important; clip: auto; overflow: visible; height: auto; width: auto; }

/** Hide visually and from screen readers, but maintain layout. */
.invisible { visibility: hidden; }

a.linked-svg { 	/*position: relative; 
	z-index: 1; span {  	display: inline-block;  } object {  	position: relative;  	z-index: -1;  }*/ display: inline-block; }
a.linked-svg svg { fill: #2c2c2c; }
a.linked-svg:hover { text-decoration: none; }
a.linked-svg:hover svg { fill: #3fa4cd; }

.page-header { border-bottom: none; }

.img-responsive-center { margin-left: auto; margin-right: auto; }

#pre-header { background: #2c2c2c; color: white; padding-top: 3px; padding-bottom: 3px; }
#pre-header a { color: white; text-transform: uppercase; }
#pre-header a:hover { text-decoration: none; color: #3fa4cd; }

.back-link a:before { content: ' '; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 5px 5px 5px 0; border-color: transparent white transparent transparent; margin-right: 5px; }
.back-link a:hover:before { border-color: transparent #3fa4cd transparent transparent; }

.navbar-brand { padding: 15px 25px 0 0; }
.navbar-brand img { max-width: 150px; }

.navbar, .navbar.container { margin-top: 0; margin-bottom: 0; position: relative; border: none; }

.active-bar { height: 3px; background: #3fa4cd; width: 100%; }
body.path-user .active-bar { background: #adb62d; }
body.path-diy-kit .active-bar { background: #d84576; }
body.page-node-type-downloads .active-bar { background: #d84576; }
body.page-node-type-wemap .active-bar { background: #3fa4cd; }

.main-menu li a { text-transform: uppercase; font-size: 19px; padding-left: 15px; padding-right: 15px; padding-top: 21px; }
.main-menu li a svg { width: 25px; height: 25px; position: relative; top: 6px; margin-right: 8px; fill: #2c2c2c; }
.main-menu li a:hover svg, .main-menu li a:focus svg { fill: #3fa4cd; }
.main-menu li.the-kit a:hover, .main-menu li.the-kit a:focus { color: #d84576; }
.main-menu li.the-kit a:hover svg, .main-menu li.the-kit a:focus svg { fill: #d84576; }
.main-menu li.the-kit a:hover svg, .main-menu li.the-kit a:focus svg { fill: #d84576; }
.main-menu li.downloads a:hover, .main-menu li.downloads a:focus { color: #d84576; }
.main-menu li.downloads a:hover svg, .main-menu li.downloads a:focus svg { fill: #d84576; }
.main-menu li.wemap a:hover, .main-menu li.wemap a:focus { color: #3fa4cd; }
.main-menu li.wemap a:hover svg, .main-menu li.wemap a:focus svg { fill: #3fa4cd; }
.main-menu li.my-dna a:hover, .main-menu li.my-dna a:focus { color: #adb62d; }
.main-menu li.my-dna a:hover svg, .main-menu li.my-dna a:focus svg { fill: #adb62d; }
.main-menu > li > a.is-active { position: relative; color: #3fa4cd; }
.main-menu > li > a.is-active:after { content: ' '; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -8.5px; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #3fa4cd transparent; }
.main-menu > li > a.is-active svg { fill: #3fa4cd; }
@media screen and (max-width: 768px) { .main-menu > li > a.is-active:after { display: none; } }
.main-menu > li.the-kit > a.is-active { color: #d84576; }
.main-menu > li.the-kit > a.is-active:after { border-color: transparent transparent #d84576 transparent; }
.main-menu > li.the-kit > a.is-active svg { fill: #d84576; }
body.path-user .main-menu > li.my-dna > a { color: #adb62d; }
body.path-user .main-menu > li.my-dna > a:after { content: ' '; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -8.5px; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #adb62d transparent; }
body.path-user .main-menu > li.my-dna > a svg { fill: #adb62d; }
@media screen and (max-width: 768px) { body.path-user .main-menu > li.my-dna > a:after { display: none; } }
body.page-node-type-experiment .main-menu > li.projects > a { color: #3fa4cd; }
body.page-node-type-experiment .main-menu > li.projects > a:after { content: ' '; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -8.5px; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #3fa4cd transparent; }
body.page-node-type-experiment .main-menu > li.projects > a svg { fill: #3fa4cd; }
@media screen and (max-width: 768px) { body.page-node-type-experiment .main-menu > li.projects > a:after { display: none; } }

body.page-node-type-downloads .main-menu > li.downloads > a { color: #d84576; }
body.page-node-type-downloads .main-menu > li.downloads > a:after { content: ' '; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -8.5px; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #d84576 transparent; }
body.page-node-type-downloads .main-menu > li.downloads > a svg { fill: #d84576; }
@media screen and (max-width: 768px) { body.page-node-type-downloads .main-menu > li.downloads > a:after { display: none; } }

body.page-node-type-wemap .main-menu > li.wemap > a { color: #3fa4cd; }
body.page-node-type-wemap .main-menu > li.wemap > a:after { content: ' '; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -8.5px; width: 0; height: 0; border-style: solid; border-width: 0 8.5px 9px 8.5px; border-color: transparent transparent #3fa4cd transparent; }
body.page-node-type-wemap .main-menu > li.wemap > a svg { fill: #3fa4cd; }
@media screen and (max-width: 768px) { body.page-node-type-wemap .main-menu > li.wemap > a:after { display: none; } }

/*for submenu*/
.dropdown:hover .dropdown-menu { display: block; }
.forAnimate { margin-left: 15px; margin-top: 2px; }

.login-menu > li > a { text-transform: uppercase; padding-right: 7px; padding-left: 7px; }
.login-menu > li:first-child a { padding-right: 9px; }
.login-menu > li:first-child a:after { content: ' '; display: block; height: 14px; width: 1px; background: #2d2d2d; position: absolute; right: 0; top: 50%; margin-top: -7px; }
@media screen and (max-width: 768px) { .login-menu > li:first-child a { padding-right: 15px; }
  .login-menu > li:first-child a:after { display: none; } }
@media screen and (max-width: 768px) { .login-menu > li > a { padding: 5px 15px; } }

.user-menu { padding-top: 18px; padding-bottom: 14px; }
@media screen and (max-width: 768px) { .user-menu { text-align: left !important; padding-left: 15px; } }
.user-menu a { color: #999; text-decoration: underline; }
.user-menu .col-xs-8 { padding-right: 0; }
.user-menu img { max-width: 40px; }
.user-menu .avatar-responsive { float: left; margin-right: 10px; }

.region-content { padding-top: 40px; min-height: 250px; }
@media screen and (max-width: 768px) { .region-content { min-height: 0; } }

.view-id-experiments.view-display-id-page_1 .view-filters { margin-bottom: 40px; }
.view-id-experiments.view-display-id-page_1 .view-filters label { text-transform: uppercase; font-size: 12px; }
.view-id-experiments.view-display-id-page_1 .view-filters .form-control { border-radius: 0; height: 25px; padding: 2px 5px; margin-right: 15px; max-width: 120px; }
.view-id-experiments.view-display-id-page_1 .view-filters .input-group-addon { display: none; }
.view-id-experiments.view-display-id-page_1 .view-filters .btn-info { height: 25px; padding: 0 10px; font-size: 12px; border-radius: 0; }

.footer { background: #2c2c2c; color: white; border-top: none; position: relative;}
.footer:before { content: ' '; display: block; position: absolute; width: 100%; height: 3px; top: -3px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e64e81+0,69cff7+50,cad435+100 */ background: #e64e81; /* Old browsers */ background: -moz-linear-gradient(left, #e64e81 0%, #69cff7 50%, #cad435 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e64e81 0%, #69cff7 50%, #cad435 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e64e81 0%, #69cff7 50%, #cad435 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e64e81', endColorstr='#cad435',GradientType=1 ); /* IE6-9 */ }
.footer h2 { font-size: 15px; text-transform: uppercase; text-decoration: underline; margin-top: 0; }
.footer a { color: white; }
.footer a:hover { color: #3fa4cd; }
.footer .menu a { font-size: 18px; margin-bottom: 5px; }
.footer .logo-footer { max-width: 120px; margin-bottom: 10px; }
@media screen and (max-width: 768px) { .footer .row > div, .footer .view-id-experiments.view-display-id-page_1 .view-content > div, .view-id-experiments.view-display-id-page_1 .footer .view-content > div, .footer #main-container-home .view-content > div, #main-container-home .footer .view-content > div { margin-bottom: 40px; }
  .footer .row > div.text-right, .footer .view-id-experiments.view-display-id-page_1 .view-content > div.text-right, .view-id-experiments.view-display-id-page_1 .footer .view-content > div.text-right, .footer #main-container-home .view-content > div.text-right, #main-container-home .footer .view-content > div.text-right { text-align: center; margin-bottom: 0; } }

#sub-footer { background: black; color: white; padding-top: 15px; padding-bottom: 15px; }
#sub-footer-wemap { background: black; color: white; padding-top: 15px; padding-bottom: 15px; bottom: 0; left: 0; width: 100%; }

#backtop { display: block; color: #efefef; text-transform: uppercase; margin-top: 15px; text-decoration: none; }
#backtop svg { fill: #efefef; width: 25px; height: 25px; position: relative; top: 7px; margin-right: 6px; }
#backtop:hover { color: #3fa4cd; }
#backtop:hover svg { fill: #3fa4cd; }

.user-login-form, .user-register-form, .user-pass, .user-form, .validate-form, .contact-message-feedback-form { padding-top: 40px; }
.user-login-form label, .user-register-form label, .user-pass label, .user-form label, .validate-form label, .contact-message-feedback-form label { color: #adb62d; text-transform: uppercase; }
.user-login-form .form-inline .form-control, .user-register-form .form-inline .form-control, .user-pass .form-inline .form-control, .user-form .form-inline .form-control, .validate-form .form-inline .form-control, .contact-message-feedback-form .form-inline .form-control { display: block; }
.user-login-form .form-control, .user-register-form .form-control, .user-pass .form-control, .user-form .form-control, .validate-form .form-control, .contact-message-feedback-form .form-control { max-width: 394px; }
.user-login-form .form-item-pass-pass1, .g-recaptcha, .captcha, .user-register-form .form-item-pass-pass1, .user-pass .form-item-pass-pass1, .user-form .form-item-pass-pass1, .validate-form .form-item-pass-pass1, .contact-message-feedback-form .form-item-pass-pass1 { margin-bottom: 15px; }
.user-login-form .form-item-pass-pass1, .user-login-form .form-item-pass-pass2, .user-register-form .form-item-pass-pass1, .user-register-form .form-item-pass-pass2, .user-pass .form-item-pass-pass1, .user-pass .form-item-pass-pass2, .user-form .form-item-pass-pass1, .user-form .form-item-pass-pass2, .validate-form .form-item-pass-pass1, .validate-form .form-item-pass-pass2, .contact-message-feedback-form .form-item-pass-pass1, .contact-message-feedback-form .form-item-pass-pass2 { display: block; }
.user-login-form .form-item-pass-pass1 .password-strength__meter, .user-login-form .form-item-pass-pass2 .password-strength__meter, .user-register-form .form-item-pass-pass1 .password-strength__meter, .user-register-form .form-item-pass-pass2 .password-strength__meter, .user-pass .form-item-pass-pass1 .password-strength__meter, .user-pass .form-item-pass-pass2 .password-strength__meter, .user-form .form-item-pass-pass1 .password-strength__meter, .user-form .form-item-pass-pass2 .password-strength__meter, .validate-form .form-item-pass-pass1 .password-strength__meter, .validate-form .form-item-pass-pass2 .password-strength__meter, .contact-message-feedback-form .form-item-pass-pass1 .password-strength__meter, .contact-message-feedback-form .form-item-pass-pass2 .password-strength__meter { width: 184px; }
.user-login-form .form-file, .user-register-form .form-file, .user-pass .form-file, .user-form .form-file, .validate-form .form-file, .contact-message-feedback-form .form-file { width: 200px; }
.user-login-form span.form-required, .user-register-form span.form-required, .user-pass span.form-required, .user-form span.form-required, .validate-form span.form-required, .contact-message-feedback-form span.form-required { color: #d84576; margin-left: 2px; }

.validate-form, .contact-message-feedback-form { padding-top: 0; }

.contact-message-feedback-form label:not(.form-required) { display: block; }
.contact-message-feedback-form .form-actions button:first-child { margin-right: 10px; }

.btn, .node-cover .field--name-field-dna-cover-second-cta a { border: none; text-transform: uppercase; padding: 4px 10px; font-size: 18px; }

.btn-pon, .node-cover .field--name-field-dna-cover-second-cta a  { border: none; text-transform: uppercase; padding: 4px 10px; font-size: 12px; }

.btn-lightblue { color: white; background-color: #6fc9ee; border-color: #6fc9ee; }
.btn-lightblue:focus, .btn-lightblue.focus { color: white; background-color: #41b8e9; border-color: #1793c6; }
.btn-lightblue:hover { color: white; background-color: #41b8e9; border-color: #38b4e8; }
.btn-lightblue:active, .btn-lightblue.active, .open > .btn-lightblue.dropdown-toggle { color: white; background-color: #41b8e9; border-color: #38b4e8; }
.btn-lightblue:active:hover, .btn-lightblue:active:focus, .btn-lightblue:active.focus, .btn-lightblue.active:hover, .btn-lightblue.active:focus, .btn-lightblue.active.focus, .open > .btn-lightblue.dropdown-toggle:hover, .open > .btn-lightblue.dropdown-toggle:focus, .open > .btn-lightblue.dropdown-toggle.focus { color: white; background-color: #21ace5; border-color: #1793c6; }
.btn-lightblue:active, .btn-lightblue.active, .open > .btn-lightblue.dropdown-toggle { background-image: none; }
.btn-lightblue.disabled:hover, .btn-lightblue.disabled:focus, .btn-lightblue.disabled.focus, .btn-lightblue[disabled]:hover, .btn-lightblue[disabled]:focus, .btn-lightblue[disabled].focus, fieldset[disabled] .btn-lightblue:hover, fieldset[disabled] .btn-lightblue:focus, fieldset[disabled] .btn-lightblue.focus { background-color: #6fc9ee; border-color: #6fc9ee; }
.btn-lightblue .badge { color: #6fc9ee; background-color: white; }

.btn-green { color: white; background-color: #adb62d; border-color: #adb62d; }
.btn-green:focus, .btn-green.focus { color: white; background-color: #868d23; border-color: #4c5014; }
.btn-green:hover { color: white; background-color: #868d23; border-color: #7e8521; }
.btn-green:active, .btn-green.active, .open > .btn-green.dropdown-toggle { color: white; background-color: #868d23; border-color: #7e8521; }
.btn-green:active:hover, .btn-green:active:focus, .btn-green:active.focus, .btn-green.active:hover, .btn-green.active:focus, .btn-green.active.focus, .open > .btn-green.dropdown-toggle:hover, .open > .btn-green.dropdown-toggle:focus, .open > .btn-green.dropdown-toggle.focus { color: white; background-color: #6b701c; border-color: #4c5014; }
.btn-green:active, .btn-green.active, .open > .btn-green.dropdown-toggle { background-image: none; }
.btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled.focus, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled].focus, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green.focus { background-color: #adb62d; border-color: #adb62d; }
.btn-green .badge { color: #adb62d; background-color: white; }

.btn-fucsia { color: white; background-color: #d84576; border-color: #d84576; }
.btn-fucsia:focus, .btn-fucsia.focus { color: white; background-color: #c1295c; border-color: #821b3e; }
.btn-fucsia:hover { color: white; background-color: #c1295c; border-color: #b92758; }
.btn-fucsia:active, .btn-fucsia.active, .open > .btn-fucsia.dropdown-toggle { color: white; background-color: #c1295c; border-color: #b92758; }
.btn-fucsia:active:hover, .btn-fucsia:active:focus, .btn-fucsia:active.focus, .btn-fucsia.active:hover, .btn-fucsia.active:focus, .btn-fucsia.active.focus, .open > .btn-fucsia.dropdown-toggle:hover, .open > .btn-fucsia.dropdown-toggle:focus, .open > .btn-fucsia.dropdown-toggle.focus { color: white; background-color: #a4224e; border-color: #821b3e; }
.btn-fucsia:active, .btn-fucsia.active, .open > .btn-fucsia.dropdown-toggle { background-image: none; }
.btn-fucsia.disabled:hover, .btn-fucsia.disabled:focus, .btn-fucsia.disabled.focus, .btn-fucsia[disabled]:hover, .btn-fucsia[disabled]:focus, .btn-fucsia[disabled].focus, fieldset[disabled] .btn-fucsia:hover, fieldset[disabled] .btn-fucsia:focus, fieldset[disabled] .btn-fucsia.focus { background-color: #d84576; border-color: #d84576; }
.btn-fucsia .badge { color: #d84576; background-color: white; }

.btn-white { border: 1px solid white; color: #2d2d2d; background-color: white; border-color: white; }
.btn-white:focus, .btn-white.focus { color: #2d2d2d; background-color: #e6e6e6; border-color: #bfbfbf; }
.btn-white:hover { color: #2d2d2d; background-color: #e6e6e6; border-color: #e0e0e0; }
.btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle { color: #2d2d2d; background-color: #e6e6e6; border-color: #e0e0e0; }
.btn-white:active:hover, .btn-white:active:focus, .btn-white:active.focus, .btn-white.active:hover, .btn-white.active:focus, .btn-white.active.focus, .open > .btn-white.dropdown-toggle:hover, .open > .btn-white.dropdown-toggle:focus, .open > .btn-white.dropdown-toggle.focus { color: #2d2d2d; background-color: #d4d4d4; border-color: #bfbfbf; }
.btn-white:active, .btn-white.active, .open > .btn-white.dropdown-toggle { background-image: none; }
.btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled.focus, .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled].focus, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white.focus { background-color: white; border-color: white; }
.btn-white .badge { color: white; background-color: #2d2d2d; }

.btn-pon { border: 0px solid white; color: #2d2d2d; background-image: url("../img/pon_light.png"); }
.btn-pon:focus, .btn-pon.focus {  }
.btn-pon:hover { color: #2d2d2d; background-image: url("../img/pon_dark.png"); }
.btn-pon:active, .btn-pon.active, .open > .btn-pon.dropdown-toggle {  }
.btn-pon:active:hover, .btn-pon:active:focus, .btn-pon:active.focus, .btn-pon.active:hover, .btn-pon.active:focus, .btn-pon.active.focus, .open > .btn-pon.dropdown-toggle:hover, .open > .btn-pon.dropdown-toggle:focus, .open > .btn-pon.dropdown-toggle.focus { color: #2d2d2d; background-image: url("../img/pon_dark.png"); }
.btn-pon:active, .btn-pon.active, .open > .btn-white.dropdown-toggle { background-image: url("../img/pon_light.png"); }
.btn-pon.disabled:hover, .btn-pon.disabled:focus, .btn-pon.disabled.focus, .btn-pon[disabled]:hover, .btn-pon[disabled]:focus, .btn-pon[disabled].focus, fieldset[disabled] .btn-pon:hover, fieldset[disabled] .btn-pon:focus, fieldset[disabled] .btn-pon.focus {  }
.btn-pon .badge { color: white;  }

.btn-black, .node-cover .field--name-field-dna-cover-second-cta a { border: 1px solid white; color: white; background-color: #2d2d2d; border-color: white; }
.btn-black:focus, .node-cover .field--name-field-dna-cover-second-cta a:focus, .btn-black.focus, .node-cover .field--name-field-dna-cover-second-cta a.focus { color: white; background-color: #141414; border-color: #bfbfbf; }
.btn-black:hover, .node-cover .field--name-field-dna-cover-second-cta a:hover { color: white; background-color: #141414; border-color: #e0e0e0; }
.btn-black:active, .node-cover .field--name-field-dna-cover-second-cta a:active, .btn-black.active, .node-cover .field--name-field-dna-cover-second-cta a.active, .open > .btn-black.dropdown-toggle, .node-cover .field--name-field-dna-cover-second-cta .open > a.dropdown-toggle { color: white; background-color: #141414; border-color: #e0e0e0; }
.btn-black:active:hover, .node-cover .field--name-field-dna-cover-second-cta a:active:hover, .btn-black:active:focus, .node-cover .field--name-field-dna-cover-second-cta a:active:focus, .btn-black:active.focus, .node-cover .field--name-field-dna-cover-second-cta a:active.focus, .btn-black.active:hover, .node-cover .field--name-field-dna-cover-second-cta a.active:hover, .btn-black.active:focus, .node-cover .field--name-field-dna-cover-second-cta a.active:focus, .btn-black.active.focus, .node-cover .field--name-field-dna-cover-second-cta a.active.focus, .open > .btn-black.dropdown-toggle:hover, .node-cover .field--name-field-dna-cover-second-cta .open > a.dropdown-toggle:hover, .open > .btn-black.dropdown-toggle:focus, .node-cover .field--name-field-dna-cover-second-cta .open > a.dropdown-toggle:focus, .open > .btn-black.dropdown-toggle.focus, .node-cover .field--name-field-dna-cover-second-cta .open > a.dropdown-toggle.focus { color: white; background-color: #020202; border-color: #bfbfbf; }
.btn-black:active, .node-cover .field--name-field-dna-cover-second-cta a:active, .btn-black.active, .node-cover .field--name-field-dna-cover-second-cta a.active, .open > .btn-black.dropdown-toggle, .node-cover .field--name-field-dna-cover-second-cta .open > a.dropdown-toggle { background-image: none; }
.btn-black.disabled:hover, .node-cover .field--name-field-dna-cover-second-cta a.disabled:hover, .btn-black.disabled:focus, .node-cover .field--name-field-dna-cover-second-cta a.disabled:focus, .btn-black.disabled.focus, .node-cover .field--name-field-dna-cover-second-cta a.disabled.focus, .btn-black[disabled]:hover, .node-cover .field--name-field-dna-cover-second-cta a[disabled]:hover, .btn-black[disabled]:focus, .node-cover .field--name-field-dna-cover-second-cta a[disabled]:focus, .btn-black[disabled].focus, .node-cover .field--name-field-dna-cover-second-cta a[disabled].focus, fieldset[disabled] .btn-black:hover, fieldset[disabled] .node-cover .field--name-field-dna-cover-second-cta a:hover, .node-cover .field--name-field-dna-cover-second-cta fieldset[disabled] a:hover, fieldset[disabled] .btn-black:focus, fieldset[disabled] .node-cover .field--name-field-dna-cover-second-cta a:focus, .node-cover .field--name-field-dna-cover-second-cta fieldset[disabled] a:focus, fieldset[disabled] .btn-black.focus, fieldset[disabled] .node-cover .field--name-field-dna-cover-second-cta a.focus, .node-cover .field--name-field-dna-cover-second-cta fieldset[disabled] a.focus { background-color: #2d2d2d; border-color: white; }
.btn-black .badge, .node-cover .field--name-field-dna-cover-second-cta a .badge { color: #2d2d2d; background-color: white; }

.btn-welab-wemap, .node-cover .field--name-field-dna-cover-second-cta a { border: 1px solid white; color: white; background-color: #adb62d; border-color: white; -webkit-animation-name: welab-wemap; /* Safari 4.0 - 8.0 */ -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */ animation-name: welab-wemap; animation-duration: 10s; }
.btn-welab-wemap:focus, .node-cover .field--name-field-dna-cover-second-cta a:focus, .btn-welab-wemap.focus, .node-cover .field--name-field-dna-cover-second-cta a.focus { color: white; background-color: #141414; border-color: #bfbfbf; }
.btn-welab-wemap:hover, .node-cover .field--name-field-dna-cover-second-cta a:hover { color: white; background-color: #868d23; border-color: #e0e0e0; }
.btn-welab-wemap:active, .node-cover .field--name-field-dna-cover-second-cta a:active, .btn-welab-wemap.active, .node-cover .field--name-field-dna-cover-second-cta a.active, .open > .btn-welab-wemap.dropdown-toggle, .node-cover .field--name-field-dna-cover-second-cta .open > a.dropdown-toggle { color: white; background-color: #141414; border-color: #e0e0e0; }
.btn-welab-wemap:active:hover, .node-cover .field--name-field-dna-cover-second-cta a:active:hover, .btn-welab-wemap:active:focus, .node-cover .field--name-field-dna-cover-second-cta a:active:focus, .btn-welab-wemap:active.focus, .node-cover .field--name-field-dna-cover-second-cta a:active.focus, .btn-welab-wemap.active:hover, .node-cover .field--name-field-dna-cover-second-cta a.active:hover, .btn-welab-wemap.active:focus, .node-cover .field--name-field-dna-cover-second-cta a.active:focus, .btn-welab-wemap.active.focus, .node-cover .field--name-field-dna-cover-second-cta a.active.focus, .open > .btn-welab-wemap.dropdown-toggle:hover, .node-cover .field--name-field-dna-cover-second-cta .open > a.dropdown-toggle:hover, .open > .btn-welab-wemap.dropdown-toggle:focus, .node-cover .field--name-field-dna-cover-second-cta .open > a.dropdown-toggle:focus, .open > .btn-welab-wemap.dropdown-toggle.focus, .node-cover .field--name-field-dna-cover-second-cta .open > a.dropdown-toggle.focus { color: white; background-color: #6b701c; border-color: #bfbfbf; }
.btn-welab-wemap:active, .node-cover .field--name-field-dna-cover-second-cta a:active, .btn-welab-wemap.active, .node-cover .field--name-field-dna-cover-second-cta a.active, .open > .btn-welab-wemap.dropdown-toggle, .node-cover .field--name-field-dna-cover-second-cta .open > a.dropdown-toggle { background-image: none; }
.btn-welab-wemap.disabled:hover, .node-cover .field--name-field-dna-cover-second-cta a.disabled:hover, .btn-welab-wemap.disabled:focus, .node-cover .field--name-field-dna-cover-second-cta a.disabled:focus, .btn-welab-wemap.disabled.focus, .node-cover .field--name-field-dna-cover-second-cta a.disabled.focus, .btn-welab-wemap[disabled]:hover, .node-cover .field--name-field-dna-cover-second-cta a[disabled]:hover, .btn-welab-wemap[disabled]:focus, .node-cover .field--name-field-dna-cover-second-cta a[disabled]:focus, .btn-welab-wemap[disabled].focus, .node-cover .field--name-field-dna-cover-second-cta a[disabled].focus, fieldset[disabled] .btn-welab-wemap:hover, fieldset[disabled] .node-cover .field--name-field-dna-cover-second-cta a:hover, .node-cover .field--name-field-dna-cover-second-cta fieldset[disabled] a:hover, fieldset[disabled] .btn-welab-wemap:focus, fieldset[disabled] .node-cover .field--name-field-dna-cover-second-cta a:focus, .node-cover .field--name-field-dna-cover-second-cta fieldset[disabled] a:focus, fieldset[disabled] .btn-welab-wemap.focus, fieldset[disabled] .node-cover .field--name-field-dna-cover-second-cta a.focus, .node-cover .field--name-field-dna-cover-second-cta fieldset[disabled] a.focus { background-color: #adb62d; border-color: white; }
.btn-welab-wemap .badge, .node-cover .field--name-field-dna-cover-second-cta a .badge { color: #adb62d; background-color: white; }
/* Safari 4.0 - 8.0 */
@-webkit-keyframes welab-wemap { 0% {background-color: #d84576;} 12.5% {background-color: #6fc9ee;} 25% {background-color: #adb62d;} 37.5% {background-color: #d84576;} 50% {background-color: #6fc9ee;} 62.5%  {background-color: #adb62d;} 75%  {background-color: #d84576;} 87.5%  {background-color: #6fc9ee;} 100% {background-color: #adb62d;} }
/* Standard syntax */
@keyframes welab-wemap { 0% {background-color: #d84576;} 12.5% {background-color: #6fc9ee;} 25% {background-color: #adb62d;} 37.5% {background-color: #d84576;} 50% {background-color: #6fc9ee;} 62.5%  {background-color: #adb62d;} 75%  {background-color: #d84576;} 87.5%  {background-color: #6fc9ee;} 100% {background-color: #adb62d;} }


.btn-tab { border: 1px solid #2d2d2d !important; color: #2d2d2d !important; background-color: white; border-radius: 4px !important; padding: 2px 10px 4px !important; }
.btn-tab svg { height: 22px; width: 22px; position: relative; top: 4px; margin-right: 4px; }
li:not(.active) .btn-tab:hover { background-color: #e6e6e6 !important; }
li.active .btn-tab { border-color: #adb62d !important; color: white !important; background-color: #adb62d !important; }
li.active .btn-tab svg { fill: white; }

.path-frontpage #highlighted .trigger.focusable { display: none !important; }

.node-cover { height: 380px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; }
.node-cover .pattern { z-index: 1; position: absolute; height: 100%; width: 100%; top: 50%; bottom: 0; left: 0; right: 0; background: url(../img/pattern_slide.png) repeat top left; }
.node-cover > div { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; z-index: 2; }
.node-cover h2 { color: white; text-transform: uppercase; font-size: 60px; margin-bottom: 20px; margin-top: 0; }
@media screen and (max-width: 768px) { .node-cover h2 { font-size: 36px; } }
.node-cover .field--name-field-dna-cover-second-cta { display: inline-block; }
.node-cover .btn-white + .field--name-field-dna-cover-second-cta { margin-left: 10px; }
.node-cover video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); }

.owl-prev { position: absolute; left: 10px; top: 50%; opacity: 0.5 !important; font-size: 20px !important; background: none !important; padding: 0 !important; }
.owl-prev:active, .owl-prev:focus, .owl-prev:hover { opacity: 1 !important; }

.owl-next { position: absolute; right: 10px; top: 50%; opacity: 0.5 !important; font-size: 20px !important; background: none !important; padding: 0 !important; }
.owl-next:active, .owl-next:focus, .owl-next:hover { opacity: 1 !important; }

.owl-theme .owl-controls { margin-top: 0px !important; }

#highlighted-home { padding-top: 40px; padding-bottom: 40px; }
#highlighted-home h3 { font-size: 30px; line-height: 1em; }
#highlighted-home .btn, #highlighted-home .node-cover .field--name-field-dna-cover-second-cta a, .node-cover .field--name-field-dna-cover-second-cta #highlighted-home a { min-width: 115px; }
@media screen and (max-width: 768px) { #highlighted-home > .row > div, .view-id-experiments.view-display-id-page_1 #highlighted-home > .view-content > div, #main-container-home #highlighted-home > .view-content > div { margin-bottom: 30px; } }
#highlighted-home .row .col-xs-6:first-child, #highlighted-home .view-id-experiments.view-display-id-page_1 .view-content .col-xs-6:first-child, .view-id-experiments.view-display-id-page_1 #highlighted-home .view-content .col-xs-6:first-child, #highlighted-home #main-container-home .view-content .col-xs-6:first-child, #main-container-home #highlighted-home .view-content .col-xs-6:first-child { padding-right: 0; }
#highlighted-home .row .col-xs-6:last-child, #highlighted-home .view-id-experiments.view-display-id-page_1 .view-content .col-xs-6:last-child, .view-id-experiments.view-display-id-page_1 #highlighted-home .view-content .col-xs-6:last-child, #highlighted-home #main-container-home .view-content .col-xs-6:last-child, #main-container-home #highlighted-home .view-content .col-xs-6:last-child { padding-left: 0; }

#main-container-home { background-color: #efefef; padding-bottom: 45px; }
#main-container-home .region-content { padding-top: 20px; }
#main-container-home h1 { text-align: center; font-size: 26px; text-transform: uppercase; background: url(../img/LastProject_iconAbove.jpg) no-repeat top center; background-size: 50px; padding-top: 60px; border: none; }
#main-container-home .more-link { clear: both; text-align: center; margin-top: 20px; }

.path-frontpage .footer, .path-news .footer, .path-galleries .footer { margin-top: 0; }

.article-header { background: #3fa4cd; padding: 10px 15px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.article-header h2 { font-size: 24px; margin-top: 10px; width: 82%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: white; }
.article-header h2 a { color: white; text-transform: uppercase; }
.article-header h2 a:hover { text-decoration: none; }
.article-header .hexagon-wrapper { float: right; position: relative; }
.article-header .hexagon-wrapper .hexagon { position: relative; width: 36px; height: 20.78px; background-color: #ffffff; margin: 10.39px 0; }
.article-header .hexagon-wrapper .hexagon:before, .article-header .hexagon-wrapper .hexagon:after { content: ""; position: absolute; width: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; }
.article-header .hexagon-wrapper .hexagon:before { bottom: 100%; border-bottom: 10.39px solid #ffffff; }
.article-header .hexagon-wrapper .hexagon:after { top: 100%; width: 0; border-top: 10.39px solid #ffffff; }
.article-header .hexagon-wrapper .hexagon-letter { position: absolute; font-size: 28px; color: #3fa4cd; text-transform: uppercase; width: 36px; text-align: center; top: 1px; z-index: 1; }

.article-author { background: #666666; color: white; font-size: 16px; padding: 5px 10px; }
.article-author a { color: white; text-transform: capitalize; }

.article-abstract { background: white; padding: 10px 15px 5px; height: 60px; overflow: hidden; }
.article-abstract-mic { background: white; padding: 10px 15px 5px; height: 60px; overflow: hidden; }
@media screen and (max-width: 768px) { .article-abstract, .article-abstract-mic { height: auto; overflow: auto; } }
body.path-experiments .article-abstract, body.path-user .article-abstract, body.path-micoscopes .article-abstract-mic, .article-abstract-mic  { background: #efefef; }

.article-footer { text-align: right; background: white; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 40px; padding: 0 15px; }
.article-footer a:first-child { margin-right: 10px; }
.article-footer a svg { width: 26px; }

.article-footer-mic { text-align: right; background: white; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 40px; padding: 0 15px; }
.article-footer-mic a:first-child { margin-right: 10px; }
.article-footer-mic a svg { width: 26px; }
body.path-experiments .article-footer, body.path-user .article-footer, body.path-micoscopes .article-footer-mic, .article-footer-mic  { background: #efefef; }

body.page-node-type-experiment .region-content { padding-top: 0; }
body.page-node-type-microscope .region-content { padding-top: 0; }
body.page-node-type-gallery-juice .region-content { padding-top: 0; }
body.page-node-type-downloads .region-content { padding-top: 0; }
body.page-node-type-buy .region-content { padding-top: 0; }
body.page-node-type-tutorials .region-content { padding-top: 0; }
body.page-node-type-pon .region-content { padding-top: 0; }
body.page-node-type-experiment .footer { margin-top: 0; }
body.page-node-type-article-welab .region-content { padding-top: 0; }

.article-welab { font-size: 18px; }

#experiment-detail { background: #efefef; padding: 20px 0 40px; }
#experiment-detail .blue-hexagon-wrapper { float: left; position: relative; top: -11px; margin-right: 10px; }
#experiment-detail .blue-hexagon-wrapper .hexagon { position: relative; width: 50px; height: 28.87px; margin: 14.43px 0; background-color: #3fa4cd; }
#experiment-detail .blue-hexagon-wrapper .hexagon:before, #experiment-detail .blue-hexagon-wrapper .hexagon:after { content: ""; position: absolute; width: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; }
#experiment-detail .blue-hexagon-wrapper .hexagon:before { bottom: 100%; border-bottom: 14.43px solid #3fa4cd; }
#experiment-detail .blue-hexagon-wrapper .hexagon:after { top: 100%; width: 0; border-top: 14.43px solid #3fa4cd; }
#experiment-detail .blue-hexagon-wrapper .hexagon-letter { position: absolute; font-size: 36px; color: white; text-transform: uppercase; width: 50px; text-align: center; top: 9px; z-index: 1; }
#experiment-detail h1 { font-size: 30px; text-transform: uppercase; color: #3fa4cd; }
#experiment-detail #social-block { top: 22px; }
@media screen and (max-width: 768px) { #experiment-detail #social-block { margin: 0; } }
#experiment-detail .experiment-header { margin-bottom: 15px; }
#experiment-detail .experiment-icon-list { margin-bottom: 10px; text-transform: uppercase; color: #666666; }
#experiment-detail .experiment-icon-list svg { fill: #3fa4cd; margin-right: 8px; position: relative; top: 5px; }
#experiment-detail .experiment-icon-list .field { display: inline; }
#experiment-detail .field--name-field-dna-description { margin-bottom: 10px; margin-top: 10px; }
#experiment-detail h3.project-team-title { margin-top: 0; color: #3fa4cd; text-transform: uppercase; font-size: 20px; }
#experiment-detail .project-team--participant { font-size: 16px; }

#experiment-external { padding: 20px 0; }
#experiment-external iframe { min-width: 100%; min-height: 600px; border: none; }

.path-user .region-content { padding-top: 0; }

#user-info { background: #efefef; padding: 40px 0; }
@media screen and (max-width: 768px) { #user-info .field--name-user-picture img { margin: 0 auto 20px; } }
#user-info .field--label { text-transform: uppercase; color: #adb62d; font-weight: normal; }
#user-info .field--name-field-name-surname, #user-info .field--name-field-email { margin-bottom: 20px; }
#user-info .field--name-field-name-surname .field--item, #user-info .field--name-field-email .field--item { font-size: 18px; }
#user-info .field--name-field-bio .field--item { font-size: 15px; }
@media screen and (max-width: 768px) { #user-info .field--name-field-bio { margin-bottom: 40px; } }
#user-info .user-main-info { padding-left: 20px; }
@media screen and (max-width: 768px) { #user-info .user-main-info { padding-left: 0; } }
#user-info .field-where-wrapper, #user-info .field-exp-wrapper { margin-bottom: 20px; font-size: 18px; }
#user-info .field-where-wrapper svg, #user-info .field-exp-wrapper svg { fill: #adb62d; height: 22px; width: 22px; margin-right: 6px; position: relative; top: 5px; }
#user-info .field-where-wrapper .field--item, #user-info .field-exp-wrapper .field--item { display: inline-block; }
@media screen and (max-width: 768px) { #user-info { text-align: center; } }

#user-view-area h1.user-title { text-transform: uppercase; text-align: center; font-size: 26px; margin-top: 30px; }
#user-view-area h3.user-title { text-transform: uppercase; text-align: center; font-size: 26px; margin-top: 30px; }
#user-view-area .nav-tabs { text-align: center; border-bottom: 0; margin-bottom: 40px; margin-top: 15px; }
#user-view-area .nav-tabs > li { float: none; display: inline-block; }
#user-view-area .view-empty { text-align: center; font-size: 18px; font-style: italic; }

.pagination > li { display: inline-block; }
.pagination > li > a, .pagination > li > span { position: static; float: none; display: inline-block; line-height: 1.42857143; text-decoration: none; margin-left: 0; border-radius: 4px; padding: 3px 10px; min-width: 28px; margin-right: 3px; }

#social-block { position: absolute; right: 15px; top: 38px; }
#social-block a { display: inline-block; position: relative; top: 7px; }
#social-block a:first-child { margin-left: 8px; }
#social-block svg { width: 22px; height: 22px; }
@media screen and (max-width: 768px) { #social-block { position: static; margin-top: 20px; margin-bottom: -20px; text-align: right; } }

body.path-diy-kit .main-container { background: #E3E0E0; padding-bottom: 20px; }
@media screen and (max-width: 768px) { body.path-diy-kit .main-container { background: #efefef; } }
body.path-diy-kit footer { margin-top: 0; }

.diy-page-title { text-transform: uppercase; font-size: 36px; }
.diy-page-description { text-transform: uppercase; font-size: 26px; }

h1.diy-page-title:after { content: ' '; display: block; margin: 0 auto; width: 100px; height: 2px; background: #2c2c2c; margin-top: 10px; }

@media screen and (max-width: 768px) { .diy-page-title-container { background: white; border-bottom: 1px solid #cccccc; }
  .diy-page-title-container h1.diy-page-title { font-size: 20px; margin-bottom: 20px; }
  .diy-page-title-container h1.diy-page-title:after { display: none; } }

.responsive-workflow { padding: 20px 15px 0; }

#shadow-area { position: relative; background: white; -webkit-box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1), 0px 3px 24px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1), 0px 3px 24px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1), 0px 3px 24px 0px rgba(50, 50, 50, 0.1); padding: 40px 0; }
@media screen and (max-width: 768px) { #shadow-area { padding: 20px 0 0; box-shadow: none; } }
#shadow-area h2.diy-page-title:after { content: ' '; display: block; width: 300px; height: 2px; background: #2c2c2c; margin-top: 10px; }
@media screen and (max-width: 768px) { #shadow-area h2.diy-page-title { text-transform: none; text-align: center; }
  #shadow-area h2.diy-page-title:after, #shadow-area h2.diy-page-title br { display: none; } }

#video-area { padding: 40px 0; background: #efefef; text-align: center; }
#video-area h3.fucsia { color: #d84576; font-size: 18px; margin: 0; }
#video-area h2.diy-page-title { margin: 10px 0 30px; }
#video-area .video-wrapper { max-width: 600px; margin: 0 auto; }
@media screen and (max-width: 768px) { #video-area h3.fucsia { font-size: 16px; }
  #video-area h2.diy-page-title { font-size: 18px; } }

#owl-animation-margin { position: relative; margin-left: 350px; }
#owl-animation-margin h4 { text-transform: uppercase; position: absolute; left: -325px; top: 75%; color: #adb62d; }

#owl-animation .owl-item h2 { text-transform: uppercase; margin-bottom: 0; }
#owl-animation .owl-item h2.element-invisible { width: auto; visibility: hidden; }
#owl-animation .owl-item h2.h2-light-blue { color: #6fc9ee; }
#owl-animation .owl-item h2.h2-light-green { color: #adb62d; }
#owl-animation .owl-item h2.h2-fucsia { color: #d84576; }
#owl-animation .owl-item h2.h2-light-grey { color: #808080; }
#owl-animation .owl-controls { position: absolute; left: -300px; top: 50%; width: 210px; height: 225px; background: url(../img/how_it_work/esagono_bg_interface.png) no-repeat 29px 35px; background-size: 160px; margin-top: -105px !important; }
#owl-animation .owl-controls .owl-pagination { position: relative; }
#owl-animation .owl-controls .owl-pagination .owl-page { position: absolute; top: 138px; left: -5px; }
#owl-animation .owl-controls .owl-pagination .owl-page span { margin: 0; background: url(../img/how_it_work/icone_interfaccia/app.png) no-repeat center center; width: 70px; height: 70px; background-size: 50%; opacity: 1; width: 70px; height: 70px; background-size: 60px auto; }
#owl-animation .owl-controls .owl-pagination .owl-page:hover span, #owl-animation .owl-controls .owl-pagination .owl-page.active span { transform: scale(1.2, 1.2); background-image: url(../img/how_it_work/icone_interfaccia/app_over.png); }
#owl-animation .owl-controls .owl-pagination .owl-page:first-child { display: none; }
#owl-animation .owl-controls .owl-pagination .owl-page:nth-child(2) { top: 0; left: 72px; }
#owl-animation .owl-controls .owl-pagination .owl-page:nth-child(2) span { background-image: url(../img/how_it_work/icone_interfaccia/microscope.png); }
#owl-animation .owl-controls .owl-pagination .owl-page:nth-child(2):hover span, #owl-animation .owl-controls .owl-pagination .owl-page:nth-child(2).active span { background-image: url(../img/how_it_work/icone_interfaccia/microscope_over.png); }
#owl-animation .owl-controls .owl-pagination .owl-page:nth-child(3) { top: 138px; left: 153px; }
#owl-animation .owl-controls .owl-pagination .owl-page:nth-child(3) span { background-image: url(../img/how_it_work/icone_interfaccia/photometer.png); }
#owl-animation .owl-controls .owl-pagination .owl-page:nth-child(3):hover span, #owl-animation .owl-controls .owl-pagination .owl-page:nth-child(3).active span { background-image: url(../img/how_it_work/icone_interfaccia/photometer_over.png); }
#owl-animation .owl-controls .owl-pagination .owl-page:nth-child(5) { top: 91px; left: 72px; }
#owl-animation .owl-controls .owl-pagination .owl-page:nth-child(5) span { background-image: url(../img/how_it_work/icone_interfaccia/community.png); }
#owl-animation .owl-controls .owl-pagination .owl-page:nth-child(5):hover span, #owl-animation .owl-controls .owl-pagination .owl-page:nth-child(5).active span { background-image: url(../img/how_it_work/icone_interfaccia/community_over.png); }

#how-it-works-responsive { text-align: center; margin-left: -15px; margin-right: -15px; }
#how-it-works-responsive .hiw-resp-item { padding: 30px 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+44,0.15+100 */ background: -moz-linear-gradient(top, transparent 0%, transparent 44%, rgba(0, 0, 0, 0.15) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, transparent 0%, transparent 44%, rgba(0, 0, 0, 0.15) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, transparent 0%, transparent 44%, rgba(0, 0, 0, 0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
#how-it-works-responsive .hiw-resp-item:first-child { padding-top: 0; }
#how-it-works-responsive h2 { text-transform: uppercase; font-size: 24px; }
#how-it-works-responsive img { margin: 20px auto; }

.path-experiments #highlighted { padding: 20px 0 10px; background: #e4ecef; }
.path-experiments #highlighted h2 { text-align: center; margin-top: 0; margin-bottom: 30px; }
.path-experiments #highlighted .h-project { position: relative; border-radius: 14px; border: 2px solid #e4ecef; overflow: hidden; margin-bottom: 20px; }
.path-experiments #highlighted .h-project img { border-radius: 12px; }
.path-experiments #highlighted .h-project .h-overlay { display: block; position: absolute; width: 100%; height: 56px; background: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; top: calc(100% - 56px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
.path-experiments #highlighted .h-project .h-overlay h3 { color: white; margin: 0; padding: 15px; text-transform: uppercase; }
.path-experiments #highlighted .h-project .h-overlay span { display: block; padding: 0 15px; color: white; font-size: 18px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.path-experiments #highlighted .h-project .h-overlay svg { position: absolute; bottom: 10px; right: 15px; fill: white; width: 35px; height: 35px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); }
.path-experiments #highlighted .h-project:hover { border: 2px solid #3fa4cd; }
.path-experiments #highlighted .h-project:hover .h-overlay { top: 0; height: 100%; }
.path-experiments #highlighted .h-project:hover .h-overlay h3 { color: #3fa4cd; }
.path-experiments #highlighted .h-project:hover .h-overlay span { opacity: 100; }
.path-experiments #highlighted .h-project:hover .h-overlay svg { fill: #3fa4cd; }
.path-experiments #experiment-container h2 { text-align: center; margin-top: 10px; margin-bottom: 0; }

/*For galleries*/
#media { padding: 20px 0 10px; }
#media h2 { text-align: center; margin-top: 0; margin-bottom: 30px; }
#media .h-project { position: relative; border-radius: 14px; border: 2px solid #e4ecef; overflow: hidden; margin-bottom: 20px; }
#media .h-project img { border-radius: 12px; }
#media .h-project .h-overlay { display: block; position: absolute; width: 100%; height: 56px; background: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; top: calc(100% - 56px); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-decoration: none; }
#media .h-project .h-overlay h3 { color: white; margin: 0; padding: 15px; text-transform: uppercase; }
#media .h-project .h-overlay span { display: block; padding: 0 15px; color: white; font-size: 18px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
#media .h-project .h-overlay svg { position: absolute; bottom: 10px; right: 15px; fill: white; width: 35px; height: 35px; -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); }
#media .h-project:hover { border: 2px solid #3fa4cd; }
#media .h-project:hover .h-overlay { top: 0; height: 100%; }
#media .h-project:hover .h-overlay h3 { color: #3fa4cd; }
#media .h-project:hover .h-overlay span { opacity: 100; }
#media .h-project:hover .h-overlay svg { fill: #3fa4cd; }
#wemap-container h2 { text-align: center; margin-top: 10px; margin-bottom: 0; }
/*End galleries*/

.language-switcher-language-url ul { margin-top: 5px; margin-bottom: 5px; }
.language-switcher-language-url li { display: inline-block; margin-right: 14px; }
.language-switcher-language-url img { width: 16px; height: 12px; }

#block-languageswitcher-2 .contextual, #block-languageswitcher .contextual, #block-footernavigation .contextual, #block-footer-2 .contextual { display: none!important; }

.node-experiment-edit-form, .node-microscope-edit-form {  padding: 40px 0 40px; margin:0 25%;}
.node-experiment-edit-form label, .node-microscope-edit-form label { color: #adb62d; text-transform: uppercase; }
.node-experiment-edit-form .form-inline .form-control, .node-microscope-edit-form .form-inline .form-control { display: block; }
.node-experiment-edit-form, .node-microscope-edit-form { max-width: 500px; }

.mailchimp-newsletter-mergefields {  padding: 0 0 40px; 0 }
.mailchimp-newsletter-mergefields label { color: #adb62d; text-transform: uppercase; }
.mailchimp-newsletter-mergefields .form-inline .form-control { display: block; }
.mailchimp-newsletter-mergefields  { max-width: 500px; }

.thumbnail_tutorial { border: 0; }

.social-footer { list-style-type: none; margin: 0 0 0 50%; padding: 0; background-color: #01ea2f;}
.social-item-footer { padding: 16px;}

.card { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);}

.card { margin: 30px 0 30px;; box-sizing: border-box; border-radius: 2px; background-clip: padding-box; height:auto;  max-width: 512px; }
.card:hover { height:auto; max-height:none; }
.card span.card-title { font-size: 24px; font-weight: 300; text-transform: uppercase; text-align: center; padding-left: 10px; }
.card span.card-title a:hover { text-decoration: none; }

.card .card-image { position: relative; overflow: hidden; }
.card .card-image img { border-radius: 2px 2px 0 0; background-clip: padding-box; position: relative; z-index: -1; }
.card .card-content { padding: 0 18px 18px; border-radius: 0 0 2px 2px; background-clip: padding-box; box-sizing: border-box;}
.card .card-content p { margin: 0; color: inherit; }
.card .card-content span.card-title { line-height: 48px; }
		.card .card-action { border-top: 1px solid rgba(160, 160, 160, 0.2); padding: 16px; }
.card .card-action a { margin-right: 16px; transition: color 0.3s ease; text-transform: uppercase; }
.card .card-action a:hover { text-decoration: none; white-space: initial;}

.card-text { font-size: 18px; /* Nécessaires pour text-overflow ---> white-space: nowrap; overflow: hidden;*/ }
.overflow-visible { white-space: initial; }
.overflow-clip { text-overflow: clip; }
.overflow-ellipsis { text-overflow: ellipsis; }
.card-text:hover { font-size: 18px; white-space: initial; }
.wemap-text { font-size: 24px; text-align: justify; }

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/*
@media (min-width: 768px) {  
  .card-columns {column-count: 3;}
}
@media (max-width: 768px) {  
  .card-columns {column-count: 2;}
}
*/

.card-blockquote{
  display:block;
  background: #fff;
  padding: 15px 20px 15px 15px;
  margin: 0 0 20px;
  position: relative;
  
  /*Font*/
  /*font-family: Georgia, serif;  
  color: #666;*/
  font-size: 16px;
  line-height: 1.2;
  text-align: justify;
  
  /*Borders - (Optional)
  border-left: 15px solid #c76c0c;
  border-right: 2px solid #c76c0c;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}
.card-lightblue { border-left: 15px solid #6fc9ee; border-right: 2px solid #6fc9ee; }
.card-green { border-left: 15px solid #adb62d; border-right: 2px solid #adb62d; }
.card-fucsia { border-left: 15px solid #d84576; border-right: 2px solid #d84576; }

/*Center text in slider home*/
.centered {position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); text-transform: uppercase; font-size: 60px; }
.centered a {color: white; text-decoration: none;}
@media (max-width: 320px) { .centered {white-space: nowrap; width: 0; overflow: hidden; text-overflow: "";} }
@media (min-width: 320px) and (max-width: 768px) { .centered {font-size: 20px;} }
@media (min-width: 768px) and (max-width: 992px) { .centered {font-size: 40px;} }
@media (min-width: 992px) and (max-width: 1200px) { .centered {font-size: 60px;} }
@media (min-width: 1200px) { .centered {font-size: 80px;} }

/*news card*/
/* styles for '...' */
.block-with-text { overflow: hidden; position: relative; line-height: 1.2em; max-height: 4.8em; text-align: justify !important;  padding-right: 40px; padding-left: 1em; padding-top: 1em; }
/* create the ... */
.block-with-text:before { content: '...'; position: absolute; right: 20px; bottom: 0; }
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after { content: ''; position: absolute; right: 20px; width: 1em; height: 1em; margin-top: 0.2em; background: white; }

.news-image { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.news-header { background: #3fa4cd; padding: 10px 15px; }
.news-header h2 { font-size: 20px; margin: 0; width: 82%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: white; }
.news-header h2 a { color: white; text-transform: uppercase; }
.news-header h2 a:hover { text-decoration: none; }

.news-author { background: #666666; color: white; font-size: 16px; padding: 5px 10px; }
.news-author a { color: white; text-transform: capitalize; }

.news-abstract { background: white; }
@media screen and (max-width: 768px) { .news-abstract { height: auto; } }

.news-footer { text-align: right; background: white; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; margin-bottom: 40px; padding: 15px; }
.news-footer a:first-child { margin-right: 10px; }
.news-footer a svg { width: 26px; }
/*End news card*/



/*New page kit*/
.diy-link { text-decoration: none;}
.diy-section { margin-top: 20px; margin-bottom: 40px; padding: 20px; }
.diy-section-kit { margin-top: 20px; }

.test { margin-bottom: 40px; }

.new-diy-page-title { text-transform: uppercase; font-size: 36px; }

.new-diy-page-description { text-transform: uppercase; font-size: 26px; }

h1.new-diy-page-title:after { display: block; margin: 0 auto; width: 100px; height: 2px; background: #2c2c2c; margin-top: 10px; }

.diy-text { font-size: 24px; text-align: justify; }

.diy-text-azzuro { color: #21ace5; text-transform: uppercase; }

.last-diy-text { margin-bottom: 40px; }

.coveredbyyourgrace { text-transform: uppercase; font-family: 'Covered By Your Grace', cursive; color: #21ace5; font-size: 46px; }

@media screen and (max-width: 768px) {
  .diy-text { font-size: 18px; }

  .coveredbyyourgrace { font-size: 36px; }

  .new-diy-page-title { text-transform: uppercase; font-size: 26px; }

  .new-diy-page-description { text-transform: uppercase; font-size: 18px; }

  .new-diy-page-title-container h1.new-diy-page-title { font-size: 20px; margin-bottom: 20px; }

  .new-diy-page-title-container h1.new-diy-page-title:after { display: none; }
}

.new-diy-container-azzuro {
  background-color: #21ace5;
  color: white;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1),
    0px 3px 24px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1),
    0px 3px 24px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1),
    0px 3px 24px 0px rgba(50, 50, 50, 0.1);
  margin-bottom: 40px;
  padding: 10px;
}
.item-image-azzuro {
  background-color: #21ace5;
  border-radius: 15px;
}

.item-image-fucsia {
  background-color: #b92758;
  border-radius: 15px;
}

.new-diy-container-fucsia {
  background-color: #b92758;
  color: white;
  text-align: center;
  text-transform: uppercase;
  -webkit-box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1),
    0px 3px 24px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1),
    0px 3px 24px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1),
    0px 3px 24px 0px rgba(50, 50, 50, 0.1);
  margin-bottom: 40px;
  margin-top: 40px;
  padding: 10px;
}

#new-shadow-area { position: relative; background: white;
  -webkit-box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1), 0px 3px 24px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1), 0px 3px 24px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px -3px 24px 0px rgba(50, 50, 50, 0.1), 0px 3px 24px 0px rgba(50, 50, 50, 0.1);
}

@media screen and (max-width: 768px) { #new-shadow-area { padding: 20px 0 0; box-shadow: none; } }

#new-shadow-area h2.new-diy-page-title:after {content: ' '; display: block; width: 300px; height: 2px; background: #2c2c2c; margin-top: 10px; }

@media screen and (max-width: 768px) {
  #new-shadow-area h2.new-diy-page-title { text-transform: none; text-align: center;}
  #new-shadow-area h2.new-diy-page-title:after, #new-shadow-area h2.new-diy-page-title br { display: none; }
}

/*End new page kit*/
