/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
/* Import Sass mixins, variables, Compass modules, etc. */
/*
 * Mixins from twitter Bootstrap sass conversion
 * https://github.com/jlong/sass-twitter-bootstrap
 */
/* HTML element (SMACSS base) rules */
/**
 * @file
 * Normalize.css is intended to be used as an alternative to CSS resets.
 *
 * This file is a slight fork of these original sources:
 * - normalize.css v2.1.2 | MIT License | git.io/normalize
 * - normalize.scss v2.1.2 | MIT/GPLv2 License | bit.ly/normalize-with-compass
 *
 * It's suggested that you read the normalize.scss file and customise it to meet
 * your needs, rather then including the file in your project and overriding the
 * defaults later in your CSS.
 * @see http://nicolasgallagher.com/about-normalize-css/ds-secondary
 *
 * Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
 *       @see http://snook.ca/archives/html_and_css/no_css_reset/
 */
/**
 * HTML5 display definitions
 */
/* Correct `block` display not defined in IE 8/9. */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block;
}

/* Correct `inline-block` display not defined in IE 8/9. */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* Address styling not present in IE 8/9. */
[hidden] {
  display: none;
}

/**
 * Base
 *
 * Instead of relying on the fonts that are available on a user's computer, you
 * can use web fonts which, like images, are resources downloaded to the user's
 * browser. Because of the bandwidth and rendering resources required, web fonts
 * should be used with care.
 *
 * Numerous resources for web fonts can be found on Google. Here are a few
 * websites where you can find Open Source fonts to download:
 * - http://www.fontsquirrel.com/fontface
 * - http://www.theleagueofmoveabletype.com
 *
 * In order to use these fonts, you will need to convert them into formats
 * suitable for web fonts. We recommend the free-to-use Font Squirrel's
 * Font-Face Generator:
 *   http://www.fontsquirrel.com/fontface/generator
 *
 * The following is an example @font-face declaration. This font can then be
 * used in any ruleset using a property like this:  font-family: Example, serif;
 *
 * Since we're using Sass, you'll need to declare your font faces here, then you
 * can add them to the font variables in the _base.scss partial.
 */
/*
@font-face {
  font-family: 'Example';
  src: url('../fonts/example.eot');
  src: url('../fonts/example.eot?iefix') format('eot'),
    url('../fonts/example.woff') format('woff'),
    url('../fonts/example.ttf') format('truetype'),
    url('../fonts/example.svg#webfontOkOndcij') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 */
html {
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
  /* 1 */
  font-size: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  line-height: 1.5em;
}

/* Remove default margin. */
body {
  margin: 0;
  padding: 0;
}

/**
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a:link {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: underline;
}

/* Address `outline` inconsistency between Chrome and other browsers. */
a:focus {
  outline: thin dotted;
}

/* Improve readability when focused and also mouse hovered in all browsers. */
a:active,
a:hover {
  outline: 0;
}

/**
 * Typography
 *
 * To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
 * so that the line height of our base font becomes the basic unit of vertical
 * measurement. We use multiples of that unit to set the top and bottom margins
 * for our block level elements and to set the line heights of any fonts.
 * For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
 */
/* Set 1 unit of vertical rhythm on the top and bottom margin. */
p,
pre {
  margin: 0.375em 0;
}

blockquote {
  /* Also indent the quote on both sides. */
  margin: 0.375em 20px;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  /* Set the font-size and line-height while keeping a proper vertical rhythm. */
  font-size: 2em;
  line-height: 1.125em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin-top: 0.1875em;
  margin-bottom: 0.1875em;
}

h2 {
  font-size: 1.5em;
  line-height: 1.25em;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}

h3 {
  font-size: 1.17em;
  line-height: 1.28205em;
  margin-top: 0.32051em;
  margin-bottom: 0.32051em;
}

h4 {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0.375em;
  margin-bottom: 0.375em;
}

h5 {
  font-size: 0.83em;
  line-height: 1.35542em;
  margin-top: 0.45181em;
  margin-bottom: 0.45181em;
}

h6 {
  font-size: 0.67em;
  line-height: 1.6791em;
  margin-top: 0.5597em;
  margin-bottom: 0.5597em;
}

/* Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] {
  border-bottom: 1px dotted;
}

/* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b,
strong {
  font-weight: bold;
}

/* Address styling not present in Safari 5 and Chrome. */
dfn {
  font-style: italic;
}

/* Address differences between Firefox and other browsers. */
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  border: 1px solid #666;
  padding-bottom: -1px;
  margin: 0.375em 0;
}

/* Address styling not present in IE 8/9. */
mark {
  background: #ff0;
  color: #000;
}

/* Correct font family set oddly in Safari 5 and Chrome. */
code,
kbd,
pre,
samp,
tt,
var {
  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
}

/* Improve readability of pre-formatted text in all browsers. */
pre {
  white-space: pre-wrap;
}

/* Set consistent quote types. */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/* Address inconsistent and variable font size in all browsers. */
small {
  font-size: 80%;
}

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/**
 * Lists
 */
dl,
menu,
ol,
ul {
  /* Address margins set differently in IE 6/7. */
  margin: 0.375em 0;
}

ol ol,
ol ul,
ul ol,
ul ul {
  /* Turn off margins on nested lists. */
  margin: 0;
}

dd {
  margin: 0 0 0 20px;
  /* LTR */
}

/* Address paddings set differently in IE 6/7. */
menu,
ol,
ul {
  padding: 0 0 0 20px;
  /* LTR */
}

/**
 * Embedded content and figures
 *
 * @todo Look into adding responsive embedded video.
 */
img {
  /* Remove border when inside `a` element in IE 8/9. */
  border: 0;
  /* Suppress the space beneath the baseline */
  /* vertical-align: bottom; */
  /* Responsive images */
  max-width: 100%;
  height: auto;
  /* Correct IE 8 not scaling image height when resized. */
  width: auto\9;
}
#colorbox img, .leaflet-map-pane img {
  /*Fix to avoid grey leaflet maps, see http://drupal.org/node/1489432#comment-5969354 */
  max-width: none;
  max-height: none;
}

/* Correct overflow displayed oddly in IE 9. */
svg:not(:root) {
  overflow: hidden;
}

.leaflet-container {
  font-size: 100%;
  /* 1 */
  line-height: 1.5em;
}

/* Address margin not present in IE 8/9 and Safari 5. */
figure {
  margin: 0;
}

/**
 * Forms
 */
/* Define consistent border, margin, and padding. */
fieldset {
  margin: 0 2px;
  /* Apply borders and padding that keep the vertical rhythm. */
  border-color: #c0c0c0;
  border-top-style: solid;
  border-top-width: 0.0625em;
  padding-top: 0.06875em;
  border-bottom-style: solid;
  border-bottom-width: 0.0625em;
  padding-bottom: 0.18125em;
  border-left-style: solid;
  border-left-width: 0.0625em;
  padding-left: 0.18125em;
  border-right-style: solid;
  border-right-width: 0.0625em;
  padding-right: 0.18125em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 * 4. Improve appearance and consistency with IE 6/7.
 * 5. Keep form elements constrained in their containers.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
  max-width: 100%;
  /* 5 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 5 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* Drupal-style form labels. */
label {
  display: block;
  font-weight: bold;
}

/**
 * Tables
 */
table {
  /* Remove most spacing between table cells. */
  border-collapse: collapse;
  border-spacing: 0;
  /* Prevent cramped-looking tables */
  /* width: 100%; */
  /* Add vertical rhythm margins. */
  margin-top: 0.375em;
  margin-bottom: 0.375em;
}

/*
 * Custom OC Font
 */
@font-face {
  font-family: 'OC_Font';
  src: url("../fonts/OC_Font.eot");

}

@font-face {
  font-family: 'OC_Font';
  src: url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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) format("truetype");
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'OC_Font';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="oc-icon-"] {
*/
.oc-icon-location, .oc-icon-user, .oc-icon-link, .oc-icon-house, .oc-icon-flow-tree, .oc-icon-mail, .oc-icon-phone, .oc-icon-arrow-left, .oc-icon-arrow-up, .oc-icon-arrow-right, .oc-icon-arrow-down, .oc-icon-rss, .oc-icon-logout, .oc-icon-tag, .oc-icon-search, .oc-icon-newspaper, .oc-icon-chat, .oc-icon-earth, .oc-icon-brush, .oc-icon-flag, .oc-icon-minus, .oc-icon-plus {
  font-family: 'OC_Font';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.oc-icon-location:before {
  content: "\e000";
}

.oc-icon-user:before {
  content: "\e001";
}

.oc-icon-link:before {
  content: "\e002";
}

.oc-icon-house:before {
  content: "\e003";
}

.oc-icon-flow-tree:before {
  content: "\e004";
}

.oc-icon-mail:before {
  content: "\e005";
}

.oc-icon-phone:before {
  content: "\e006";
}

.oc-icon-arrow-left:before {
  content: "\2190";
}

.oc-icon-arrow-up:before {
  content: "\2191";
}

.oc-icon-arrow-right:before {
  content: "\2192";
}

.oc-icon-arrow-down:before {
  content: "\2193";
}

.oc-icon-rss:before {
  content: "\e00b";
}

.oc-icon-logout:before {
  content: "\e00c";
}

.oc-icon-tag:before {
  content: "\e00d";
}

.oc-icon-search:before {
  content: "\e00e";
}

.oc-icon-newspaper:before {
  content: "\e007";
}

.oc-icon-chat:before {
  content: "\e008";
}

.oc-icon-earth:before {
  content: "\e009";
}

.oc-icon-brush:before {
  content: "\e00a";
}

.oc-icon-flag:before {
  content: "\e00f";
}

.oc-icon-minus:before {
  content: "\e010";
}

.oc-icon-plus:before {
  content: "\e011";
}

/* Layout rules */
/**
 * @file
 * Positioning for a responsive layout.
 *
 * Define CSS classes to create a fluid grid layout with optional sidebars
 * depending on whether blocks are placed in the left or right sidebars.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/**
 * Center the page.
 *
 * For screen sizes larger than 1200px, prevent excessively long lines of text
 * by setting a max-width.
 */
#page,
.region-bottom {
  min-width: 320px;
}

#header-inner,
#main > .inner,
.region-menu,
.region-menu-secondary,
#footer,
#closure {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}

/* Apply the shared properties of grid items in a single, efficient ruleset. */
#header-inner,
#content,
#postscript .region,
#above-content,
.region-sidebar-first,
.region-sidebar-second,
#footer,
#closure {
  padding-left: 20px;
  padding-right: 20px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
}

.region-menu-secondary .inner {
  margin: 0 20px;
}

/* Containers for grid items and flow items. */
#header:before, #header:after,
#main > .inner:before,
#main > .inner:after,
#postscript:before,
#postscript:after,
#footer:before,
#footer:after {
  content: "";
  display: table;
}
#header:after,
#main > .inner:after,
#postscript:after,
#footer:after {
  clear: both;
}

#postscript {
  clear: left;
}

@media all and (min-width: 480px) {
  /* profile page */
  .profile2-researcher-profile.view-mode-page {
    margin: 0 -20px;
  }
  .profile2-researcher-profile.view-mode-page:before, .profile2-researcher-profile.view-mode-page:after {
    content: "";
    display: table;
  }
  .profile2-researcher-profile.view-mode-page:after {
    clear: both;
  }
  .profile2-researcher-profile.view-mode-page > .field {
    clear: both;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .profile2-researcher-profile.view-mode-page > .group-profile {
    float: left;
    width: 40%;
    margin-left: 0%;
    margin-right: -40%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .profile2-researcher-profile.view-mode-page > .field-name-field-rprofile-desctitle,
  .profile2-researcher-profile.view-mode-page > .field-name-field-rprofile-short-bio {
    float: right;
    width: 60%;
    margin-right: 0%;
    margin-left: -60%;
    clear: right;
  }

  .region-menu-secondary .block {
    float: left;
  }
}
@media all and (min-width: 600px) {
  #header {
    padding-bottom: 3em;
    /* Move all the children of #main down to make room. */
  }

  #navigation {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
  }

  .region-menu {
    position: static;
  }
}

