body.fix {
    overflow: hidden;
    position: fixed;
}

/**
 FORM
 */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
    border: 1px solid #ce171e;
    padding: 6px 12px;
    margin: 0;

    max-width: 100%;
    outline: none;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
    color: #cfc7c1;

    background: #FFFFFF none;
}

select {
    padding: 0 0 0 12px;
    color: #2e2b2a;

}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border: 1px solid #cfc7c1;
    color: #2e2b2a;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

input[type=checkbox], input[type=radio] {
    margin: -2px 0 0 0;
}

.form-textarea-wrapper textarea {
    max-width: 100%;
    width: auto;
}

label {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

label.option {
    display: inline-block;
    margin: 0;
}

/**
 * Layouts
 */
.cookie-alert {
    padding: 15px 0;
    font-size: 14px;
    color: #fff;
    background-color: #2E2B2A;
}

.cookie-alert .btn {
    text-transform: uppercase;
}

#block-system-main {
    padding-top: 25px;
    padding-bottom: 25px;
}

.front #block-system-main {
    padding-top: 0;
    padding-bottom: 0;
}

.not-front #block-system-main img {
    max-width: 100%;
    height: auto;
}

/**
 * external-links
 */
#links-col {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

#external-links {
    margin-bottom: 25px;
    line-height: 1;
}

#external-links ul li a {
    color: #ce171e;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 100;
}

#external-links li.icrc a {
    background: transparent url(../images/link_ext.png) right 1px no-repeat;
    padding: 0 14px 0 0;
}

#external-links li.contact a {
    background: transparent url(../images/contact.png) right 3px no-repeat;
    padding: 0 17px 0 0;
}

/**
 * Dropdowns
 */
#dropdowns-links {
    position: absolute;
    right: 15px;
    bottom: 0;
}

.btn-group > .btn, .btn-dropdown {
    background-color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
    color: #cfc7c1;
    border-color: #cfc7c1;
}

#ihl_databases > .btn {
    background-color: #62a3bb;
    color: #fff;
    border-color: #62a3bb;
}

#download_pdf li a:hover {
    background-color: #62a3bb !important;
}

.btn-group.open > .btn {
    background-color: #cfc7c1;
    color: #fff;
    border-color: #cfc7c1;
}

.btn-group.open span.caret {
    transform: rotate(-180deg);
}

.btn-group > .dropdown-menu {
    color: #fff;
    background-color: #cfc7c1;
}

#ihl_databases > .dropdown-menu {
    background-color: #62a3bb;
    color: #fff;
}

.dropdown-menu > li > a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    padding-left: 15px;
}

.dropdown-menu > li > a:before {
    content: '•';
    margin-right: 5px;
}

.dropdown-menu > li > a:focus, #dropdowns-links .dropdown-menu > li > a:hover, .btn-dropdown:focus, .btn-dropdown:hover {
    background: #cfc7c1 none;
    color: #ffffff;
}

/**
 * Header
 */
#header {
    padding: 14px 0;
    position: relative;
}

#header > .container > .row {
    position: relative;
}

#name-and-slogan {
    color: #2e2b2a;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
}

#site-name {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

h1#site-name {
    margin: 0;
}

#site-name a {
    font-weight: 700;
    color: #2e2b2a;
}

#site-name a:hover {
    color: #2e2b2a;
}

#site-slogan {
    font-weight: 300;
    line-height: 1;
}

/**
 * navigation
 */
#navigation {
    background-color: #ce171e;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    border-radius: 0;
    border: 0 none;
}

.navigation-mask {
    position: relative;
}

.nav-item {
    float: left;
    border-left: 1px solid #a9282b;
}

.nav-about {
    border-right: 1px solid #a9282b;
}

.nav-item-link {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    line-height: 60px;
    padding: 0 20px;
}

a.nav-item-link:focus, a.nav-item-link:hover {
    color: #fff;
    background-color: #2e2b2a;
    text-decoration: none;
    outline: none;
}