@media all and (min-width: 600px) and (max-width: 959px) {
	
  .region-menu {
    position: static;
  }
  .no-sidebars {
    /* flexslider */
  }
  .no-sidebars .view-grid > .view-content {
    margin: 0 -20px;
  }
  .no-sidebars .view-grid > .view-content:before, .no-sidebars .view-grid > .view-content:after {
    content: "";
    display: table;
  }
  .no-sidebars .view-grid > .view-content:after {
    clear: both;
  }
  .no-sidebars .view-grid .views-row {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .no-sidebars .view-grid .views-row:nth-child(3n+1) {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    clear: left;
  }
  .no-sidebars .view-grid .views-row:nth-child(3n+2) {
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }
  .no-sidebars .view-grid .views-row:nth-child(3n+3) {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  .no-sidebars .view-grid-less > .view-content {
    margin: 0 -20px;
  }
  .no-sidebars .view-grid-less > .view-content:before, .no-sidebars .view-grid-less > .view-content:after {
    content: "";
    display: table;
  }
  .no-sidebars .view-grid-less > .view-content:after {
    clear: both;
  }
  .no-sidebars .view-grid-less .views-row {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .no-sidebars .view-grid-less .views-row-odd {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    clear: left;
  }
  .no-sidebars .view-grid-less .views-row-even {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
  .no-sidebars .view-grid-less.count-1 .views-row-odd {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  .no-sidebars.front #content {
    padding-left: 0;
    padding-right: 0;
  }
  .no-sidebars.front .flexslider .ds-primary {
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .no-sidebars.front .flexslider .ds-secondary {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }

  /*
   * The layout when there is a sidebar.
   */
  .one-sidebar .view-grid > .view-content {
    margin: 0 -20px;
  }
  .one-sidebar .view-grid > .view-content:before, .one-sidebar .view-grid > .view-content:after {
    content: "";
    display: table;
  }
  .one-sidebar .view-grid > .view-content:after {
    clear: both;
  }
  .one-sidebar .view-grid .views-row {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .one-sidebar .view-grid .views-row-odd {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    clear: left;
  }
  .one-sidebar .view-grid .views-row-even {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }

  /*
   * The layout when there is only one sidebar, the left one.
   */
  .sidebar-first #content {
    /* Span 8 columns, starting in 5th column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first {
    /* Span 4 column, starting in 1st column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */
  .sidebar-second #content {
    /* Span 9 columns, starting in 1st column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
  }
  .sidebar-second .region-sidebar-second {
    /* Span 3 column, starting in 10th column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }

  /*
   * The layout when there are two sidebars.
   */
  .two-sidebars #content {
    /* Span 9 columns, starting in 4th column from left. */
    float: left;
    width: 66.66667%;
    margin-left: 33.33333%;
    margin-right: -100%;
  }
  .two-sidebars .region-sidebar-first {
    /* Span 3 column, starting in 1st column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }
  .two-sidebars .region-sidebar-second {
    /* Span 12 column, starting in 1st column from left. */
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
    padding-left: 0;
    padding-right: 0;
    clear: left;
  }
  .two-sidebars .region-sidebar-second .block {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) {
    /* Span 4 columns, starting in the 1st column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    clear: left;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) {
    /* Span 4 columns, starting in the 5th column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }
  .two-sidebars .region-sidebar-second .block:nth-child(3n) {
    /* Span 4 columns, starting in the 9th column from left. */
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  .two-sidebars .view-grid > .view-content {
    margin: 0 -20px;
  }
  .two-sidebars .view-grid > .view-content:before, .two-sidebars .view-grid > .view-content:after {
    content: "";
    display: table;
  }
  .two-sidebars .view-grid > .view-content:after {
    clear: both;
  }
  .two-sidebars .view-grid .views-row {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .two-sidebars .view-grid .views-row-odd {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    clear: left;
  }
  .two-sidebars .view-grid .views-row-even {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }

  #footer #block-oc-site-oc-site-info {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }

  #footer #block-oc-site-oc-site-logos {
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }

  #footer #block-oc-site-oc-site-map {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }

  /* profile page */
  .profile2-researcher-profile.view-mode-page > .field {
    clear: both;
    float: right;
    width: 66.66667%;
    margin-right: 0%;
    margin-left: -66.66667%;
    clear: right;
  }
  .profile2-researcher-profile.view-mode-page > .group-profile,
  .profile2-researcher-profile.view-mode-page > .field-name-field-rprofile-partner-ref {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    clear: left;
  }
  /*carlos new content types*/
  
  
#block-views-career-development-block {
    float: left !important;
    width: 100% !important;
    margin-left: 0% !important;
	text-align: justify;

}
div#block-views-career-spotlight-block-1 {
    width: 90% !important;
}

#block-views-career-spotlight-block-1 {

    float: left !important;
	width: 100% !important;
	margin-left: 4% !important;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: justify;

}

#block-views-wis-portraits-block-1
{
	float: left !important;
    width: 100% !important;
	text-align: justify;
}

#block-views-research-institutes-block-1
{
	
    float: left !important;
	width: 100% !important;
	margin-left: 5% !important;

}
#block-views-bb4384a2977271cf3d49c70cc735d230 {
   	float: left !important;
	width: 100% !important;	
}

#block-views-resources-block-1 {
	
	float: left !important;
	width: 100% !important;	
	
	}
	.group-m-link.field-group-div,
	.field-name-node-link{
		float:right !important;

	}
.wis-photo-full {
    float: none !important;
	text-align: left;
}
.wis-title-full, .wis-role-full, .wis-affiliation-full, .wis-subtitle-fullcontent {
    margin-left: 0px;
}

#block-menu-block-6,
#block-menu-block-1 {
	display:block;
	}
	
.node-supporting-career-development.view-mode-promoted_big.ds-2col-fluid > .group-left,
.node-women-in-science-portraits.view-mode-promoted_big.ds-2col-fluid > .group-left {
	float: left !important;
	width: 23% !important;
}

 .node-supporting-career-development.view-mode-promoted_big.ds-2col-fluid > .group-right,
 .node-women-in-science-portraits.view-mode-promoted_big.ds-2col-fluid > .group-right {
	float: left !important;
    width: 70% !important;
}
.node-supporting-career-development.view-mode-full.ds-3col > .group-left,
.node-supporting-career-development.view-mode-full.ds-3col > .group-middle,
.node-supporting-career-development.view-mode-full.ds-3col > .group-right {
	width: 95% !important;
	float: none !important;
}
.node-supporting-career-development.view-mode-full.ds-3col > .group-middle,
.node-supporting-career-development.view-mode-full.ds-3col > .group-right {
	margin-top: 30px;
}
.field.field-name-field-subtitle.field-type-text-with-summary.field-label-hidden {
	text-align: justify;
}
.node-women-in-science-portraits.view-mode-promoted_small.ds-2col-fluid > .group-right, .node-supporting-career-development.view-mode-promoted_small.ds-2col-fluid > .group-right {
	float: left;
	width: 60%;
	margin-left: 0px !important;
}
.field.field-name-field-address.field-type-addressfield.field-label-hidden.supporting-career-address-promotedsmall {
    margin-left: -18px;
}
.wis-title-full,
.wis-role-full,
.wis-affiliation-full,
.wis-subtitle-fullcontent {
	margin-left: 0px !important;
}
}
@media all and (min-width: 960px) {
  #page {
    padding-top: 2.25em;
    position: relative;
  }

  #main-menu {
    padding: 0 20px;
  }

  #menu-secondary-wrapper {
    position: absolute;
    top: 0.75em;
    left: 0;
    width: 100%;
  }

  .region-menu-secondary:after {
    content: "";
    display: table;
    clear: both;
  }
  .region-menu-secondary > .inner {
    margin: 0 20px;
    float: right;
    max-width: 40%;
  }
  .region-menu-secondary .block {
    float: right;
    clear: both;
  }

  /*
   * Use 12 grid columns for larger screens.
   */
  .front #content {
    padding-left: 0;
    padding-right: 0;
  }
  .front .flexslider .ds-primary {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .front .flexslider .ds-secondary {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }

  /*
   * The layout when there is no sidebars.
   */
  .no-sidebars {
    /* flexslider */
  }
  .no-sidebars.front .flexslider .ds-primary {
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
  }
  .no-sidebars.front .flexslider .ds-secondary {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  .no-sidebars.page-node #content > .oc-2regions {
    margin: 0 -20px;
  }
  .no-sidebars.page-node #content > .oc-2regions > .ds-primary {
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .no-sidebars.page-node #content > .oc-2regions > .ds-secondary {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .no-sidebars .view-grid > .view-content {
    margin: 0 -20px;
  }
  .no-sidebars .view-grid > .view-content:before, .no-sidebars .view-grid > .view-content:after {
    content: "";
    display: table;
  }
  .no-sidebars .view-grid > .view-content:after {
    clear: both;
  }
  .no-sidebars .view-grid .views-row {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .no-sidebars .view-grid .views-row:nth-child(4n+1) {
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
    clear: left;
  }
  .no-sidebars .view-grid .views-row:nth-child(4n+2) {
    float: left;
    width: 25%;
    margin-left: 25%;
    margin-right: -50%;
  }
  .no-sidebars .view-grid .views-row:nth-child(4n+3) {
    float: left;
    width: 25%;
    margin-left: 50%;
    margin-right: -75%;
  }
  .no-sidebars .view-grid .views-row:nth-child(4n+4) {
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }
  .no-sidebars .view-grid-less > .view-content {
    margin: 0 -20px;
  }
  .no-sidebars .view-grid-less > .view-content:before, .no-sidebars .view-grid-less > .view-content:after {
    content: "";
    display: table;
  }
  .no-sidebars .view-grid-less > .view-content:after {
    clear: both;
  }
  .no-sidebars .view-grid-less .views-row {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .no-sidebars .view-grid-less .views-row:nth-child(3n+1) {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    clear: left;
  }
  .no-sidebars .view-grid-less .views-row:nth-child(3n+2) {
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }
  .no-sidebars .view-grid-less .views-row:nth-child(3n+3) {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  .no-sidebars .view-grid-less.count-1 .views-row:nth-child(3n+1) {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  .lt-ie9 .no-sidebars .view-grid .views-row-odd, .lt-ie9 .no-sidebars .view-grid-less .views-row-odd {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    clear: left;
  }
  .lt-ie9 .no-sidebars .view-grid .views-row-even, .lt-ie9 .no-sidebars .view-grid-less .views-row-even {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
  .lt-ie9 .no-sidebars .view-grid.count-1 .views-row-odd, .lt-ie9 .no-sidebars .view-grid-less.count-1 .views-row-odd {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }

  /*
   * The layout when there is a sidebar.
   */
  .one-sidebar .view-grid > .view-content {
    margin: 0 -20px;
  }
  .one-sidebar .view-grid > .view-content:before, .one-sidebar .view-grid > .view-content:after {
    content: "";
    display: table;
  }
  .one-sidebar .view-grid > .view-content:after {
    clear: both;
  }
  .one-sidebar .view-grid .views-row {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .one-sidebar .view-grid .views-row:nth-child(3n+1) {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
    clear: left;
  }
  .one-sidebar .view-grid .views-row:nth-child(3n+2) {
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }
  .one-sidebar .view-grid .views-row:nth-child(3n+3) {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }
  .one-sidebar .view-grid-less > .view-content {
    margin: 0 -20px;
  }
  .one-sidebar .view-grid-less > .view-content:before, .one-sidebar .view-grid-less > .view-content:after {
    content: "";
    display: table;
  }
  .one-sidebar .view-grid-less > .view-content:after {
    clear: both;
  }
  .one-sidebar .view-grid-less .views-row {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .one-sidebar .view-grid-less .views-row-odd {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    clear: left;
  }
  .one-sidebar .view-grid-less .views-row-even {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
  .one-sidebar .view-grid-less.count-1 .views-row-odd {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }
  .lt-ie9 .one-sidebar .view-grid .views-row-odd, .lt-ie9 .one-sidebar .view-grid-less .views-row-odd {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    clear: left;
  }
  .lt-ie9 .one-sidebar .view-grid .views-row-even, .lt-ie9 .one-sidebar .view-grid-less .views-row-even {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
  .lt-ie9 .one-sidebar .view-grid.count-1 .views-row-odd, .lt-ie9 .one-sidebar .view-grid-less.count-1 .views-row-odd {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
  }

  /*
   * The layout when there is only one sidebar, the left one.
   */
  .sidebar-first {
    /* flexslider */
  }
  .sidebar-first #content {
    /* Span 8 columns, starting in 5th column from left. */
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
  }
  .sidebar-first .region-sidebar-first {
    /* Span 4 column, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
  }
  .sidebar-first.front #content {
    /* Span 8 columns, starting in 5th column from left. */
    float: left;
    width: 75%;
    margin-left: 25%;
    margin-right: -100%;
  }
  .sidebar-first.front .region-sidebar-first {
    /* Span 4 column, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
  }
  .sidebar-first.front .flexslider .slides .ds-primary {
    float: left;
    width: 55.55556%;
    margin-left: 0%;
    margin-right: -55.55556%;
  }
  .sidebar-first.front .flexslider .slides .ds-secondary {
    float: left;
    width: 44.44444%;
    margin-left: 55.55556%;
    margin-right: -100%;
  }

  /*
   * The layout when there is only one sidebar, the right one.
   */
  .sidebar-second {
    /* flexslider */
  }
  .sidebar-second #content {
    /* Span 9 columns, starting in 1st column from left. */
    float: left;
    width: 75%;
    margin-left: 0%;
    margin-right: -75%;
  }
  .sidebar-second .region-sidebar-second {
    /* Span 3 column, starting in 10th column from left. */
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }
  .sidebar-second.front .flexslider .slides .ds-primary {
    float: left;
    width: 55.55556%;
    margin-left: 44.44444%;
    margin-right: -100%;
  }
  .sidebar-second.front .flexslider .slides .ds-secondary {
    float: left;
    width: 44.44444%;
    margin-left: 0%;
    margin-right: -44.44444%;
  }

  /*
   * The layout when there are two sidebars.
   */
  .two-sidebars #content {
    /* Span 6 columns, starting in 4th column from left. */
    float: left;
    width: 50%;
    margin-left: 25%;
    margin-right: -75%;
  }
  .two-sidebars .region-sidebar-first {
    /* Span 3 column, starting in 1st column from left. */
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
  }
  .two-sidebars .region-sidebar-second {
    /* Span 3 column, starting in 10th column from left. */
    float: left;
    width: 25%;
    margin-left: 75%;
    margin-right: -100%;
  }
  .two-sidebars .view-grid > .view-content {
    margin: 0 -20px;
  }
  .two-sidebars .view-grid > .view-content:before, .two-sidebars .view-grid > .view-content:after {
    content: "";
    display: table;
  }
  .two-sidebars .view-grid > .view-content:after {
    clear: both;
  }
  .two-sidebars .view-grid .views-row {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .two-sidebars .view-grid .views-row-odd {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    clear: left;
  }
  .two-sidebars .view-grid .views-row-even {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
  .two-sidebars .view-grid-less > .view-content {
    margin: 0 -20px;
  }
  .two-sidebars .view-grid-less > .view-content:before, .two-sidebars .view-grid-less > .view-content:after {
    content: "";
    display: table;
  }
  .two-sidebars .view-grid-less > .view-content:after {
    clear: both;
  }
  .two-sidebars .view-grid-less .views-row {
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .two-sidebars .view-grid-less .views-row-odd {
    float: left;
    width: 50%;
    margin-left: 0%;
    margin-right: -50%;
    clear: left;
  }
  .two-sidebars .view-grid-less .views-row-even {
    float: left;
    width: 50%;
    margin-left: 50%;
    margin-right: -100%;
  }
  .two-sidebars .view-grid-less.count-1 .views-row-odd {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-right: -100%;
  }

  #postscript .region-postscript-first {
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
  }

  #postscript .region-postscript-second {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }

  #postscript.third .region-postscript-first {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }

  #postscript.third .region-postscript-second {
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }

  #postscript .region-postscript-third {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }

  #footer #block-oc-site-oc-site-info {
    float: left;
    width: 33.33333%;
    margin-left: 0%;
    margin-right: -33.33333%;
  }

  #footer #block-oc-site-oc-site-logos {
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
    margin-right: -66.66667%;
  }

  #footer #block-oc-site-oc-site-map {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
  }

  /* profile page */
  .profile2-researcher-profile.view-mode-page > .field {
    clear: none;
    float: right;
    width: 75%;
    margin-right: 0%;
    margin-left: -75%;
    clear: right;
  }
  .profile2-researcher-profile.view-mode-page > .group-profile,
  .profile2-researcher-profile.view-mode-page > .field-name-field-rprofile-location,
  .profile2-researcher-profile.view-mode-page > .field-name-field-rprofile-partner-ref {
    float: left;
    width: 25%;
    margin-left: 0%;
    margin-right: -25%;
    clear: left;
  }
}
@media all and (min-width: 1100px) {
  /*
   * The layout when there is only one sidebar, the left one.
   */
  .sidebar-first.page-node #content > .oc-2regions {
    margin: 0 -20px;
  }
  .sidebar-first.page-node #content > .oc-2regions > .ds-primary {
    float: left;
    width: 66.66667%;
    margin-left: 0%;
    margin-right: -66.66667%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  .sidebar-first.page-node #content > .oc-2regions > .ds-secondary {
    float: left;
    width: 33.33333%;
    margin-left: 66.66667%;
    margin-right: -100%;
    padding-left: 20px;
    padding-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
  }
}
/* Component (SMACSS module) rules */
/**
 * @file
 * SMACSS Modules
 *
 * Adds modular sets of styles.
 *
 * Additional useful selectors can be found in Zen's online documentation.
 * https://drupal.org/node/1707736
 */
/**
 * Wireframes.
 */
.with-wireframes #header,
.with-wireframes #main,
.with-wireframes #content,
.with-wireframes #navigation,
.with-wireframes .region-sidebar-first,
.with-wireframes .region-sidebar-second,
.with-wireframes #footer,
.with-wireframes .region-bottom {
  outline: 1px solid #ccc;
}

/**
 * Accessibility features.
 */
/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.element-invisible,
.element-focusable {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

/* Turns off the element-invisible effect. */
.element-focusable:active, .element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 */
#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/**
 * Branding header.
 */
#header {
  margin-bottom: 1.5em;
  position: relative;
}

/* Wrapping link for logo. */
/* Logo image. */
.header__logo-image {
  vertical-align: bottom;
}

/* Wrapper for website name and slogan. */
/* The name of the website. */
.header__site-name {
  margin: 0;
  font-size: 2em;
  line-height: 1.125em;
}

/* The link around the name of the website. */
.header__site-link:link, .header__site-link:visited {
  color: #000;
  text-decoration: none;
}
.header__site-link:hover, .header__site-link:focus {
  text-decoration: underline;
}

/* The slogan (or tagline) of a website. */
.header__site-slogan {
  text-transform: none;
  font-size: 1.3125em;
  line-height: 1.42857em;
  margin: 0;
  color: #4F4F4F;
}

/* Wrapper for any blocks placed in the header region. */
.header__region {
  /* Clear the logo. */
  clear: both;
}

@media all and (min-width: 600px) {
  .header__logo,
  .header__name-and-slogan {
    float: left;
  }

  .header__logo {
    margin-right: 20px;
  }
}
/**
 * Main (container for everything else)
 */
#main {
  position: relative;
}

#content {
  margin-bottom: 1.875em;
}