.nav-submenu {
    z-index: 1001;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    padding: 0;
    background-color: rgba(45, 43, 42, 0.85);
    color: #ffffff;
    border-top: 8px solid #2e2b2a;
}

.nav-item:hover .nav-submenu {
    display: block;
}

.nav-submenu .item-list h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 18px;
}

ul.nav-links {
    margin: 0 0 0.75em 0;
    padding: 0;
}

ul.nav-links li {
    margin: 0 0 3.5px 1.5em;
    padding: 0;
    font-size: 14px;
    list-style: none;
}

ul.nav-links li a {
    font-weight: 300;
    color: #fff;
}

.nav-submenu-inside {
    display: table;
    padding: 15px 0;
}

.nav-item-group {
    display: table-cell;
    padding: 0 35px;
    border-right: 1px solid rgba(255, 255, 255, 0.28);
}

.nav-item-group:last-child {
    border-right: 0 none;
}

.nav-split {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;

    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}

.nav-book .nav-submenu-inside {
    width: 100%;
}

.nav-book .nav-split {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;

    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
}

.nav-glossary .nav-submenu-inside {
    display: block;
}

.nav-glossary .nav-item-group {
    display: block;
    width: 360px;
    margin: 0 auto;
    padding: 0;
}

.nav-glossary ul.nav-links {
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav-glossary ul.nav-links li {
    display: inline-block;
    margin: 0 5px 15px 0;
    padding: 0;
}

.nav-glossary ul.nav-links li > a {
    display: inline-block;
    padding: 7px;
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.nav-glossary ul.nav-links li > a:focus, .nav-glossary ul.nav-links li > a:hover {
    background-color: #ffffff;
    color: #2e2b2a;
    text-decoration: none;
}

/**
 * search
 */
.navbar-form {
    box-shadow: none;
    padding: 0px 13px;
}

.nav-search__dpw {
    display: none;
    color: #fff;
    float: right;
}

.nav-search__dpw a {
    color: #fff;
    padding: 13px 10px 0;
    display: block;
    font-size: 20px;
}

.nav-search__form {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #cfc7c1;
    padding: 2px 0;
    float: right;
    border-right: 1px solid #a9282b;
}

.nav-search__form input.form-text {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1;
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    border: 0 none;
    padding: 8px 15px;
    margin: 0;
    color: #cfc7c1;
    width: 309px;
}

.nav-search__form input.form-text:focus {
    color: #2e2b2a;
}

.nav-search__form input.form-submit {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../images/search.png) center center no-repeat;
    border: 1px solid #fff;
    border-radius: 0 4px 4px 0;
    padding: 4px 25px;
    margin-left: -3px;
    opacity: 0.8;
}

.nav-search__form input.form-submit:active, .nav-search__form input.form-submit:hover {
    opacity: 1;
}

/**
 * Breadcrumbs
 */
.breadcrumb {
    background: transparent none;
    border: 0 none;
    border-radius: 0;
    padding: 0;
    margin: 0;

    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #ce171e;
}

.breadcrumb > li {
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ce171e;
    content: ">\00a0";
}

.breadcrumb a {
    color: #ce171e;
    font-weight: 400;
}

/**
 * Page title
 */
#page-title {
    background-color: #2e2b2a;
    padding: 35px 0;
}

#page-title h1 {
    color: #fff;
    margin: 0 auto;
}

#tabs {
    margin-top: 15px;
    margin-bottom: 15px;
}

/**
 * Flexslider
 */
.flexslider {
    background: transparent none;
    border: 0 none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.flexslider .slides, .flexslider .slides > li {
    margin: 0;
    padding: 0;
}

/**
 * Flexslider - Carousel
 */
#carousel {
    margin-bottom: 0;
    overflow: hidden;
}

#carousel .slides > li {
    position: relative;
}