.search-performance {
  clear: both;
  font-size: 0.875em;
  line-height: 1.28571em;
}

.search-results .node {
  border-top-style: solid;
  border-top-width: 0.0625em;
  padding-top: 1.0625em;
  margin-top: 1.125em;
  border-color: #D4D4D4;
}
.search-results .node:first-child {
  margin-top: 0em;
  border-top-style: solid;
  border-top-width: 0em;
  padding-top: 0.375em;
}

/**
 * Breadcrumb navigation.
 */
.breadcrumb {
  overflow: hidden;
  font-size: 0.875em;
  line-height: 1.28571em;
}
.breadcrumb ol {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.breadcrumb ol li {
  list-style: none outside none;
}
.breadcrumb li {
  margin: 0 0.375em 0 0;
  float: left;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #ebebeb;
}
.breadcrumb a.active {
  color: #333333;
}

/**
 * Titles.
 */
.page__title,
.node__title,
.block__title,
.comments__title,
.comments__form-title,
.comment__title {
  /* Comment title. */
  margin: 0;
}

/**
 * Messages.
 */
.messages, .messages--status, .messages--warning, .messages--error {
  padding: 0.5625em 2.25em 0.5625em 3em;
  margin-bottom: 1.5em;
  margin-top: 0.75em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAD6UlEQVR42s2WX0xbVRzH3YwmC4k+GF/0ZS/S267/bmnX9nL7bwstZlnbjTDYyoC5GCbB0ZW5pdJCe6swbLFA6bpWIGuRMWVjKGP+21QW3SZBSAjGh4XEaTZTH82Cm/3ztS2xs7mw4KLRk3xyzj33/H6fe5Pz7zEA/yr/vUDukj9FH6drqTaqT8EoPs/UV+nX6TD1BlUh9AqLHlmgPKLcRHmoCOWmElK/FOKTYpS8UwLJkASiUyLI3pKhlClN0g46qj+qL/pbArlbrlO1q25JeiSgR2iYJ8ywXLSg/qP6LNl2ro8+Q4MMkKCd9K2t3q3KdQnkXXIF5aISkgEJzONm1F2qW52pDJN1MI2bUBIuAdVOJWSMTPNQgX6/vkjVpvpREpag6oMqWCYta1IzbsHh9ga0RJtzY8URMdRO9U/KSuWmNQUqh2pY3CtG+fvlqJyofMAFNrZAE+7e/RWR4X4cD9tgOGsA2U2CdtMDqwqyMyIzQ5KKqAKmcyaYxkzYd3YvjGNGFtXRPRj58DT+LOemRrFnrBLyITmUDmUyO/NYgu2d26ukHVJo3tXAMGpAs+cQmh0NeClan30uwN7TgnQ6nRd4r3thOGOAJqYB2UVC79AfZAnKHGUxQa8A2tNaNLW/jKvXv8Dyb8s4yryKA4O10A3roIvpUB+swTdz1/LJZ27PQBvT5lBH1RD4BChzlQ2wBNtc22aE/ULQgzRCl4P5BPcT93GMOYz9wb2QhCRgAq35d8u/L2PXe7tADVGgBlcQ+AXQtmlvsP/gzbJZvp8PMkJCFBYh8m0knyiVSsHe0YIGZz1+/uVOvt8z7QGvnwf+ST5EIRHIUyR4fh50rbp5lsDcYR4ReAXgBrng9q/Qfa0bfy035r7Ot2dvz4IX4IEIEAXwvDzscOw4zxJUd1YfEXlE4Aa4BQHMlwzSSBeI7iXvoTxWDqKPYCFsFaKmr+YVliB0JfS89DVpiuhlB9k/tSOZTuYFvq98yI7L0/MAsVWcGp0bfW61hbahwltxSeARsIKyWKesSKQSWIwvYkvvllwfx88pgOvhwthu/AzAxlVX8vz385tLbaVxwpcLZtEw0QDjsBGctzksiE4CimZFfHp++oWHbnbuUfdB0komMgHsRN1r0MWBsEmYODF5onY92/UTwcvBxuzXcN1ccHycVSn2FaPYWwzCQUDWKIt7z3utAJ5c74Hz+OLSomynY+cVfiM/xW3JiDyZpB3FuZrj4oCwE+Ad4qWMjPHjpTtL0mzMoxyZz9yM39Q7Y85Ok930icqm+k59TL2wm9l90dZv8y/8sPAigGf/iUN/Q4anM2zOsdLe+L+4VfwBVVjDs2rTYx0AAAAASUVORK5CYII=');
  background-position: 8px 8px;
  /* LTR */
  background-repeat: no-repeat;
  border: 1px solid;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.messages .close, .messages--status .close, .messages--warning .close, .messages--error .close {
  position: relative;
  top: -0.099em;
  right: -1.2em;
  text-decoration: none;
  float: right;
  font-size: 1.25em;
  line-height: 1.2em;
  font-weight: bold;
  color: black;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.messages .close:hover, .messages--status .close:hover, .messages--warning .close:hover, .messages--error .close:hover, .messages .close:focus, .messages--status .close:focus, .messages--warning .close:focus, .messages--error .close:focus {
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.messages--status {
  border-color: #d6e9c6;
}
.messages--status h4 {
  color: #468847;
  margin: 0;
}

.messages--warning {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACuElEQVRIiWP4//8/Ay0xSYqntTpnT252zqeJBf0Njhsykrz/pyd6/e9vcNpGVQv6q2wlm0qc/r0+IPD/3UG+/61l9v9mdrjIUc2C7hqHUzc3S///eZwBjO9tF/vfWe1wjioWTKixVm8otPn38wQT3IKfxxn/t5Va/utpsNSg2ILWcttrNzdJgQ3+dpQRjEHs+9tE/zeXWt+gyILOamuTqlxrsOtPLub+7+emBsSq/88v5wL7oqHQ9H9nmbkF2RbUF1rev7lJEuziuU3i/90ddcB4UZsoJC62ifyvK7R4QJYFrcUGrmUZ5v9hYb9hosh/bzcDMN42VRgeF9W5hv8bi/XdSbagKtfs2c1NEvCIPbaQ/7+/pwkYn17Ki0hR24T/l2eZPCfJgsZ83dCiNOP/yCnn7iau/8G+5mD8aBsHSoqqyNL9X5erHUm0BcVpRm9ubhZHMoTh/4eDzP/DA23+RwTZ/P96hAlF7t5Wof8FyfpvibKgNk8noyDZ4D9quofg1Bjr/1kJlhjiIF+Upmn/r83RzCJoQXaC3qcbm8SwGMLwvybP/H8jMGlik7u7VeB/Zqz2J7wWVGdr1uTG62J1PQgfWST1/+hiCaxyIF8UJqv9r8hQrcVpQVqkzrcbG0WwGvB2H/P/lnx5MAaxsam5vYn3f2KY+jesFpSlqfZnxWjidP2OGWL/g/0swBjExu4Lhv958Ur/i5KU+lEsCA1lYI4JUv95bZ0gTo2Pt3P+z0myBmMQG5e6mxu4/kf4Kf8EmQm3oCRNebKrvSawIGPBqRG9sMOp5hjjfwdrlf/58bKT4RaUpWvtcLZV/39iscD/H0AFP46jYwYiMeP/44u4/9tbKQODSXUH3II9G7v18hI0n8YGKv+IDVT6joxj/BVx4mgcOCde/SnITPRUJAHEGlTCEkQV19TAAN8FC67hZdFXAAAAAElFTkSuQmCC');
  border-color: #fbeed5;
}
.messages--warning h4 {
  color: #c09853;
  margin: 0;
}

.messages--error {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACpElEQVR42rWWTUgbQRiGQ0Tx4MWDeFM8eBA9iKAoggiCoCiiIiL4L3oQV1CJB0UEf6iRYFpK7UniTw9VSqL2kvQsVDBpSZrtRo35czVNW3oprRf17exSl4yzu1ikAy9h59vvedhkMrMGAGoxknAk2w8MJ/WosXThiZkZt9jdLeglPjn5ATc3mhJNuNjbK0QbG3ExMICL/n6IfX0gcxB7ekDAELu6IHZ2IlJbi1hLS1BLogmPtbUhMTv7oMSamzUlqnByMxLT0/8STQkDj9TV4ZLj5OysrODl8jIu5Gs68dFR7JG6dWkJ0fFx+TpSX89IDMnwcHU1yKec12Yz3rlc4HkeLwjkXJpPip3U3+7vIx6P4ymph4eG5PlwTQ0lMdytlmBxMWKtrXLeT0zA5XTibvj9fjxfXETkb/3N/Dz2dneVuiTZtliU/rPSUsQ5ziuxZYG03IIlJdKKUPJjdRUAKMmzuTnskB/VYbdTtd9HR4g2NCi9Z2VliDY1BSnBaUEBzsrLqXyzWCiQ9HU5HA4afniIUFWV0hOqqMBpURErOM7NxWlhIZOvCwvA7S3Uxq+DA5AnZ3pO8vJYQSArC8c5Oeqx2Rj4udeLQH6+6v2B7GxW8DkjA0JmJpONwUHY7XZGIAgCzCYTeJUewmIFfqMRfEoKlQ2yJbza2oLWcLvdeDI2hk/3+iQWKzAYkJzNjg5srq9TwJ9OJ76YTNScx+ORJT66X1/grKyEbW2NgfPp6XKd/JMZySrHaQsSU1Oe+0/w3WpVgyu5HBlR6lc+H8gioevDwz6JrWwV5+3txyoSFk5DcOX1MnCyJ4Vwfb1zt1UY9SR8aioDpuppaVpwZbPTl+hHF04dOKzk8XBF8DgJC3/woU/W/EciOtELOWi8DDwp//215Q+p7kiKh2lQSAAAAABJRU5ErkJggg==');
  border-color: #eed3d7;
}
.messages--error h4 {
  color: #b94a48;
  margin: 0;
}

.messages__list {
  margin: 0;
}

.messages__item {
  list-style-image: none;
}

.messages > p, .messages--status > p, .messages--warning > p, .messages--error > p {
  margin-bottom: 0;
}

.messages p + p, .messages--status p + p, .messages--warning p + p, .messages--error p + p {
  margin-top: 0.375em;
}

/* Core/module installation error messages. */
.messages--error p.error {
  color: #333;
}

/* System status report. */
.ok,
.messages--status {
  color: #468847;
  background-color: #dff0d8;
}

.warning,
.messages--warning {
  color: #c09853;
  background-color: #fcf8e3;
}

.error,
.messages--error {
  color: #b94a48;
  background-color: #f2dede;
}

/**
 * Tabs.
 */
/* Basic positioning styles shared by primary and secondary tabs. */
.tabs-primary, .tabs-secondary {
  overflow: hidden;
  list-style: none;
  border-bottom: 1px solid #bbbbbb \0/ie;
  margin: 1.125em 0 1.125em;
  padding: 0 2px;
  white-space: nowrap;
}

.tabs-primary__tab, .tabs-secondary__tab,
.tabs-secondary__tab.is-active {
  float: left;
  /* LTR */
}

a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active, a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active {
  display: block;
  line-height: 1.5em;
  text-decoration: none;
}

/* Primary tabs. */
.tabs-primary__tab {
  margin: 0.1875em 0.1875em 0 0;
}

a.tabs-primary__tab-link, a.tabs-primary__tab-link.is-active {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #6e6e6e;
  background-color: #d1d1d1;
  padding: 0 1.125em;
  text-align: center;
}

a.tabs-primary__tab-link:hover, a.tabs-primary__tab-link:focus {
  background-color: #949494;
  color: white;
}

a.tabs-primary__tab-link:active, a.tabs-primary__tab-link.is-active {
  background-color: #a6a6a6;
  color: #f2f2f2;
  cursor: default;
}

/* Secondary tabs. */
.tabs-secondary {
  font-size: 0.8125em;
  line-height: 1.38462em;
  margin-top: -1.15385em;
  /* Collapse bottom margin of ul.primary. */
  padding-bottom: 0.46154em;
}

.tabs-secondary__tab,
.tabs-secondary__tab.is-active {
  margin: 0.23077em 0.23077em 0 0;
}

a.tabs-secondary__tab-link, a.tabs-secondary__tab-link.is-active {
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #595959;
  color: #d1d1d1;
  padding: 0 0.92308em;
}

a.tabs-secondary__tab-link:hover, a.tabs-secondary__tab-link:focus {
  background-color: #6e6e6e;
}

a.tabs-secondary__tab-link:active, a.tabs-secondary__tab-link.is-active {
  background-color: #949494;
  color: white;
}

/**
 * Inline styles.
 */
/* List of links generated by theme_links(). */
.inline {
  display: inline;
  padding: 0;
}
.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
  /* LTR */
}

/* The inline field label used by the Fences module. */
span.field-label {
  padding: 0 1em 0 0;
  /* LTR */
}

/**
 * "More" links.
 */
.more-link {
  text-align: right;
     margin-right: 20px;
  /* LTR */
}
.more-link a {
  font-weight: 600;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 30px;
  text-decoration: none;
 
}
}
.more-link a span {
  font-size: 20px;
  vertical-align: middle;
  line-height: 30px;
}
#zone-postscript .more-link, .region-sidebar-first .more-link {
  clear: both;
  float: left;
  border-top-style: solid;
  border-top-width: 0.0625em;
  padding-top: 0.3125em;
  border-color: #d4d4d4;
  font-size: 1em;
  line-height: 1.5em;
  padding-right: 2.625em;
}
.page-news .region-sidebar-first .more-link, .page-events .region-sidebar-first .more-link {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.page-news- .region-sidebar-first .more-link, .page-events- .region-sidebar-first .more-link {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

.more-help-link {
  text-align: right;
  /* LTR */
}

.more-help-link a {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA7UlEQVR42qWTPQqDQBCFcwSPkCNITpAj5AjeIm1uYpkyR7Cy2Mot7OwsBAsRwUKwmOwLGRle3EIy8PyBfZ/z3J2TiPylz8VWWZZpUB40BonRKyizaxkA88MYYiqCEgv4MTvnZJom0VqWRbz3FlJZgLYtqmEY1Lg9r+sKsIXcLSC3AC019H0vqLquLeC5AfiHYSGkcdAJimKIBQiJ4+CO92OAtm0FNc8zOjkMwE5Q63FAtbeg6zpAYvG8BWR7i5qmQYwY4MIHqYhE2DOPQWcGJBQF2XU72ZzyUeZ5GCNt5/hybJgYdAXsq5sOEE/jG6dC5IOqCXTmAAAAAElFTkSuQmCC');
  background-position: 0 50%;
  /* LTR */
  background-repeat: no-repeat;
  padding: 1px 0 1px 20px;
  /* LTR */
}

/**
 * Pager.
 */
/* A list of page numbers when more than 1 page of content is available. */
.pager {
  clear: both;
  padding: 0;
  text-align: center;
}

.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis, .pager-current {
  display: inline;
  padding: 0 0.5em;
  list-style-type: none;
  background-image: none;
}

.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
  /* A concatenation of several list items using an ellipsis. */
}

/* The current page's list item. */
.pager-current {
  font-weight: bold;
}

/**
 * Feed icon
 */
.feed-icon {
  /* The link to the RSS or Atom feed for the current list of content */
  font-size: 1.5em;
  line-height: 1.25em;
}

/**
 * Blocks.
 */
/* Block wrapper. */
.block {
  margin-bottom: 1.5em;
}
.sidebars .block:after {
  content: "";
  display: table;
  clear: both;
}

#block-search-api-page-oc-search {
  margin-bottom: 0;
  padding: 0 0.75em;
}
#block-search-api-page-oc-search:after {
  content: "";
  display: table;
  clear: both;
}
#block-search-api-page-oc-search form {
  position: relative;
  float: left;
  margin: 0;
}
#block-search-api-page-oc-search .form-item {
  margin: 0;
  padding: 0.1875em 0;
}
#block-search-api-page-oc-search .form-text {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  margin: 0;
  width: 180px;
  padding: 0.21429em 2.57143em 0.21429em 0.64286em;
  height: 1.71429em;
  font-size: 0.875em;
  line-height: 1.71429em;
  vertical-align: top;
  -webkit-transition: all linear;
  -webkit-transition-delay: 250ms;
  -moz-transition: all linear 250ms;
  -o-transition: all linear 250ms;
  transition: all linear 250ms;
}
#block-search-api-page-oc-search .form-text:focus {
  width: 250px;
}
.lt-ie9 #block-search-api-page-oc-search .form-text {
  width: auto;
}
#block-search-api-page-oc-search .form-submit {
  position: absolute;
  top: 0.195em;
  right: 0.195em;
  border: 0 none;
  background: transparent;
  font-size: 1.25em;
  line-height: 1.203em;
  padding: 0;
  margin: 0;
  height: 1.2em;
  width: 1.2em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/**
 * Marker.
 */