#carousel .slides .flex-caption {
    position: absolute;
    left: 100px;
    top: 50%;
    transform: translateY(-50%);
    width: 530px;
    padding: 15px;
    margin: 0;
    overflow: hidden;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    background-color: rgba(0, 0, 0, 0.34);
}

#carousel .slides .flex-caption .surtitle {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

#carousel .slides .flex-caption .title {
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0.25em;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 36px;
}

#carousel .slides .flex-caption .description {

}

#carousel .slides .flex-caption .actions {
    text-align: right;
    margin: 0 auto 10px;
}

#carousel .slides .flex-caption .actions a {
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 5px 20px;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffffff;
}

#carousel .slides .flex-caption .actions a:hover {
    color: white;
    text-decoration: none;
}

.flex-carousel-direction-nav {
    *height: 0;
    margin: 0;
    padding: 0;
}

.flex-carousel-direction-nav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.flex-carousel-direction-nav a {
    display: block;
    width: 60px;
    height: 60px;
    margin: -30px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    background-color: rgba(46, 43, 42, 0.7);
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.69;
}

.flex-carousel-direction-nav .flex-carousel-prev {
    left: 0px;
    text-indent: -999px;
    background-image: url(../images/arrow_carousel_prev.png);
}

.flex-carousel-direction-nav .flex-carousel-next {
    right: 0px;
    text-indent: 999px;
    text-align: right;
    background-image: url(../images/arrow_carousel_next.png);
}

.flex-carousel-direction-nav a:hover {
    opacity: 1;
}

.flex-carousel-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-carousel-control-nav {
    background-color: rgba(0, 0, 0, 0.34);
    margin: 0;
    padding: 10px 0;
    text-align: center;
    list-style: none;
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
}

.flex-carousel-control-nav li {
    display: inline;
    margin: 0 7px;
}

.flex-carousel-control-nav li a {
    background: transparent none no-repeat;
    border: 1px solid white;
    display: inline-block;
    overflow: hidden;
    text-indent: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 20px;
}

.flex-carousel-control-nav li a.flex-carousel-active {
    background-color: white;
}

/**
 * Home
 */
.panel-landing-row {
    margin-bottom: 35px;
}

.panel-landing-col .inside {
    background-color: #2e2b2a;
    color: white;
    position: relative;
}

.panel-landing-col .pane-title {
    background: #ce171e;
    border-bottom: 1px solid white;
    margin: 0 auto 15px;
    padding: 35px 0 35px 150px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
}

.panel-landing-col .pane-views-panes .view-content {
    padding: 15px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.panel-landing-col .pane-views-panes .view-content .item-list ul li a {
    color: white;
    font-weight: 400;
}

.panel-landing-col .pane-title:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 92px;
    height: 90px;
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: contain;
    border-right: 1px solid #ffffff;
}

.pane-case-study-panel-pane-list .pane-title:before {
    background-image: url(../images/new_case_studies.png);
}

.pane-highlight-panel-pane-list .pane-title:before {
    background-image: url(../images/highlight.png);
}

.panel-landing-row-footer {
    margin-bottom: 0;
}

.panel-landing-row-footer .summary {
    text-align: center;
}

.panel-landing-row-footer .youtube {
    text-align: center;
}

/**
 * Panels
 */
.panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 0 none;
}

.panel-group {
    margin: 20px 0;
}

.panel-group .panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 0 none;
}

.panel-heading {
    border-radius: 0;
}

.panel-title {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a {
    text-decoration: none;
    color: inherit;
}

.beigebox,
.bluebox,
.panel-body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
}

.beigebox,
.panel-beige {
    background: #ececec none;
    color: #595551;
}

.beigeheader,
.panel-beige > .panel-heading {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    background: #cfc7c1 none;
}

.panel-beige > .panel-heading + .panel-collapse > .panel-body {
    border-top: 0 none;
}

.panel-blue {
    background: rgba(98, 163, 187, 0.33) none;
    color: #62a3bb;
}