/* The "new" or "updated" marker. */
.new,
.update {
  color: #c00;
  /* Remove background highlighting from <mark> in normalize. */
  background-color: transparent;
}

/**
 * Unpublished note.
 */
/* The word "Unpublished" displayed underneath the content. */
.unpublished {
  height: 0;
  overflow: visible;
  /* Remove background highlighting from <mark> in normalize. */
  background-color: transparent;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  /* A very nice CSS3 property. */
  word-wrap: break-word;
}

/**
 * Comments.
 */
/* Wrapper for the list of comments and its title. */
.comments {
  margin: 1.5em 0;
}

/* Preview of the comment before submitting new or updated comment. */
.comment-preview {
  /* Drupal core will use a #ffffea background. See #1110842. */
  background-color: #ffffea;
}

/* Wrapper for a single comment. */
.comment {
  /* Comment's permalink wrapper. */
}
.comment .permalink {
  text-transform: uppercase;
  font-size: 75%;
}

/* Nested comments are indented. */
.indented {
  /* Drupal core uses a 25px left margin. */
  margin-left: 20px;
  /* LTR */
}

/**
 * Drupal admin tables.
 */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc;
}
form tbody {
  border-top: 1px solid #ccc;
}
form table ul {
  margin: 0;
}

tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

tr.even {
  background-color: #fff;
}

/* Markup generated by theme_tablesort_indicator(). */
td.active {
  background-color: #ddd;
}

/* Center checkboxes inside table cell. */
td.checkbox,
th.checkbox {
  text-align: center;
}

/* Drupal core wrongly puts this in system.menus.css. Since we override that, add it back. */
td.menu-disabled {
  background: #ccc;
}

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
  background-color: #fffff0;
}

tr.drag-previous {
  background-color: #ffd;
}

.tabledrag-toggle-weight {
  font-size: 0.9em;
}

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
 */
tr.selected td {
  background: #ffc;
}

/**
 * Progress bar.
 *
 * @see progress.js
 */
.progress {
  font-weight: bold;
}
.progress .bar {
  background: #ccc;
  border-color: #666;
  margin: 0 0.2em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.progress .filled {
  background-color: #0072b9;
  background-image: url('../images/progress.gif?1376896851');
}

/**
 * Views, lists and grids
 */
.view-list .views-row {
  padding-top: 0.375em;
  border-bottom-style: solid;
  border-bottom-width: 0.0625em;
  padding-bottom: 1.0625em;
  margin-bottom: 1.125em;
  border-color: #D4D4D4;
}
.view-list .views-row-last {
  margin-bottom: 0em;
  border-bottom-style: solid;
  border-bottom-width: 0em;
  padding-bottom: 0.375em;
}

.view-grid > .view-content,
.view-grid-less > .view-content {
  overflow: hidden;
}
.view-grid > .view-content .views-row,
.view-grid-less > .view-content .views-row {
  margin-bottom: 1.875em;
}
.view-grid > .attachment-after,
.view-grid-less > .attachment-after {
  margin-top: 1.875em;
}

/**
 * Footer
 */
#footer {
  clear: both;
}

/* footer */
.europe img {
  max-width: 280px;
}

.footer-logos img {
  margin: 1em 20px 1em 0;
}

@media (min-width: 600px) {
  .footer-logos {
    text-align: center;
  }

  .europe {
    margin-right: -10px;
  }
  .europe img {
    max-width: 100%;
  }
}
.footer-site-attribution {
  margin-top: 1.125em;
  border-top-style: solid;
  border-top-width: 0.0625em;
  padding-top: 0.3125em;
  border-color: #6e6e6e;
  margin-bottom: 0;
}

/**
 * Closure
 */
#closure:after {
  content: "";
  display: table;
  clear: both;
}

.closure-inner {
  clear: both;
}

/**
 * OC Power
 */
.oc-power {
  margin: 12px 0 21px;
}

.oc-power small {
  float: left;
  margin-right: 5px;
  line-height: 20px;
  font-size: 9px;
  color: #aaa;
}

.oc-power .oc-logo {
  float: left;
  width: 108px;
  height: 20px;
  line-height: 20px;
  background: url(../images/oc-power.png) no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  text-indent: -999px;
  overflow: hidden;
}

.oc-power .oc-logo:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/**
 * Leaflet
 */
.leaflet-bar,
.leaflet-bar-part-top,
.leaflet-popup-content-wrapper {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

/**
 * Flexslider
 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 1.5em 0 0;
  position: relative;
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.logged-in .flex-viewport {
  z-index: 20;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  overflow: hidden;
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  width: 1em;
  height: 1em;
  display: block;
  position: absolute;
  top: -1em;
  z-index: 10;
  cursor: pointer;
  font-family: 'OC_Font';
  text-indent: 0;
  text-align: center;
  font-size: 1.5em;
  line-height: 1em;
  background: transparent;
  color: #d1d1d1;
}
.flex-direction-nav a:hover {
  color: #949494;
}
.flex-direction-nav a.flex-next {
  right: 0;
}
.flex-direction-nav a.flex-prev {
  right: 1em;
}
.flex-direction-nav a.flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {
  position: absolute;
  text-align: center;
  top: -1.5em;
  left: 0;
}
.flex-control-nav li {
  margin: 0 6px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.flex-control-nav li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #d1d1d1;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-nav li a:hover {
  background: #949494;
}
.flex-control-nav li a.flex-active {
  background: #6e6e6e;
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media all and (max-width: 959px) {
  .flexslider .field-name-field-promoted-text {
    display: none;
  }
  .views-row.views-row-1.views-row-odd.views-row-first.content-scs-promotedsmall,
  .views-row.views-row-2.views-row-even.views-row-last.content-scs-promotedsmall  {
    width: 95%;
}

#block-views-research-institutes-block-1
{
	
    float: left !important;
	width: 46%;
	margin-left: 5px !important;
  
}
}
@media all and (min-width: 960px) {
  .flex-control-nav {
    left: 20px;
  }

  .flex-direction-nav a.flex-next {
    right: 20px;
  }
  .flex-direction-nav a.flex-prev {
    right: 2em;
  }
}
/**
 * @file
 * SMACSS Modules
 *
 * Adds modular sets of styles for fields
 *
 * Additional useful selectors can be found in Zen's online documentation.
 * https://drupal.org/node/1707736
 */
.field-label-above .field-label {
  border-bottom: 1px solid #d4d4d4;
  font-size: 15px;
  font-weight: normal;
  line-height: 27px;
  margin-bottom: 6px;
}

.view-mode-search .field-label-above {
  margin-bottom: 0.75em;
}
.view-mode-search .field-label-above .field-label {
  border: 0 none;
  margin: 0;
}

.view-mode-full > .ds-secondary > .field,
.view-mode-full > .ds-secondary > .field-group-div {
  margin-bottom: 1.5em;
}

/*
 * Field types (Core)
 */
.field-type-taxonomy-term-reference .field-item {
  display: inline-block;
  text-transform: capitalize;
  font-size: 0.875em;
  line-height: 1.28571em;
  margin: 0 0.375em 0.375em 0;
}
.field-type-taxonomy-term-reference .field-item a {
  display: inline-block;
  padding: 0.1875em 0.375em;
  background-color: #EBEBEB;
}

/*
 * Field types (Contrib)
 */
.field-type-addressfield .field-item {
  padding-left: 1.125em;
}
.field-type-addressfield .fonticon {
  float: left;
  margin-left: -1.125em;
}

/*
 * Named fields
 */
.node-event.view-mode-ticker .field-name-title {
  clear: both;
}

/* .date-wrapper */
.date-wrapper {
  overflow: hidden;
}

/* reset clearfix on address field */
.addressfield-container-inline:after {
  content: "";
  display: none;
  clear: none;
}

/**
 * @file
 * Form Styling
 */
.form-item {
  /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0;
  /* Form items in a table. */
}
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  /* Highlight the form elements that caused a form submission error */
  border: 1px solid #c00;
}
.form-item label {
  /* The label for a form element */
  display: block;
  font-weight: bold;
}
.form-item .description {
  /* The descriptive help text (separate from the label) */
  font-size: 0.85em;
}
.form-checkboxes .form-item, .form-radios .form-item {
  /* Pack groups of checkboxes and radio buttons closer together */
  margin: 0;
  /* Drupal core uses "0.4em 0" */
}
tr.odd .form-item, tr.even .form-item {
  margin: 0;
}

.form-submit {
  /* The submit button */
}

.form-type-radio .description,
.form-type-checkbox .description {
  margin-left: 2.4em;
}

.container-inline div,
.container-inline label {
  /* Inline labels and form divs */
  display: inline;
}

.tips {
  /* Tips for Drupal's input formats */
}

/* The part of the label that indicates a required field. */
.form-required {
  color: #c00;
}

/* Labels for radios and checkboxes. */
label.option {
  display: inline;
  font-weight: normal;
}

/* Buttons used by contrib modules like Media. */
a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/* Password confirmation. */
.password-parent,
.confirm-parent {
  margin: 0;
}

/*
 * Search (search-block-form.tpl.php)
 */
#block-search-form {
  /* Wrapper for the search form */
}

/* Drupal's default login form block. */
#user-login-form {
  text-align: left;
  /* LTR */
}

/**
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */
/* OpenID creates a new ul above the login form's links. */
.openid-links {
  /* Position OpenID's ul next to the rest of the links. */
  margin-bottom: 0;
}

/* The "Log in using OpenID" and "Cancel OpenID login" links. */
.openid-link,
.user-link {
  margin-top: 0.375em;
}

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
  /* Un-do some of the padding on the ul list. */
  margin-left: -20px;
  /* LTR */
}

#user-login ul {
  margin: 0.375em 0;
}

/* fix for throbber for the styles following */
html.js input.form-autocomplete {
  background-position: 100% 8px;
}

html.js input.throbbing {
  background-position: 100% -12px;
}