.panel-blue > .panel-heading {
    border-bottom: 0 none;
    color: #ffffff;
    background: #62a3bb none;
}

.panel-blue .panel-title > a.toggle {
    text-align: right;
    display: block;
}

.panel-blue .panel-title > a.toggle > .caret {
    transform: rotate(-180deg);
}

.panel-blue .panel-title > a.toggle.collapsed > .caret {
    transform: rotate(0deg);
}

.panel-beige > .panel-body a {
    color: #6a6765;
}

.panel-beige > .panel-body ul {
    padding-left: 15px;
}

.panel-blue > .panel-body ul {
    list-style-type: none;
    padding: 0;
}

.panel-blue > .panel-body a {
    color: #69a6bd;
}

/**
 * Panels style section
 */
.section-row {
    padding: 25px 0;
}

.section-grey {
    background-color: #2e2b2a;
    color: white;
}

.section-title {
    overflow: hidden;
    text-align: center;
    margin-bottom: 30px;
}

.section-title h1, .section-title h2 {
    display: inline-block;
    margin: 0;
    padding: 0 15px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

.section-title h1:before, .section-title h2:before,
.section-title h1:after, .section-title h2:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 50%;
    width: 400%;
}

.section-title h1:before, .section-title h2:before {
    right: 100%;
}

.section-title h1:after, .section-title h2:after {
    left: 100%;
}

.section-grey .section-title h2:before,
.section-grey .section-title h2:after {
    background: #fff;
}

.section-white .section-title h2:before,
.section-white .section-title h2:after {
    background: #2e2b2a;
}

.section-not-found .section-title h1:before,
.section-not-found .section-title h1:after {
    background: #ce171e;
}

.section-row .actions {
    text-align: center;
    margin: 40px 0 15px;
}

.section-row .actions .btn {
    margin: 0 60px 0 0;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.section-not-found h1 {
    font-size: 54px;
    color: #ce171e;
}

.section-not-found .section-content {
    margin: 0 auto;
    max-width: 680px;
    background-color: #2e2b2a;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #ffffff;
    padding: 45px;
}

.section-not-found .section-content .btn {
    margin-top: 35px;
}

.btn-white {
    color: #2e2b2a;
    background-color: #ffffff;
    border-color: #2e2b2a;
}

.btn-white:hover, .btn-white:active {
    color: #2e2b2a;
}

.section-row .actions .btn-white {
    margin-right: 0;
}

.btn-grey {
    color: #ffffff;
    background-color: #2e2b2a;
    border-color: #ffffff;
}

.btn-grey:hover, .btn-grey:active {
    color: #ffffff;
}

.btn-brown {
    color: #fff;
    background-color: #cfc7c1;
    border: 0 none;
}

.btn-brown:hover, .btn-grey:active {

}

/**
 * Tags
 */
ul.tags {
    list-style-type: none;
    display: block;
    padding: 0;
    margin: 0;
}

ul.tags li {
    display: inline-block;
    float: left;
    margin: 0 5px 5px 0;
}

.btn-tags {
    font-family: 'Roboto', sans-serif;
    color: #FFF;
    background-color: #cfc7c1;
    border-color: #cfc7c1;
}

.btn-tags:focus, .btn-tags:hover {
    color: #fff;
}

/**
 * Authors
 */
.view-authors.view-display-id-panel_pane_list {
    margin: 0 16.66666667%;
}

.view-authors .thumbnail {
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.view-authors .thumbnail a > img, .view-authors .thumbnail > img {

    border-radius: 50%;
}

.view-authors .thumbnail .caption {
    padding-bottom: 0;
}

.view-authors .thumbnail h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #ce171e;
    padding: 10px 5px;
    margin: 0;
}

.view-authors .thumbnail h3 a {
    color: #ffffff;
}

/*********
 * FOOTER
 *********/

#footer {
    background-color: #2e2b2a;
    padding: 25px 0;
}

#footer-columns {
    position: relative;
}

#footer-columns:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    border: 1px solid #fff;
}

#footer .block {
    padding: 0 0 15px;
    margin: 0;
}

#footer .block-title {
    display: inline-block;
    margin: 0;
    padding: 0 15px 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    background-color: #2e2b2a;
}

#footer .item-list ul, #footer ul.links, #footer ul.menu {
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: left;
}

#footer .item-list ul li, #footer ul.links li, #footer ul.menu li {
    margin: 0 0 3.5px 1.1em;
    padding: 0;
    list-style: none;
}

#footer .item-list ul li a, #footer ul.links li a, #footer .menu > li > a {
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: transparent none;
    margin: 0;
    padding: 0;
    display: inline;
}

#footer .item-list ul li a, #footer .item-list ul li a:focus, #footer .item-list ul li a:hover,
#footer ul.links li a, #footer ul.links li a:focus, #footer ul.links li a:hover,
#footer .nav > li > a, #footer .nav > li > a:focus, #footer .nav > li > a:hover {
    border: 0 none;
    background: transparent none;
}

#footer .menu li a:hover {

    text-decoration: underline;
    text-decoration-color: #fff;
}

/**
 * Follow
 */
.follow {
    display: inline-block;
    width: 23px;
    height: 23px;
    background: transparent url(../images/social.png) left top no-repeat;
    text-indent: -9999px;
    margin: 0 15px;
}

.follow-facebook {
    background-position: left top;
}

.follow-twitter {
    background-position: left -23px;
}

.follow-linkedin {
    background-position: left -46px;
}

.follow-youtube {
    background-position: left -69px;
}

/**
 * Newsletter form
 */
.newsletter-form {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.newsletter-form > h4, .newsletter-form form {
    display: inline-block;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 800;
    margin: 0 15px 15px 0;
    padding: 0;
}

.newsletter-form input {
    border: 0 none;
    width: 235px;
    line-height: 1;
    font-size: 14px;
}

.newsletter-form input:focus {
    border: 0 none;
}

.newsletter-form button {
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    border: 0 none;
    border-radius: 5px;
    padding: 8px 15px;
    opacity: 0.9;
    display: inline-block;
    vertical-align: top;
}

.newsletter-form button:focus, .newsletter-form button:hover {
    opacity: 1;
    color: #ffffff;
}

#block-icrc-core-copyright {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #97918f;
    text-align: center;
}

/**
 * Glossary
 */
.view-glossary-a-z .view-header {
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    margin-bottom: 15px;
}