/**
 * Collapsible fieldsets.
 *
 * @see collapse.js
 */
html.js .collapsible .fieldset-legend {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  background-position: 5px 65%;
  /* LTR */
  background-repeat: no-repeat;
  padding-left: 15px;
  /* LTR */
}
html.js .collapsed .fieldset-legend {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');
  /* LTR */
  background-position: 5px 50%;
  /* LTR */
}
.fieldset-legend .summary {
  color: #999;
  font-size: 0.9em;
  margin-left: 0.5em;
}

/**
 * Autocomplete.
 *
 * @see autocomplete.js
 */
/* Suggestion list. */
#autocomplete .selected {
  background: #0072b9;
  color: #fff;
}

/*
 * Styles from twitter Bootstrap sass conversion
 * https://github.com/jlong/sass-twitter-bootstrap
 */
form {
  margin: 0 0 24px;
}
#content form {
  max-width: 45em;
}

fieldset {
  margin-bottom: 1.875em;
  border: 0 none;
  padding: 0;
}

.fieldset-wrapper {
  border-color: #719460;
  border-top-style: solid;
  border-top-width: 0.1em;
  padding-top: 0.6875em;
  border-bottom-style: solid;
  border-bottom-width: 0.1em;
  padding-bottom: 0.6875em;
  border-left-style: solid;
  border-left-width: 0.1em;
  padding-left: 1.4375em;
  border-right-style: solid;
  border-right-width: 0.1em;
  padding-right: 1.4375em;
  background: #whitesmoke;
   -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.fieldset-description {
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-style: italic;
  color: #949494;
  font-size: 0.75em;
  line-height: 1.5em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  font-size: 1.17em;
  line-height: 1.28205em;
  margin-bottom: 0.32051em;
  color: #a6a6a6;
  border: 0;
}
legend small {
  font-size: 12px;
  color: #a6a6a6;
}

label,
input,
button,
select,
textarea {
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
}

input,
button,
select,
textarea {
  font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

label {
  display: block;
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  padding-top: 0.375em;
  padding-bottom: 0.375em;
  margin-bottom: 0em;
/*  color: #e6e6e6; */
}
fieldset label {
  font-size: 0.875em;
  line-height: 1.28571em;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 30px;
  padding: 4px 6px;
  font-size: 16px;
  line-height: 18px;
  /*color: #d1d1d1;*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  vertical-align: middle;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

.form-textarea-wrapper {
  max-width: 45em;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: white;
  border: 1px solid #949494;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-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 linear, box-shadow linear;
  -webkit-transition-delay: 0.2s, 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  width: auto;
  max-width: 100%;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(148, 148, 148, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(148, 148, 148, 0.5);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(148, 148, 148, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(148, 148, 148, 0.5);
}

input[type="radio"],
input[type="checkbox"] {
  margin: -4px 0 0 2px;
  line-height: normal;
}

.lt-ie9 input[type="radio"],
.lt-ie9 input[type="checkbox"] {
  margin-top: 1px;
  /* IE8-9 */
}

.lt-ie8 input[type="radio"],
.lt-ie8 input[type="checkbox"] {
  margin-top: 0;
  /* IE7 */
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
}

select {
  border: 1px solid #949494;
  background-color: white;
  max-width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #6e6e6e;
  background-color: #fcfcfc;
  border-color: #949494;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #6e6e6e;
  font-style: normal;
  font-weight: 300;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #6e6e6e;
  font-style: normal;
  font-weight: 300;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #6e6e6e;
  font-style: normal;
  font-weight: 300;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #6e6e6e;
  font-style: normal;
  font-weight: 300;
}

.radio,
.checkbox {
  min-height: 24px;
  padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  padding: 2px 12px;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  color: #d1d1d1;
  /*text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/
  background-color: #936595;
  /*
  background-image: -moz-linear-gradient(top, #595959, #545454);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595959), to(#545454));
  background-image: -webkit-linear-gradient(top, #595959, #545454);
  background-image: -o-linear-gradient(top, #595959, #545454);
  background-image: linear-gradient(to bottom, #595959, #545454);*/
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF595959', endColorstr='#FF545454', GradientType=0);
  border-color: #545454 #545454 #2e2e2e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #545454;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  border: 1px solid gray;
  *border: 0;
  border-bottom-color: #666666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  *margin-left: .3em;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  color: #d1d1d1;
  /*background-color: #545454;*/
  background-color: #cc99cc;
  
  *background-color: #474747;
}
.btn:active, .btn.active {
  background-color: #3b3b3b \9;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #e6e6e6;
  text-decoration: none;
  background-position: 0 -30px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active, .btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled, .btn[disabled] {
  cursor: default;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=6500);
  opacity: 65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-large {
  padding: 11px 19px;
  font-size: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 13.6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0px 6px;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1864a1;
  background-image: -moz-linear-gradient(top, #1c75bc, #719460);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#719460), to(#719460));
  background-image: -webkit-linear-gradient(top, #719460, #719460);
  background-image: -o-linear-gradient(top, #719460, #719460);
  background-image: linear-gradient(to bottom, #719460, #719460);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF1C75BC', endColorstr='#FF124C79', GradientType=0);
  border-color: #719460 #719460 #719460;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #719460;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
  color: white;
  background-color: #93c01f;
  *background-color: #0f3e63;
}
.btn-primary:active, .btn-primary.active {
  background-color: #0b304d \9;
}

.btn-warning {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f9a732;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0);
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #f89406;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
  color: white;
  background-color: #f89406;
  *background-color: #df8505;
}
.btn-warning:active, .btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4e49;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFBD362F', GradientType=0);
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #bd362f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
  color: white;
  background-color: #bd362f;
  *background-color: #a9302a;
}
.btn-danger:active, .btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb65b;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62C462', endColorstr='#FF51A351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #51a351;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
  color: white;
  background-color: #51a351;
  *background-color: #499249;
}
.btn-success:active, .btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF2F96B4', GradientType=0);
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #2f96b4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
  color: white;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info:active, .btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #bfbfbf;
  background-image: -moz-linear-gradient(top, #d1d1d1, #a6a6a6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d1d1d1), to(#a6a6a6));
  background-image: -webkit-linear-gradient(top, #d1d1d1, #a6a6a6);
  background-image: -o-linear-gradient(top, #d1d1d1, #a6a6a6);
  background-image: linear-gradient(to bottom, #d1d1d1, #a6a6a6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD1D1D1', endColorstr='#FFA6A6A6', GradientType=0);
  border-color: #a6a6a6 #a6a6a6 gray;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #a6a6a6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
  color: white;
  background-color: #a6a6a6;
  *background-color: #999999;
}
.btn-inverse:active, .btn-inverse.active {
  background-color: #8c8c8c \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #1c75bc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #446994;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #a6a6a6;
  text-decoration: none;
}

#search-api-page-search-form {
  margin-bottom: 0;
}
#search-api-page-search-form .form-item {
  margin: 0 0.375em 0.75em 0;
  float: left;
}
#search-api-page-search-form .form-text {
  width: 250px;
}
.lt-ie9 #search-api-page-search-form .form-text {
  width: auto;
}
#search-api-page-search-form .form-submit {
  margin-top: 2.25em;
}

/**
 * @file
 * Navigation Styling
 */
/**
 * Menus.
 */
.menu__item.is-leaf {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC');
  list-style-type: square;
}

.menu__item.is-expanded {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==');
  list-style-type: circle;
}

.menu__item.is-collapsed {
  list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC');
  /* LTR */
  list-style-type: disc;
}

/* The active item in a Drupal menu. */
.menu a.active {
  color: #000;
}

.navigation-toggle {
  position: relative;
  float: right;
  z-index: 300;
  padding: 7px 10px;
  background: #e6e6e6;
  display: block;
}
.navigation-toggle .icon-bar {
  display: block;
  width: 18px;
  height: 3px;
  background-color: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.navigation-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media all and (min-width: 600px) {
  .navigation-jump {
    display: none;
  }
}
/*
 * Navigation bar
 */
.region-menu {
  clear: both;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.region-menu .block {
  margin-bottom: 0;
}
.region-menu .block:after {
  content: "";
  display: table;
  clear: both;
}
.region-menu .block-menu .block-title,
.region-menu .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.region-menu .links,
.region-menu .menu {
  /* Menu block links */
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: left;
}
.region-menu .links li,
.region-menu .menu li {
  list-style: none outside none;
}
.region-menu .links a,
.region-menu .menu a {
  display: block;
  padding: 0.1875em 0.75em;
}
.region-menu .dropdown-toggle:after {
  font-family: "OC_Font";
  content: "\e011";
}
.region-menu .dropdown-menu {
  display: none;
}
.region-menu .open .dropdown-toggle:after {
  content: "\e010";
}
.region-menu .open .dropdown-menu {
  display: block;
}
.menu-active .region-menu {
  max-height: 55em;
}

@media all and (max-width: 599px) {
  .region-menu .links,
  .region-menu .menu {
    /* Menu block links */
  }
  .region-menu .links .dropdown > a,
  .region-menu .menu .dropdown > a {
    padding-right: 0.1875em;
  }
  .region-menu .dropdown-toggle {
    float: right;
    width: 1.5em;
    text-align: center;
  }
   /*carlos new content types*/
 
#block-views-research-institutes-block-1
{	
    float: left !important;
	width: 100% !important;
	margin-left: 0px !important;
}
.view.view-research-institutes.view-id-research_institutes.view-display-id-block_1.view-list.view-olive.view-dom-id-459aec7ec5c9903eeccc00f4353afeab.count-3 .more-link {
    margin-right: 20px !important;
}
  
#block-views-career-development-block {
    float: left !important;
    width: 100% !important;
    margin-left: 0% !important;
	text-align: justify;

}
div#block-views-career-spotlight-block-1 {
    width: 95% !important;
	margin-left: 0pc !important;
}

#block-views-career-spotlight-block-1 {

    float: left !important;
	width: 100% !important;
	margin-left: 4% !important;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: justify;

}

#block-views-wis-portraits-block-1
{
	float: left !important;
    width: 95% !important;
	text-align: justify;
}
#block-views-research-institutes-block-1
{
	
    float: left !important;
	width: 100% !important;

}
#block-views-bb4384a2977271cf3d49c70cc735d230 {
   	float: left !important;
	width: 100% !important;	
}

#block-views-resources-block-1 {
	
	float: left !important;
	width: 100% !important;	
	
	}
	.group-m-link.field-group-div,
	.field-name-node-link{
		float:right !important;

	}
.wis-photo-full {
    float: none !important;
	text-align: left;
}
.wis-title-full, .wis-role-full, .wis-affiliation-full, .wis-subtitle-fullcontent {
    margin-left: 0px !important;
}

#block-menu-block-6,
#block-menu-block-1 {
	display:none;
	}
	
	
.node-women-in-science-portraits.view-mode-promoted_small.ds-2col-fluid > .group-left,
.node-supporting-career-development.view-mode-promoted_small.ds-2col-fluid > .group-left
{
	float:left;width:25% !important;
}
.node-women-in-science-portraits.view-mode-promoted_big.ds-2col-fluid > .group-left,
.node-supporting-career-development.view-mode-promoted_big.ds-2col-fluid > .group-left{
	float:left;width:20% !important;
}
.node-women-in-science-portraits.view-mode-promoted_small.ds-2col-fluid > .group-right,
.node-supporting-career-development.view-mode-promoted_small.ds-2col-fluid > .group-right{
	float:left;width:70% !important;
}
.node-women-in-science-portraits.view-mode-promoted_big.ds-2col-fluid > .group-right,
.node-supporting-career-development.view-mode-promoted_big.ds-2col-fluid > .group-right
{
	float:left;width:80% !important;
}
	
	
.node-supporting-career-development.view-mode-promoted_big.ds-2col-fluid > .group-left,
.node-women-in-science-portraits.view-mode-promoted_big.ds-2col-fluid > .group-left {
	float: left !important;
	width: 18% !important;
}

 .node-supporting-career-development.view-mode-promoted_big.ds-2col-fluid > .group-right,
 .node-women-in-science-portraits.view-mode-promoted_big.ds-2col-fluid > .group-right {
	float: left !important;
    width: 74% !important;
}
.node-supporting-career-development.view-mode-full.ds-3col > .group-left,
.node-supporting-career-development.view-mode-full.ds-3col > .group-middle,
.node-supporting-career-development.view-mode-full.ds-3col > .group-right {
	width: 100% !important;
}
.node-supporting-career-development.view-mode-full.ds-3col > .group-middle,
.node-supporting-career-development.view-mode-full.ds-3col > .group-right {
	margin-top: 30px;
}
.field.field-name-field-subtitle.field-type-text-with-summary.field-label-hidden {
	text-align: justify;
}
.node-women-in-science-portraits.view-mode-promoted_small.ds-2col-fluid > .group-right, .node-supporting-career-development.view-mode-promoted_small.ds-2col-fluid > .group-right {
	float: left !important;
	width: 60% !important;
	margin-left: 20px !important;
}
.ds-2col-fluid.node.node-women-in-science-portraits.view-mode-promoted_small.clearfix,
.ds-2col-fluid.node.node-supporting-career-development.view-mode-promoted_small.clearfix {
    height: auto !important;
}

.field.field-name-field-address.field-type-addressfield.field-label-hidden.supporting-career-address-promotedsmall {
    margin-left: -18px;
}

.node-supporting-career-development.view-mode-full.ds-3col > .group-left {
    width: 100%;
}

.node-supporting-career-development.view-mode-full.ds-3col > .group-right
{
/*	width:45% !important;*/
}

}
@media all and (min-width: 600px) {
  .navigation-toggle {
    display: none;
  }

  .region-menu {
    max-height: none;
    overflow: visible;
  }
  .region-menu .links,
  .region-menu .menu {
    /* Menu block links */
  }
  .region-menu .links:after,
  .region-menu .menu:after {
    content: "";
    display: table;
    clear: both;
  }
  .region-menu .links > li,
  .region-menu .menu > li {
    /* A simple method to get navigation links to appear in one line. */
    float: left;
    height: auto;
  }
  .region-menu .dropdown-toggle:after {
    content: " \2193";
    padding: 0 0 0 0.375em;
  }
  .region-menu .open .dropdown-toggle:after {
    content: " \2191";
  }
  .region-menu .dropdown-menu {
    position: absolute;
    list-style: none outside none;
    margin: 0;
    padding: 0;
  }
  .region-menu .dropdown-menu li {
    list-style: none outside none;
  }
  .region-menu .dropdown:hover .dropdown-menu {
    display: block;
  }
}
@media all and (min-width: 960px) {
  .region-menu .links,
  .region-menu .menu {
    font-size: 1.125em;
    line-height: 2em;
  }
  .region-menu .links a,
  .region-menu .menu a {
    padding: 0 1.125em;
  }
}
.region-menu-secondary {
  padding: 0.1875em 0;
}
.region-menu-secondary .inner:after {
  content: "";
  display: table;
  clear: both;
}
.region-menu-secondary .block-menu {
  margin-bottom: 0;
}
.region-menu-secondary .block-menu .menu {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.region-menu-secondary .block-menu .menu li {
  list-style: none outside none;
}
.region-menu-secondary .block-menu .menu li {
  display: inline;
  border-right: 1px solid;
}
.region-menu-secondary .block-menu .menu li.last {
  border-right: 0 none;
}
.region-menu-secondary .block-menu .menu li a {
  display: inline-block;
  padding: 0.1875em 0.75em;
}
.ds-2col-fluid.node.node-women-in-science-portraits.view-mode-promoted_small.clearfix,
.ds-2col-fluid.node.node-supporting-career-development.view-mode-promoted_small.clearfix {
    height: 150px;
}

@media all and (min-width: 960px) {
  .region-menu-secondary .block-menu {
    text-align: right;
  }
}
/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */
.region-sidebar-first ul.views-summary,
.region-sidebar-first ul.menu {
  font-size: 1em;
  line-height: 1.5em;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
}
.region-sidebar-first ul.views-summary li,
.region-sidebar-first ul.menu li {
  list-style: none outside none;
}
.region-sidebar-first ul.views-summary li,
.region-sidebar-first ul.menu li {
  margin: 0.375em 0;
  overflow: hidden;
  clear: both;
}
.region-sidebar-first ul.views-summary a,
.region-sidebar-first ul.menu a {
  padding: 0 0.75em;
  float: left;
  border: 0 none;
  white-space: normal;
  line-height: 1.875em;
}
.region-sidebar-first ul.menu a a {
  margin-left: 0.375em;
}
.region-sidebar-first ul.views-summary li {
  line-height: 1.5em;
}
.region-sidebar-first ul.views-summary a {
  margin-right: 0.375em;
  line-height: 1.5em;
}

/**
 * List/Map toggle
 */
.list-map-toggle {
  text-align: right;
  margin-top: -2.14286em;
  font-size: 0.875em;
  line-height: 1.28571em;
}
.list-map-toggle a {
  display: inline-block;
  padding: 0.42857em 0.85714em;
  margin-left: 0.85714em;
}
.list-map-toggle a.active {
  cursor: default;
}

@media all and (max-width: 479px) {
  .list-map-toggle {
    text-align: left;
    margin-top: 0em;
  }
  .list-map-toggle a {
    margin-left: 0;
    margin-right: 0.85714em;
  }
}
/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */
/* node-article */
.node-article.view-mode-teaser .field-name-field-article-image-teaser {
  margin-bottom: 0.75em;
}
@media (min-width: 480px) {
  .node-article.view-mode-teaser, .view-grid .node-article.view-mode-teaser, .view-grid-less .node-article.view-mode-teaser {
    padding-left: 10.125em;
    position: relative;
  }
  .node-article.view-mode-teaser .field-name-field-article-image-teaser, .view-grid .node-article.view-mode-teaser .field-name-field-article-image-teaser, .view-grid-less .node-article.view-mode-teaser .field-name-field-article-image-teaser {
    float: left;
    margin-left: -10.125em;
  }
}
.node-article.view-mode-promoted_big .field-name-field-article-image-teaser  {
  margin-bottom: 0.75em;
}
@media (min-width: 480px) {
  .node-article.view-mode-promoted_big, .view-grid .node-article.view-mode-promoted_big, .view-grid-less .node-article.view-mode-promoted_big {
    padding-left: 7.5em;
    position: relative;
  }
  .node-article.view-mode-promoted_big .field-name-field-article-image-teaser, .view-grid .node-article.view-mode-promoted_big .field-name-field-article-image-teaser, .view-grid-less .node-article.view-mode-promoted_big .field-name-field-article-image-teaser {
    float: left;
    margin-left: -7.5em;
    margin-bottom: 0em;
  }
}

/* node-event */
.node-event.view-mode-teaser .field-name-field-event-imageteaser {
  margin-bottom: 0.75em;
}
@media (min-width: 480px) {
  .node-event.view-mode-teaser, .view-grid .node-event.view-mode-teaser, .view-grid-less .node-event.view-mode-teaser {
    padding-left: 10.125em;
    position: relative;
  }
  .node-event.view-mode-teaser .field-name-field-event-imageteaser, .view-grid .node-event.view-mode-teaser .field-name-field-event-imageteaser, .view-grid-less .node-event.view-mode-teaser .field-name-field-event-imageteaser {
    float: left;
    margin-left: -10.125em;
  }
}
@media (min-width: 960px) {
  .view-grid-less .node-event.view-mode-teaser .field-name-body,
  .view-grid-less .node-event.view-mode-teaser .field-name-field-event-tags {
    clear: both;
    margin-left: -10.125em;
  }
  .count-1 .node-event.view-mode-teaser .field-name-body,
  .count-1 .node-event.view-mode-teaser .field-name-field-event-tags {
    clear: none;
    margin-left: 0;
  }
}

/* node-project */
.node-project.view-mode-teaser .field-name-field-project-host {
  margin-bottom: 0.75em;
}
.node-project.view-mode-teaser .field-name-field-partner-logo {
  text-align: center;
}
@media (min-width: 480px) {
  .node-project.view-mode-teaser, .view-grid .node-project.view-mode-teaser, .view-grid-less .node-project.view-mode-teaser {
    padding-left: 7.5em;
    position: relative;
  }
  .node-project.view-mode-teaser .field-name-field-project-host, .view-grid .node-project.view-mode-teaser .field-name-field-project-host, .view-grid-less .node-project.view-mode-teaser .field-name-field-project-host {
    float: left;
    margin-left: -7.5em;
    margin-bottom: 0em;
  }
}

/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */
/**
 * By importing this CSS file as media "all", we allow this print file to be
 * aggregated with other stylesheets, for improved front-end performance.
 */
@media print {
  /* Underline all links. */
  a:link,
  a:visited {
    text-decoration: underline !important;
    /* Don't underline header. */
  }
  a:link.header__site-link,
  a:visited.header__site-link {
    text-decoration: none !important;
  }

  #content {
    /* Add visible URL after links. */
    /* Only display useful links. */
    /* Add visible title after abbreviations. */
  }
  #content a[href]:after {
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;
  }
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    content: "";
  }
  #content abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* Un-float the content. */
  #content {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Turn off any background colors or images. */
  body,
  #page,
  #main,
  #content {
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
  }

  /* Hide sidebars and nav elements. */
  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    visibility: hidden;
    display: none;
  }
   
}

/*NEW carlos.lopez@crg.eu January 2017*/
/*
.group-left
{
	width: 25% !important;
}
	
.group-righ
{
	width: 75% !important;
}
	*/
.wis-role-full,
.wis-affiliation-full{
	font-style: italic;
/*	color:#936595;
	font-weight: bold;*/
}




.wis-statement-full{
 	text-align: justify !important;
    text-justify: inter-word !important;
	/*margin-top: 10px;*/
	line-height: 1.2em !important;
	text-align: justify !important;
    text-justify: inter-word !important;
}
.wis-affiliation-promotedbig{
/*	font-weight: bold;*/
/*	margin-bottom:12px;
	color: #936595;
	line-height: 1.2em;
	font-style: italic;*/
	
}
.wis-role-promotedbig {
/*	margin-top:8px;
	color: #936595;
	line-height: 1.2em;
	font-style: italic;*/
}

.supporting-career-name-promotedbig,
.wis-name-promotedbig {
	color: #404040 !important;
/*	font-weight: bold;*/
}