.view-glossary-a-z .view-display-id-attachment .item-list .views-summary {
    list-style: none;
    clear: both;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 300;
    border-bottom: 1px solid #ce171e;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

.view-glossary-a-z .item-list .views-summary li {
    margin: 0 10px 10px 0;
    padding: 0;
    display: inline-block;
}

.view-glossary-a-z .item-list .views-summary li a {
    display: inline-block;
    padding: 7px;
    width: 32px;
    height: 32px;
    color: #2E2B2A;
    border: 1px solid #2E2B2A;
    border-radius: 5px;
    text-align: center;
}

.view-glossary-a-z .item-list .views-summary li a.active, .view-glossary-a-z .item-list .views-summary li a:hover {
    background-color: #ce171e;
    color: #fff;
    border-color: #ce171e;
}

.view-glossary-a-z .view-content .item-list ul {
    margin: 0;
    padding: 0;
}

.view-glossary-a-z .view-content .item-list ul li {

}

.view-glossary-a-z .view-content .item-list ul li a {
    color: #2E2B2A;
}

/**
 * PAGER
 */
.item-list .pagination {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #2e2b2a;
}

.item-list .pagination > li {
    margin: 0;
    padding: 0;
}

.item-list .pagination > li > a {
    background-color: #2e2b2a;
    border-color: #2e2b2a;
    border-radius: 4px;
    margin: 0 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #FFF;
}

.item-list .pagination > li:first-child > a, .item-list .pagination > li:first-child > span {
    border-radius: 4px;
    margin-left: 0;
}

.item-list .pagination > .prev > a, .item-list .pagination > .next > a {
    background-color: #fff;
    color: #2e2b2a;
}

.item-list .pagination > .active > a, .item-list .pagination > .active > span {
    border-radius: 4px;
    background-color: #ce171e;
    border-color: #ce171e;
    margin: 0 4px;
}

/**
 * Share buttons
 */
.share-icons {
    margin: 20px 0;
    clear: both;
    text-align: right;
}

.share-icon {
    background: transparent url(../images/share.png) left top no-repeat;
    display: inline-block;
    width: 29px;
    height: 28px;
    margin: 0 0 10px 10px;
    opacity: 0.8;
}

.share-icon:hover {
    opacity: 1;
}

.share-twitter {
    background-position: left -28px;
}

.share-linkedin {
    background-position: left -56px;
}

.share-mail {
    background-position: left -84px;
}

.print-link a {
    overflow: hidden;
    float: right;
    width: 28px;
    height: 29px;
    text-indent: 9999px;
    background-color: transparent;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.8;
    margin: 0 0 10px 10px;
}

.print-link a:hover {
    opacity: 1;
}

.print-link a.print-page {
    background-image: url(../images/print.png);
}

.print-link a.print-pdf {
    background-image: url(../images/pdf.png);
}

/**
 * Popover
 */
.popover {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 100;
    color: #fff;
    background-color: rgba(46, 43, 42, 0.9);
    border: 1px solid rgba(46, 43, 42, 0.9);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
}

.popover-title {
    background-color: transparent;
    color: #fff;
    border: 0 none;
}

.popover.top > .arrow:after {
    border-top-color: rgba(46, 43, 42, 0.9);
}

.modal-vertical-centered {
    transform: translate(0, 0%) !important;
    -ms-transform: translate(0, 0%) !important; /* IE 9 */
    -webkit-transform: translate(0, 0%) !important; /* Safari and Chrome */
    -o-transform: translate(0, 0);
    cursor: pointer;
}

.modal.in .modal-dialog {
    top: 40%;
}

.modal.in .modal-dialog #modalcontent {
    cursor: default;
}

#main-container {
    overflow-x: hidden;
}

/***********************************************************************************
*
* EVOLUTIONS 2017
*
***********************************************************************************/

/*
*
*   Block Region - IHL in Action
*
*/

#block-panels-mini-ihl-in-action-panels {
    padding-bottom: 44px;
}

#block-panels-mini-ihl-in-action-panels h2.block-title {
    font-family: "merriweatherbold";
    font-size: 31px;
    font-weight: 500;
}

#block-panels-mini-ihl-in-action-panels > div.content {
    width: 83.3333%;
}

.pane-view-by-region-and-country,
.pane-view-by-theme {
    position: relative;
}

.pane-view-by-region-and-country .view-header,
.list-region h3,
.pane-view-by-theme .view-header {
    cursor: pointer;
}

.block-region, .block-theme {
    border: #f4f2f1 solid 2px;
    padding: 20px;
}

.pane-view-by-region-and-country .view-header,
.pane-view-by-theme .view-header,
.list-region a {
    font-size: 21px;
}

.pane-view-by-region-and-country div.view-header:after,
.pane-view-by-theme div.view-header:after {
    background: url("../images/case-expand.png") no-repeat; /* apply your image here */
    background-position: right top;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 9px;
    z-index: -1;
}

.pane-view-by-region-and-country div.view-header.expanded:after,
.pane-view-by-theme div.view-header.expanded:after {
    background: url("../images/case-expanded.png") no-repeat; /* apply your image here */
    background-position: right top;
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    right: 9px;
    z-index: -1;
}

.block-region .view-content,
.block-theme .view-content {
    display: none;
}

.list-region h3,
.list-theme h3,
.list-theme a {
    font-size: 21px;
    font-weight: 500;
    color: #949494;
}

.list-region ul,
.list-theme ul {
    list-style-type: none;
}

.list-region ul {
    display: none;
}

.list-theme ul {
    margin-bottom: 0;
}

.list-region ul li,
.list-theme ul li {
    margin-left: 35px;
}

.block-region .list-region:first-child h3,
.list-theme li.views-row-first {
    margin-top: 43px;
}

/*
*
* Partner - List
*
*/

#block-views-block-partners-block {
    background-color: #edebe9;
    padding-bottom: 52px;
    padding-top: 40px;
}

#block-views-block-partners-block div.view-block-partners {
    background-color: #ffffff;
    border: 1px solid #f9f8f7;
    height: 126px;
    margin: 0 auto;
    padding: 29px 34px;
    -moz-box-shadow: 5px 5px 5px 0px #9b9b9b;
    -webkit-box-shadow: 5px 5px 5px 0px #9b9b9b;
    -o-box-shadow: 5px 5px 5px 0px #9b9b9b;
    box-shadow: 5px 5px 5px 0px #9b9b9b;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=134, Strength=5);
}

#block-views-block-partners-block div.view-header {
    color: #544f4c;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 21px;
    height: 76px;
    text-transform: uppercase;
    vertical-align: top;
    width: auto;
}

#block-views-block-partners-block div.view-content {
    display: inline-block;
    width: auto;
}

.item-list ul li.partner-element {
    display: inline-block;
    margin: 0 auto;
    padding-right: 60px;
}

.item-list ul li.partner-element.views-row-first {
    padding-left: 60px;
}

.item-list ul li.partner-element.views-row-last {
    padding-right: 0;
}

.item-list ul li.partner-element img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 76px;
}

/*
*
* Page de résultat - Search IHL
*
*/

.ihl-region-row h2 a,
.ihl-theme-row h2 a {
    color: #62a3bb;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-weight: 700;
    margin: 0 auto;
    padding: 0;
}

.ihl-region-row .infos,
.ihl-region-row span.infos__link a,
.ihl-region-row span.infos__date,
.ihl-theme-row .infos,
.ihl-theme-row span.infos__link a,
.ihl-theme-row span.infos__date {
    color: #cfc7c1;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.views-row-last.ihl-region-row,
.views-row-last.ihl-theme-row {
    padding-bottom: 45px;
}

.field-name-field-cs-picture,
.field-name-field-summary {
    display: none;
}

/*
 * 47726 Search Autocomplete
*/

form#icrc-search-search-form  div#edit-container {
    position: relative;
}

form#icrc-search-search-form  ul.ui-autocomplete {
    left: auto !important;
    max-width: 377px;
    right: 0;
    top: 37px !important;
}

form#icrc-search-search-form  ul.ui-autocomplete > div.all_results,
form#icrc-search-search-form  ul.ui-autocomplete > li.ui-menu-item-first:last-child:not(:nth-child(2)) {
    display: none !important;
}

/*
 * 40724 Webform Feedback / Survey
*/

#block-webform-feedback-webform-feedback-ajax-link{
    z-index: 2;
}

a.webform-feedback::after {
    background-color: #747273;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    -webkit-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 20px 3px rgba(0,0,0,0.5);
}

a.webform-feedback::before {
    background-color: #b2523b;
    border: 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 6px;
    width: 100%;
    z-index: -1;
    background-clip: padding-box;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

a.webform-feedback:hover::before {
    top: 11px;
}

a.webform-feedback{
    background: transparent;
    border: none;
    padding: 7px 14px;
    top: inherit;
    bottom: 40%;
}

a.webform-feedback:hover,
a.webform-feedback:active,
a.webform-feedback:focus,
a.webform-feedback:visited{
    background: transparent;
    border: 0;
    text-decoration: none;
    color: #ffffff;
}

a.webform-feedback span{
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Roboto";
}

#webform-feedback-block {
    background-color: #f1e8d7;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    height: auto;
    left: 0;
    margin: 0 auto;
    min-height: 340px;
    overflow-y: auto !important;
    position: absolute;
    right: 0;
    width: 62%;
}