.wis-header-portraits,
.supporting-career-development-header,
.career-spotlight-header,
.scientist-career-science-header,
.resources-header {
/*	color:#936595 !important;*/
	/*font-weight: bold !important;*/
	border-bottom: 2px solid #6e6e6e;
    font-weight: 600;
    color: #6e6e6e;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}
.wis-name-promotedsmall,
.wis-name-promotedsmall h3,
.view-wis-portraits > h3 > a,
.wis-name-promotedsmall > h3 > a,
.wis-name-promotedsmall > a,
.career-title-promotedsmall,
.career-title-promotedbig
{
	margin-top: -3px !important;
	color:#936595 !important;
	/*margin-left: 15px !important;*/
}
.career-date-promotedsmall
{
}
.wis-role-promotedsmall,
.wis-role-promotedbig{
	line-height: 1.2em;
	font-style: italic;
	margin-top: 10px;
}
.wis-affiliation-promotedsmall,
.wis-affiliation-promotedbig{
/*	color: #936595;*/
	line-height: 1.2em;
	font-style: italic;
/*	margin-left: 10px;*/
	margin-bottom: 10px;
}
.wis-statement-promotedsmall{
/*	color: #936595;*/
	line-height: 1.2em;
	/*margin-left: 10px;*/
/*	font-style: italic;*/
}
/*
.wis-subtitle-promotedbig{
	font-style: italic;
	font-weight: bold;
	margin-bottom:5px;
	line-height: 1.2em;
}*/

.career-subtitle-full,
.career-subtitle-teaser,
.wis-subtitle-promotedsmall,
.wis-subtitle-promotedbig,
.wis-subtitle-fullcontent,
.supporting-career-subtitle-promotedsmall,
.supporting-career-subtitle-promotedbig{
	font-size: 1.00em !important;
	font-weight: 700 !important;
/*	margin-left: 10px;*/
	line-height: 1.2em;
/*	margin-top: 20px;*/
	margin-bottom: 10px;
	color: #6e6e6e;
}

.wis-subtitle-promotedsmall,
.wis-subtitle-promotedbig,
.wis-subtitle-fullcontent {
	font-style: italic;
}



.wis-article-full {
	width:100% !important;
	margin-top: 20px;
	text-align: justify;
}
.wis-article-promotedbig {
/*	width:100% !important;*/
	text-align: justify;
}

.wis-photo-full {
    float: left;
}
.wis-title-full,
.wis-role-full,
.wis-affiliation-full,
.wis-subtitle-fullcontent {
	margin-left: 240px;
}

.wis-subtitle-fullcontent {
	margin-top: 20px;
}

.wis-title-full {
/*	color: #936595;*/
}

.supporting-career-development-full-address > .field-items > .field-item.even::before {
  font-family: 'OC_Font';
  content: "\e003";
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
    color: #936595;
	float: left;
margin-top: 6px;
margin-left: -17px;
}

.read-more-career{
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    line-height: 30px;
    text-decoration: none;
	float:right;
	
}

.career-spotlight-title {
	color: #936595;
	}

.scs-role-promotedsmall,
.scs-role-promotedbig {
	/*color: #936595;*/
	line-height: 1.2em;
	font-style: italic;
/*	margin-left: 10px;*/
	margin-top: 10px;
}

.scs-affiliation-promotedsmall,
.scs-affiliation-promotedbig {
	line-height: 1.2em;
	font-style: italic;
/*	margin-left: 10px;*/
	margin-bottom: 10px;
}
 .scs-title-promotedsmall,
 .scs-name-promotedsmall,
 .scs-title-promotedbig,
 .scs-name-promotedbig,
 .resources-title-promotedsmall,
 .resources-title-promotedbig,
 .node-scientists-about-careers-in-scie > a {
    margin-top: -3px !important;
	color:#936595 !important;
	line-height: 1.28205em;
	/*font-style: italic;*/
	margin-top: 10px;
	font-weight: 400;
	font-size: 1.17em;

 }
 .scs-name-promotedsmall,
 .scs-name-promotedbig {
 	margin-top: 10px !important;
 }
.field.field-name-field-map.field-type-geofield.field-label-above.fonticon
{
	margin-top: 25px;
}

.field.field-name-field-website.field-type-link-field.field-label-hidden
{
	margin-top: 20px !important;
	padding-left: 1.125em !important;
}

.supporting-career-development-full-address{
/*	border-bottom: 1px solid #d4d4d4;*/
font-size: 15px;
font-weight: normal;
line-height: 27px;
margin-bottom: 6px;
}

.node-supporting-career-development.view-mode-full.ds-3col > .group-left
{
width:18%;
}
.node-supporting-career-development.view-mode-full.ds-3col > .group-middle
{
	width:50%;
	margin-left: 5px;
	margin-right: 5px;
	text-align: justify;
}
.node-supporting-career-development.view-mode-full.ds-3col > .group-right
{
	width:28%;
}

.node-women-in-science-portraits.view-mode-promoted_small.ds-2col-fluid > .group-left,
.node-supporting-career-development.view-mode-promoted_small.ds-2col-fluid > .group-left
{
	float:left;width:25%;
}
.node-women-in-science-portraits.view-mode-promoted_big.ds-2col-fluid > .group-left,
.node-supporting-career-development.view-mode-promoted_big.ds-2col-fluid > .group-left{
	float:left;width:20% ;
}
.node-women-in-science-portraits.view-mode-promoted_small.ds-2col-fluid > .group-right,
.node-supporting-career-development.view-mode-promoted_small.ds-2col-fluid > .group-right{
	float:left;width:68%;
	margin-left:24px;
}
.node-women-in-science-portraits.view-mode-promoted_big.ds-2col-fluid > .group-right,
.node-supporting-career-development.view-mode-promoted_big.ds-2col-fluid > .group-right
{
	float:left;
	width: 75%;
	margin-left: 20px;
}

.group-wis-fields.field-group-fieldset,
.group-right > .group-wis-portraits-prom-small,
{
	margin-left: 15px !important;	  
	width: 75% !important;	  
}

.view-wis-portraits.group-right
{
	width:75% !important;
}

	
label[for="edit-submitted-personal-details-name"] ,
label[for="edit-submitted-personal-details-current-postdoctoral-staff-scientist-position-held-since"] ,
label[for="edit-submitted-personal-details-name-of-current-group-leader"] ,
label[for="edit-submitted-personal-details-institution-department-group"] ,
label[for="edit-submitted-personal-details-phone"] ,
label[for="edit-submitted-personal-details-e-mail"] ,
label[for="edit-submitted-motivation-your-motivation-for-participating-in-the-libra-career-development-compass"] ,
label[for="edit-submitted-research-and-achievements-summary-of-research-interests-and-achievements"] ,
label[for="edit-submitted-attachments-curriculum-vitae-upload"] {
	font-size: 1.17em !important;
    line-height: 1.28205em !important;
    margin-top: 0.32051em !important;
    margin-bottom: 0.32051em !important;
	color: #936595;
}
.webform-body 
{
text-align: justify;
}

#content > div.ds-2col.node.node-women-in-science-portraits.view-mode-full.clearfix > div.group-left,
#content > div.ds-2col.node.node-women-in-science-portraits.view-mode-full.node-by-viewer.clearfix > div.group-left {
	width: 25% !important;
	float: left;

}
#content > div.ds-2col.node.node-women-in-science-portraits.view-mode-full.clearfix > div.group-right,
#content > div.ds-2col.node.node-women-in-science-portraits.view-mode-full.node-by-viewer.clearfix > div.group-right {
	width: 75% !important;
	float: left;
	text-align: justify;

}

#block-views-career-development-block
/*.career-first-block */{
    float: left !important;
    width: 46%;
    margin-left: 0% !important;
	text-align: justify;
/*    margin-right: 51% !important;	*/
}
#block-views-career-spotlight-block-1
/*.career-second-block */{
    float: left !important;
	width: 46% !important;
	margin-left: 4% !important;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: justify;
/*    margin-right: 0% !important;*/
	
}
/*.career-third-block,*/
#block-views-wis-portraits-block-1
{
	float: left;
    width: 46%;
	text-align: justify;
/*    margin-left: 0% !important;*/
/*    margin-right: 51% !important;	*/
}
/*.career-fourth-block,*/
#block-views-research-institutes-block-1
{
	
    float: left !important;
	width: 46%;
	margin-left: 4%;
	
	/*
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: justify;
	*/
/*    margin-right: 0% !important; */
	
}
#block-views-bb4384a2977271cf3d49c70cc735d230{
	width:100% !important;
	clear:left;
}
.content-scs-promotedsmall {
   	/*float: left !important;
	width: 100% !important;	*/
		
    float: left !important;
	width: 46%;
	margin-right: 4%;
}
.views-row.views-row-1.views-row-odd.views-row-first.content-scs-promotedsmall,
.views-row.views-row-2.views-row-even.views-row-last.content-scs-promotedsmall {
    border-bottom: transparent !important;
}

#block-views-resources-block-1 {
	
	float: left !important;
	width: 100% !important;	
	
	}
	.group-m-link.field-group-div,
	.field-name-node-link{
		float:right !important;
		/*margin-top: 30px !important;*/
	}
/* node-wis */
.node-women-in-science-portraits.view-mode-teaser .field-name-field-photo {
  margin-bottom: 0.75em;
}
@media (min-width: 480px) {
	
.ds-2col-fluid.node.node-women-in-science-portraits.contextual-links-region.view-mode-promoted_small.clearfix,
.ds-2col-fluid.node.node-supporting-career-development.contextual-links-region.view-mode-promoted_small.node-by-viewer.clearfix {
	height: 150px;
	min-height: 150px;
	max-height: 150px;
}
	
  .node-women-in-science-portraits, .view-grid .field-name-field-photo, .view-grid-less .node-women-in-science-portraits.view-mode-teaser,
  .node-supporting-career-development {
/*    padding-left: 10.125em;*/
    position: relative;

  }
  .node-women-in-science-portraits.view-mode-teaser .field-name-field-photo, .view-grid .node-women-in-science-portraits.view-mode-teaser .field-name-field-photo, .view-grid-less .node-women-in-science-portraits.view-mode-teaser .field-name-field-photo {
    float: left;
    margin-left: -10.125em;
  }
}
.node-women-in-science-portraits.view-mode-promoted_big .field-name-field-photo  {
  margin-bottom: 0.75em;
}
@media (min-width: 480px) {
	
  .node-women-in-science-portraits.view-mode-promoted_big, .view-grid .node-women-in-science-portraits.view-mode-promoted_big, .view-grid-less .node-women-in-science-portraits.view-mode-promoted_big {

    position: relative;
  }
  .node-women-in-science-portraits.view-mode-promoted_big .field-name-field-photo, .view-grid .node-women-in-science-portraits.view-mode-promoted_big .field-name-field-photo, .view-grid-less .node-women-in-science-portraits.view-mode-promoted_big .field-name-field-photo {
    float: left;

    margin-bottom: 0em;
	margin-right: 10px;
  }
  
.group-left.view-mode-promoted_big.group-wis-photo.field-group-div
{
	width: 200px !important;
}

  .group-wis-fields.field-group-div,
  .group-wis-photo.field-group-div,
  .group-research-institute-logo.field-group-div,
  .group-research-institute-fields.field-group-div  
  {
	  float:left;	  
  }
   .group-research-institute-logo.field-group-div,
  .group-research-institute-fields.field-group-div  
  {
	 margin-right: 10px !important;	  
	 width: 100%;
  }
	
.field.field-name-field-address.field-type-addressfield.field-label-hidden.supporting-career-address-promotedsmall .field-item {
	padding-left:unset;
}
.field.field-name-field-address.field-type-addressfield.field-label-hidden.supporting-career-address-promotedsmall .field-item .country,
.field.field-name-field-address.field-type-addressfield.field-label-hidden.supporting-career-address-promotedsmall .field-item .street-block,
.field.field-name-field-address.field-type-addressfield.field-label-hidden.supporting-career-address-promotedsmall .field-item .addressfield-container-inline
{
	margin-left: 45px;
}

.field.field-name-field-address.field-type-addressfield.field-label-hidden.supporting-career-address-promotedsmall.field-item [data-icon] {
    font-size: 1.75em;
    line-height: 1.71429em;
}
.field.field-name-field-address.field-type-addressfield.field-label-hidden.supporting-career-address-promotedsmall .field-item::before
{
	font-family: 'OC_Font';
content: "\e000";
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1.75em;

-webkit-font-smoothing: antialiased;
color: #936595;
float:left;
margin-left: 12px;
}

.group-photo-title-role {
	min-height: 220px;
}

}