#formclose {
    background-color: transparent;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 61%;
}

#formclose a{
    height: 29px;
    width: 16px;
    overflow: hidden;
}

#formclose a:hover{
    text-decoration: none;
}

#formclose a:before{
    font-family: "FontAwesome";
    color: #352D28;
    content:"\f00d";
    margin-right: 10px;
    font-size: 21px;
}

#webform-feedback-block label,
#webform-feedback-block h2,
#webform-feedback-block legend,
#webform-feedback-block h3 {
    color: #352D28;
    font-family: "Merriweather";
    font-weight: 300;
}

#webform-feedback-block legend{
    border-bottom: 1px solid #352D28;
}

#webform-feedback-block textarea,
.webform-feedback-form .select-or-other input,
.webform-feedback-form .form-type-select select,
.webform-feedback-form .webform-component-email input,
.webform-feedback-form .webform-component-textfield input{
    border: none;
    border-radius: inherit;
    color: #352D28;
}

#webform-feedback-block h2 {
    margin: 0 auto;
    width: 90%;
}

.webform-progressbar-outer{
    background-color: #ffffff;
    border: none;
    height: 8px;
}

.webform-progressbar-inner{
    background-color: #B2523B;
    height: 8px;
}

.webform-progressbar-page{
    display: none;
}

#webform-feedback-block form{
    margin-bottom: 75px;
}

#webform-feedback-block form .webform-component-checkboxes .form-checkboxes,
#webform-feedback-block form .webform-component-select-or-other .form-checkboxes {
    column-count: 2;
}

#webform-feedback-block form .form-actions{
    margin: 0;
}

#webform-feedback-block form > div > .form-item,
#webform-feedback-block form > div > .webform-component-fieldset,
#webform-feedback-block form > div > div > .webform-component-file,
#webform-feedback-block form > div > div > div > .webform-component-file{
    width: 65%;
    margin: 1em auto;
}

#webform-feedback-block form > div > div > .webform-component-file .form-managed-file,
#webform-feedback-block form > div > div > .webform-component-file .description{
    color: #8f9194;
}

#webform-feedback-block form > div > div > .webform-component-file .form-managed-file input input {
    background-color: red;
}

#webform-feedback-block form .form-actions > input.webform-previous,
#webform-feedback-block form .form-actions > input.webform-next{
    background: #e1c9ba none repeat scroll 0 0;
    border: medium none;
    color: #B2523B;
    font-family: 'Advent Pro', Sans-serif;
    font-size: 62px;
    line-height: 70px;
    position: absolute;
    top: 50%;
}

#webform-feedback-block form .form-actions .webform-previous{
    padding-left: 0;
    left: 0;
    -webkit-border-radius: 0 50px 50px 0;
    -moz-border-radius: 0 50px 50px 0;
    border-radius: 0 50px 50px 0;
}

#webform-feedback-block form .form-actions .webform-next{
    padding-right: 0;
    right: 0;
    -webkit-border-radius: 50px 0 0 50px;
    -moz-border-radius: 50px 0 0 50px;
    border-radius: 50px 0 0 50px;
}

#webform-feedback-block form .form-actions input.webform-submit{
    background-color: #b2523b;
    border: medium none;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color: #f1e8d7;
    font-family: "Merriweather";
    font-size: 19px;
    left: 0;
    margin: 0 auto;
    padding: 10px 30px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    width: 170px;
}

#webform-feedback-block form .form-actions input.webform-submit:hover{
    opacity: 0.8;
}