/*
 * Base structure
 */
@import url(https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i);
p,
a,
li,
blockquote {
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

body {
  padding-top: 82px;
  background-color: #FFFFFF;
  font-family: "Lato", sans-serif;
  color: #333333;
  overflow-x: hidden;
}

p,
ol,
ul {
  font-size: 15px;
  line-height: 22px;
}

h1,
h2,
h3,
h4 {
  color: #333333;
}

h1 {
  font-size: 42px;
  font-weight: 400;
}

h2 {
  font-size: 28px;
  line-height: 36px;
}

h3 {
  font-size: 21px;
  line-height: 28px;
}

h4 {
  font-size: 18px;
  line-height: 26px;
}

a {
  color: #8B2942;
  opacity: 1;
}
a:hover, a:focus {
  text-decoration: underline;
  opacity: 0.75;
}

dd {
  margin-bottom: 15px;
}

/*
 * Global add-ons
 */
.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.header-title {
  margin-bottom: 40px;
}

.panel-tabs {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.vertical-center {
  vertical-align: middle;
  display: table-cell;
  width: inherit;
}

code.publications-category {
  color: #FFF;
  font-weight: bold;
}
code.groupes {
  border: 1px solid #DDD;
  background-color: #EFEFEF;
  color: #333;
  font-weight: bold;
  padding: 2px 10px;
}
code.language {
  background-color: transparent;
  color: #DDD;
}

.toggle-tooltip {
  margin-top: 3px;
}

.tooltip-inner {
  text-align: left;
}

.pagination {
  margin: 0;
}
.pagination > li > a {
  color: #999999;
}
.pagination > li > a:hover {
  color: #999999;
}
.pagination > .active > span:hover {
  color: #333333;
}

a.list-group-item.active {
  background: none;
  border-color: none;
}
a.list-group-item.active:hover, a.list-group-item.active:focus {
  background: none;
  border-color: none;
}

.panel-themes {
  height: 150px;
  color: #FFF;
  font-size: 14px;
  text-shadow: 1px 1px #666;
  background-color: #999;
}
.panel-themes h3 {
  margin-top: 0;
  font-size: 16px;
}
.panel-themes h3 > a {
  color: #FFF;
}

/* .topbar { */
/*  -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);  */
/*  -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);  */
/*  box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75); */
/*  border-bottom: 3px #700622 solid; */
/*  background-color: #700622; */
/* } */
/* .topbar-header-text p { */
/*  padding: 0px 20px; */
/*  margin: 0px 20px; */
/*  font-family: 'Lato', sans-serif; */
/*  font-size: 1.25em; */
/*  font-weight: 300; */
/*  color: #FFF; */
/* } */
.topbar {
  border-bottom: 1px #e1e1e1 solid;
  background-color: #FFF;
}

.topbar-header-text p {
  padding: 0px 20px;
  margin: 0px 20px;
  font-family: "Lato", sans-serif;
  font-size: 1.25em;
  font-weight: 300;
  color: #333;
}

.nav-topbar-btn {
  background-color: #FFF;
  height: 23px;
  width: 23px;
  margin-top: -3px;
  display: block;
  border-radius: 50%;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  cursor: inherit;
}

/*
 * Sidebar
 */
/* Hide for mobile, show later */
.sidebar {
  display: none;
}
.sidebar > a {
  color: #dbd9d9;
}
.sidebar > hr {
  margin: 10px 0px;
  border-top-color: #DDD;
}

@media screen and (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 100px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    /* Scrollable contents if viewport is shorter than content. */
    /*    background-color: #2c3538; */
    background: url("/images/ui/background_brochure.png");
    color: #dbd9d9;
  }
}
/* Sidebar navigation */
.nav-sidebar {
  margin-right: -20px;
  margin-bottom: 20px;
  margin-left: -20px;
}

.nav-sidebar-submenu {
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 20px;
}

.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
  color: #dbd9d9;
}
.nav-sidebar > .active > a {
  background-color: #710320;
}
.nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus {
  background-color: #710320;
}
.nav-sidebar > li > a:hover, .nav-sidebar > li > a:active, .nav-sidebar > li > a:focus {
  background-color: #710320;
  text-decoration: none;
}
.nav-sidebar [class*=" fa-"] {
  line-height: inherit;
}
.nav-sidebar > li > a:hover, .nav-sidebar > li > a:focus {
  background-color: #710320;
  color: #dbd9d9;
  text-decoration: none;
}
.nav-sidebar > li > a {
  color: #dbd9d9 !important;
}

.cirano-header-intro p {
  font-weight: 300;
}

.panel-cirano-menu {
  background: transparent;
  margin: 0px -20px;
  border: none;
}
.panel-cirano-menu .panel-heading {
  padding: 0;
}
.panel-cirano-menu .panel-heading [class*=" fa-"] {
  line-height: inherit;
}
.panel-cirano-menu a {
  color: #dbd9d9;
  padding: 10px 15px;
  display: block;
}
.panel-cirano-menu a:hover, .panel-cirano-menu a.active {
  background-color: #710320;
  text-decoration: none;
}
.panel-cirano-menu .list-group {
  margin: 0px;
}
.panel-cirano-menu .list-group-item {
  padding: 0;
  padding-left: 20px;
  background: transparent;
  border: none;
}

/*
 * Main content
 */
.main {
  padding: 20px;
}
.main .page-header {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.cirano-promos img {
  margin: 10px 0;
  border-color: #ddd;
}

.row img {
  max-width: 100%;
}

/* 
 * Jumbotrons
 */
.cirano-apropos {
  border: 1px #CCC solid;
}

.secteurs-politiques {
  text-shadow: 0px 0px 0 #b1b1b1, 1px 1px 0 #646464, 2px 2px 1px rgba(0, 0, 0, 0.45), 2px 2px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.2);
  background: url("/images/secteurs/politiques.png") center center;
  color: #FFF;
}
.secteurs-politiques small {
  color: #FFF;
}

.secteurs-risques {
  text-shadow: 0px 0px 0 #b1b1b1, 1px 1px 0 #646464, 2px 2px 1px rgba(0, 0, 0, 0.45), 2px 2px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.2);
  background: url("/images/secteurs/risques.png") center center;
  color: #FFF;
}
.secteurs-risques small {
  color: #FFF;
}

.innovations-mondo {
  text-shadow: 0px 0px 0 #b1b1b1, 1px 1px 0 #646464, 2px 2px 1px rgba(0, 0, 0, 0.45), 2px 2px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.2);
  background: url("/images/innovations/mondo.png") center center;
  color: #FFF;
}
.innovations-mondo small {
  color: #FFF;
}

/* Publications feed */
.feed-pdf {
  margin-top: 40px;
  font-size: 32px;
}

.feed-activity-list .feed-element {
  border-bottom: 1px solid #e7eaec;
}

.feed-badge {
  height: 42px;
  width: 42px;
  display: block;
  background: #333;
  padding: 6px 5px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 21px;
  border-radius: 50%;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  cursor: default;
}
.feed-badge.project {
  height: 55px;
  width: 55px;
  background: #8B2942;
}
.feed-badge.project img {
  margin: 5px 0 0 0 !important;
  width: 42px;
}
.feed-badge.rj {
  background: #6B94AC;
}
.feed-badge.cs, .feed-badge.wp {
  background: #292c8b;
}
.feed-badge.rp, .feed-badge.pr {
  background: #f8981d;
}
.feed-badge.mo, .feed-badge.li {
  background: #3a2c5f;
}
.feed-badge.nc, .feed-badge.cn {
  background: #017479;
}
.feed-badge.dt, .feed-badge.td {
  background: #773261;
}
.feed-badge.rb, .feed-badge.br {
  background: #8B2942;
}
.feed-badge.pe, .feed-badge.in {
  background: #145819;
}
.feed-badge img {
  width: 23px;
  margin-left: 2px;
  margin-top: -5px;
}

label.feed-badge {
  display: inline-block;
  margin-right: 10px !important;
  padding: 10px;
}

.date {
  color: #999999;
  text-transform: uppercase;
}

.media-body small {
  color: #999999;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
}
.media-body.feed-summary a {
  font-size: 16px;
  margin-top: 15px;
  display: block;
  font-weight: 600;
}

.publications-list,
.publications-externes-list,
.indicateurs-list,
.summary-publications-list {
  margin-bottom: 20px;
}
.publications-list table,
.publications-externes-list table,
.indicateurs-list table,
.summary-publications-list table {
  margin-top: 15px;
}
.publications-list .list-feed-element,
.publications-externes-list .list-feed-element,
.indicateurs-list .list-feed-element,
.summary-publications-list .list-feed-element {
  display: block;
  padding: 25px;
}
.publications-list .list-feed-element h3,
.publications-externes-list .list-feed-element h3,
.indicateurs-list .list-feed-element h3,
.summary-publications-list .list-feed-element h3 {
  color: #333;
}
.publications-list .list-feed-element h3 a,
.publications-externes-list .list-feed-element h3 a,
.indicateurs-list .list-feed-element h3 a,
.summary-publications-list .list-feed-element h3 a {
  color: inherit;
}
.publications-list .block-feed-element,
.publications-externes-list .block-feed-element,
.indicateurs-list .block-feed-element,
.summary-publications-list .block-feed-element {
  display: none;
}
.publications-list .btn-transparent,
.publications-list .btn-white,
.publications-externes-list .btn-transparent,
.publications-externes-list .btn-white,
.indicateurs-list .btn-transparent,
.indicateurs-list .btn-white,
.summary-publications-list .btn-transparent,
.summary-publications-list .btn-white {
  margin: 50px auto 0 auto;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  padding: 7px 25px;
}

.publications-list.block-display .list-feed-element,
.publications-externes-list.block-display .list-feed-element,
.indicateurs-list.block-display .list-feed-element,
.summary-publications-list.block-display .list-feed-element {
  display: none;
}
.publications-list.block-display .block-feed-element,
.publications-externes-list.block-display .block-feed-element,
.indicateurs-list.block-display .block-feed-element,
.summary-publications-list.block-display .block-feed-element {
  border: 0;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  width: 100%;
}
.publications-list.block-display .block-feed-element .feed-badge,
.publications-externes-list.block-display .block-feed-element .feed-badge,
.indicateurs-list.block-display .block-feed-element .feed-badge,
.summary-publications-list.block-display .block-feed-element .feed-badge {
  display: none;
}
.publications-list.block-display .block-feed-element .feed-img,
.publications-externes-list.block-display .block-feed-element .feed-img,
.indicateurs-list.block-display .block-feed-element .feed-img,
.summary-publications-list.block-display .block-feed-element .feed-img {
  display: block;
  width: 100%;
  padding: 15px;
}
.publications-list.block-display .block-feed-element .feed-img .publications-main-picture,
.publications-externes-list.block-display .block-feed-element .feed-img .publications-main-picture,
.indicateurs-list.block-display .block-feed-element .feed-img .publications-main-picture,
.summary-publications-list.block-display .block-feed-element .feed-img .publications-main-picture {
  width: 100%;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.15);
  background-color: white;
}
.publications-list.block-display .block-feed-element .feed-date,
.publications-externes-list.block-display .block-feed-element .feed-date,
.indicateurs-list.block-display .block-feed-element .feed-date,
.summary-publications-list.block-display .block-feed-element .feed-date {
  display: none;
}
.publications-list.block-display .block-feed-element h3,
.publications-externes-list.block-display .block-feed-element h3,
.indicateurs-list.block-display .block-feed-element h3,
.summary-publications-list.block-display .block-feed-element h3 {
  font-family: "Lato";
  font-size: 18px;
  font-weight: 400;
  color: #8B2942;
  display: block;
  padding: 15px;
  margin-top: 0;
  line-height: 22px;
  text-transform: none;
}
.publications-list.block-display .block-feed-element h4,
.publications-externes-list.block-display .block-feed-element h4,
.indicateurs-list.block-display .block-feed-element h4,
.summary-publications-list.block-display .block-feed-element h4 {
  display: none;
}
.publications-list.block-display .block-feed-element .publications-list-tmats,
.publications-list.block-display .block-feed-element .publications-externes-list-tmats,
.publications-list.block-display .block-feed-element .events-list-themes,
.publications-list.block-display .block-feed-element .indicateurs-list-themes,
.publications-externes-list.block-display .block-feed-element .publications-list-tmats,
.publications-externes-list.block-display .block-feed-element .publications-externes-list-tmats,
.publications-externes-list.block-display .block-feed-element .events-list-themes,
.publications-externes-list.block-display .block-feed-element .indicateurs-list-themes,
.indicateurs-list.block-display .block-feed-element .publications-list-tmats,
.indicateurs-list.block-display .block-feed-element .publications-externes-list-tmats,
.indicateurs-list.block-display .block-feed-element .events-list-themes,
.indicateurs-list.block-display .block-feed-element .indicateurs-list-themes,
.summary-publications-list.block-display .block-feed-element .publications-list-tmats,
.summary-publications-list.block-display .block-feed-element .publications-externes-list-tmats,
.summary-publications-list.block-display .block-feed-element .events-list-themes,
.summary-publications-list.block-display .block-feed-element .indicateurs-list-themes {
  display: none;
}

.list-feed-element.publications-feed-element,
.list-feed-element.events-feed-element,
.list-feed-element.indicateurs-feed-element {
  padding: 25px;
  height: auto;
  background: white;
  border: 2px solid #EBEBEB;
  margin-bottom: 0;
  margin-top: -2px;
  width: 100%;
}
.list-feed-element.publications-feed-element .feed-badge-container,
.list-feed-element.events-feed-element .feed-badge-container,
.list-feed-element.indicateurs-feed-element .feed-badge-container {
  display: inline-block;
  width: 50px;
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: top;
  margin-top: 10px;
  margin-right: 25px;
}
.list-feed-element.publications-feed-element .feed-badge-container .feed-badge,
.list-feed-element.events-feed-element .feed-badge-container .feed-badge,
.list-feed-element.indicateurs-feed-element .feed-badge-container .feed-badge {
  display: inline-block;
}
.list-feed-element.publications-feed-element .feed-badge-container .feed-badge .fa-link,
.list-feed-element.publications-feed-element .feed-badge-container .feed-badge .fa-file-pdf,
.list-feed-element.events-feed-element .feed-badge-container .feed-badge .fa-link,
.list-feed-element.events-feed-element .feed-badge-container .feed-badge .fa-file-pdf,
.list-feed-element.indicateurs-feed-element .feed-badge-container .feed-badge .fa-link,
.list-feed-element.indicateurs-feed-element .feed-badge-container .feed-badge .fa-file-pdf {
  margin: 0 auto;
  color: white;
}
.list-feed-element.publications-feed-element .feed-date,
.list-feed-element.events-feed-element .feed-date,
.list-feed-element.indicateurs-feed-element .feed-date {
  color: #737373;
  font-size: 15px;
  margin-bottom: 10px;
}
.list-feed-element.publications-feed-element .feed-date .fa-flag,
.list-feed-element.events-feed-element .feed-date .fa-flag,
.list-feed-element.indicateurs-feed-element .feed-date .fa-flag {
  margin-left: 20px;
}
.list-feed-element.publications-feed-element .feed-content-container,
.list-feed-element.events-feed-element .feed-content-container,
.list-feed-element.indicateurs-feed-element .feed-content-container {
  display: inline-block;
  width: calc(100% - 110px);
  padding: 0;
  margin: 0;
  text-align: left;
}
.list-feed-element.publications-feed-element .feed-content-container h3,
.list-feed-element.events-feed-element .feed-content-container h3,
.list-feed-element.indicateurs-feed-element .feed-content-container h3 {
  text-transform: none;
}
.list-feed-element.publications-feed-element .feed-content-container .feed-cat,
.list-feed-element.events-feed-element .feed-content-container .feed-cat,
.list-feed-element.indicateurs-feed-element .feed-content-container .feed-cat {
  font-size: 13px;
  color: #777;
  text-transform: uppercase;
  font-family: "Lato";
  font-weight: 600;
  margin: 0;
}
.list-feed-element.publications-feed-element .feed-content-container h3,
.list-feed-element.events-feed-element .feed-content-container h3,
.list-feed-element.indicateurs-feed-element .feed-content-container h3 {
  margin-top: 5px;
  margin-bottom: 10px;
}
.list-feed-element.publications-feed-element .feed-content-container h3 a,
.list-feed-element.events-feed-element .feed-content-container h3 a,
.list-feed-element.indicateurs-feed-element .feed-content-container h3 a {
  font-family: inherit;
  font-weight: 600;
}
.list-feed-element.publications-feed-element .feed-content-container h3 span,
.list-feed-element.events-feed-element .feed-content-container h3 span,
.list-feed-element.indicateurs-feed-element .feed-content-container h3 span {
  font-weight: 900;
}
.list-feed-element.publications-feed-element .feed-content-container h4,
.list-feed-element.events-feed-element .feed-content-container h4,
.list-feed-element.indicateurs-feed-element .feed-content-container h4 {
  color: #888;
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 5px;
  font-family: "Lato";
  font-weight: 400;
  line-height: 20px;
}
.list-feed-element.publications-feed-element .feed-content-container p,
.list-feed-element.events-feed-element .feed-content-container p,
.list-feed-element.indicateurs-feed-element .feed-content-container p {
  margin-top: 0;
}
.list-feed-element.publications-feed-element i.fa,
.list-feed-element.publications-feed-element i.fab,
.list-feed-element.publications-feed-element i.fas,
.list-feed-element.publications-feed-element i.far,
.list-feed-element.events-feed-element i.fa,
.list-feed-element.events-feed-element i.fab,
.list-feed-element.events-feed-element i.fas,
.list-feed-element.events-feed-element i.far,
.list-feed-element.indicateurs-feed-element i.fa,
.list-feed-element.indicateurs-feed-element i.fab,
.list-feed-element.indicateurs-feed-element i.fas,
.list-feed-element.indicateurs-feed-element i.far {
  margin-right: 15px;
}
.list-feed-element.publications-feed-element .publications-list-tmats,
.list-feed-element.publications-feed-element .publications-externes-list-tmats,
.list-feed-element.publications-feed-element .events-list-themes,
.list-feed-element.publications-feed-element .indicateurs-list-themes,
.list-feed-element.events-feed-element .publications-list-tmats,
.list-feed-element.events-feed-element .publications-externes-list-tmats,
.list-feed-element.events-feed-element .events-list-themes,
.list-feed-element.events-feed-element .indicateurs-list-themes,
.list-feed-element.indicateurs-feed-element .publications-list-tmats,
.list-feed-element.indicateurs-feed-element .publications-externes-list-tmats,
.list-feed-element.indicateurs-feed-element .events-list-themes,
.list-feed-element.indicateurs-feed-element .indicateurs-list-themes {
  color: #888;
  margin-top: 0px;
  font-size: 13px;
}
.list-feed-element.publications-feed-element .va-child,
.list-feed-element.events-feed-element .va-child,
.list-feed-element.indicateurs-feed-element .va-child {
  width: 100px;
}

.feed-filter label {
  color: #999999;
  font-weight: 400;
  text-transform: uppercase;
}

.feed-img {
  width: 78px;
  margin-top: 16px;
}

.feed-summary {
  padding-left: 8px;
}

.summary .tag,
.event-summary .tag {
  margin-bottom: 0px;
  font-size: 15px;
  font-weight: 600;
  margin-top: 24px;
  display: block;
}

.summary .ibox,
.event-summary .ibox {
  border: none;
  border-left: 1px solid #e1e1e1;
}
.summary .ibox-content,
.event-summary .ibox-content {
  padding-left: 12px !important;
}
.summary .ibox-content img,
.event-summary .ibox-content img {
  width: 60px;
}
.summary .btn-site-web button,
.event-summary .btn-site-web button {
  background-color: #f8981d;
}
.summary .btn,
.event-summary .btn {
  font-size: 15px;
}
.summary .btn svg,
.event-summary .btn svg {
  vertical-align: middle;
}
.summary .publications-list-container,
.summary .publications-externes-list-container,
.summary .events-list-container,
.summary .indicateurs-list-container,
.event-summary .publications-list-container,
.event-summary .publications-externes-list-container,
.event-summary .events-list-container,
.event-summary .indicateurs-list-container {
  margin: 30px auto;
}

/*feed filter search box*/
.dropdown.dropdown-lg .dropdown-menu {
  margin-top: -1px;
  padding: 6px 20px;
}

.input-group-btn .btn-group {
  display: flex !important;
}

.btn-group .btn {
  border-radius: 0;
  margin-left: -1px;
}
.btn-group .btn:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type=submit] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

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

.form-group .form-control:last-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

@media screen and (min-width: 768px) {
  #adv-search {
    margin: 0 auto;
  }

  .dropdown.dropdown-lg {
    position: static !important;
  }
  .dropdown.dropdown-lg .dropdown-menu {
    min-width: 500px;
  }
}
/* Publications summary */
.title-line {
  width: 74px;
  height: 1px;
  margin-top: 20px;
  border-bottom: 1px solid #e1e1e1;
}

.summary p {
  /*text-align: justify;*/
  margin-top: 16px;
}
.summary .title {
  font-weight: normal;
}

.output {
  font-size: 16px !important;
}

.event .label {
  font-size: 18px;
  font-weight: 400;
}

.event-info {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: -1px;
}
.event-info .event-info-block {
  position: relative;
  padding: 10px;
  padding-top: 25px;
  padding-left: 35px;
}
.event-info .event-info-block .event-info-icon {
  position: absolute;
  top: 25px;
  left: -2px;
}
.event-info .event-info-block .event-info-icon i {
  margin: 0;
  font-size: 28px;
}
.event-info .event-info-block .event-info-loc {
  cursor: pointer;
}
.event-info .event-info-block .event-info-icon-2 {
  position: relative;
  top: 0px;
  left: -2px;
}
.event-info .event-info-block .event-info-icon-2 i {
  margin: 0;
  font-size: 28px;
}
.event-info h2,
.event-info h3,
.event-info h4 {
  font-weight: 400;
  color: #333;
  font-size: 17px;
}

.summary label,
.event-summary label {
  font-size: 15px;
  line-height: 24px;
  margin: 4px 0px 4px 0px;
  font-weight: normal;
}
.summary #map,
.event-summary #map {
  height: 700px;
}

.keywords {
  background: 0;
  color: #fff;
  border: 1px solid #eee;
  font-size: 13px !important;
  margin-top: 14px !important;
  padding: 2px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  line-height: 20px;
  border-radius: 20px;
}
.keywords i.fa-times {
  margin-left: 10px;
}
.keywords i.fa-times:hover {
  cursor: pointer;
}

/*Button*/
a.btn {
  text-transform: uppercase;
  font-weight: 900;
}

.btn {
  font-family: "lato";
  border-radius: 6px;
  padding: 6px 20px;
  height: 42px;
  font-size: 14px;
  outline: none !important;
  transition: background-color 200ms linear;
  line-height: 26px;
}
.btn a:hover {
  text-decoration: none;
}
.btn.full-width {
  width: 100%;
}
.btn.btn-red {
  opacity: 1;
  background-color: #8B2942;
  color: white;
  transition: opacity 0.4s;
}
.btn.btn-red:hover, .btn.btn-red:focus {
  opacity: 0.85;
}
.btn.btn-dark-red {
  background-color: #8C2340;
  color: white;
}
.btn.btn-dark-red:hover, .btn.btn-dark-red:focus {
  background-color: #5C000C;
}
.btn.btn-dark-gray {
  background-color: #303030;
  color: white;
}
.btn.btn-dark-gray:hover, .btn.btn-dark-gray:focus {
  background-color: #232323;
}
.btn.btn-orange {
  background-color: #FE9900;
  color: white;
}
.btn.btn-orange:hover, .btn.btn-orange:focus {
  background-color: #CE6900;
}
.btn.btn-transparent {
  background-color: rgba(0, 0, 0, 0);
  opacity: 0.8;
}
.btn.btn-transparent.btn-transparent-white {
  color: white;
  border: 1px solid white;
}
.btn.btn-transparent.btn-transparent-black {
  color: black !important;
  border: 1px solid black;
}
.btn.btn-transparent.btn-transparent-black a {
  color: black;
}
.btn.btn-transparent:hover, .btn.btn-transparent:focus {
  opacity: 1;
}
.btn.btn-white {
  background-color: #fff;
  opacity: 0.8;
  color: black;
  border: 1px solid black;
}
.btn.btn-white a {
  color: black;
}
.btn.btn-white:hover, .btn.btn-white:focus {
  opacity: 1;
}
.btn.btn-centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.btn.btn-uppercase {
  text-transform: uppercase;
  font-weight: 600;
}
.btn img {
  width: 28px;
  margin-right: 7px;
}

.btn-cirano {
  background-color: #8B2842;
  border-color: #710320;
  color: #EEEEEE;
}
.btn-cirano:hover, .btn-cirano:focus, .btn-cirano:active, .btn-cirano.active {
  background-color: #710320;
  border-color: #710320;
  color: #FFFFFF;
}

.open .dropdown-toggle.btn-cirano {
  background-color: #710320;
  border-color: #710320;
  color: #FFFFFF;
}

.btn-noborder {
  border: none;
}
.btn-noborder:hover, .btn-noborder:focus, .btn-noborder:active, .btn-noborder.active {
  border: none;
}

.btn-cirano-dashboard {
  white-space: normal;
}

.btn-toolbar {
  margin-bottom: 20px;
}

/*Footer*/
.footer {
  background: #232323;
  color: #ffffff;
}
.footer h3,
.footer h4 {
  color: #ddd;
  font-weight: 300;
  font-family: "Lato";
}
.footer h4 {
  font-size: 16px;
}
.footer button {
  width: 250px;
  display: inline;
}
.footer .newsletter {
  background: #8B2942;
}
.footer .newsletter .cirano-subscribe-form-container {
  background-color: #8B2942;
}
.footer .newsletter .cirano-subscribe-form-container input {
  border-color: #6B0922;
}
.footer .newsletter h3,
.footer .newsletter h4 {
  text-align: center;
  color: #ddd;
}
.footer .newsletter h3 {
  font-size: 24px;
  font-weight: 500;
}
.footer .newsletter button {
  text-transform: uppercase;
  border-radius: 6px;
}
.footer .newsletter #email.invalid {
  background-color: #efb6b6;
}
.footer .fa-ul > li {
  padding: 8px 0px 8px 0px;
}
.footer .fa-ul > li a {
  color: #ddd;
  font-weight: 400;
  font-size: 15px;
  font-family: "Lato";
}
.footer .fa-ul > li a:hover {
  color: #fff;
  cursor: pointer;
}
.footer p,
.footer label {
  color: #bbb;
  font-weight: 400;
  font-size: 15px;
  font-family: "Lato";
}
.footer .footer-links {
  margin-top: 60px;
  margin-bottom: 30px;
  text-align: center;
}
.footer .footer-links li {
  padding: 16px 0px;
}
.footer .footer-links a {
  color: #ddd;
}
.footer .footer-links a:hover {
  color: #fff;
  cursor: pointer;
}
.footer .footer-links .text-center {
  margin: 45px 0;
}
.footer .footer-links .text-center img {
  margin-left: 15px;
  vertical-align: bottom;
}
.footer .footer-links i.fa,
.footer .footer-links i.far,
.footer .footer-links i.fab,
.footer .footer-links i.fas {
  display: inline-block;
  margin: 10px 15px 10px 0px;
  font-size: 35px;
  line-height: 35px;
}

/* Hamburger*/
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 68px;
  height: 64px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}
.c-hamburger:focus {
  outline: none;
}
.c-hamburger span {
  display: block;
  position: absolute;
  top: 28px;
  left: 18px;
  right: 18px;
  height: 2px;
  background: #333;
  border-radius: 2px;
}
.c-hamburger span::before, .c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  content: "";
  border-radius: 2px;
}
.c-hamburger span::before {
  top: -10px;
}
.c-hamburger span::after {
  bottom: -10px;
}

.c-hamburger--htx {
  background-color: transparent;
}
.c-hamburger--htx span {
  transition: background 0s 0.3s;
}
.c-hamburger--htx span::before, .c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}
.c-hamburger--htx span::before {
  transition-property: top, transform;
}
.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}
.c-hamburger--htx.is-active {
  background-color: transparent;
}
.c-hamburger--htx.is-active span {
  background: none;
}
.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}
.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

.card-img-bottom {
  color: #fff;
  height: 375px;
  background: url(/images/events/event-img.jpg) center no-repeat;
  background-size: cover;
  border-bottom-left-radius: calc(.25rem - 1px);
  border-top-left-radius: calc(.25rem - 1px);
}

.ibox {
  margin-top: 20px;
  padding: 20px 15px;
}

/*Event*/
.event-img h2,
.event-img h3 {
  font-family: "Lato", sans-serif;
  font-color: #ffffff;
  font-weight: 300;
}

.event-info h2,
.event-info h3 {
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
}

.event-date {
  font-size: 22px;
  font-weight: bold;
  line-height: 0;
}

.event-tabs .nav-tabs a,
.event-tabs h3 {
  text-transform: none;
}

.event-tabs .nav-tabs li {
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e1e1e1;
}
.event-tabs .nav-tabs li a {
  border: none !important;
}

.events {
  position: relative;
  top: 0;
}
.events .feed-activity-list {
  margin-top: 10px;
}
.events .results-container .sorting-container {
  margin-top: 2em;
}
.events .results-container .col-lg-10 {
  border: 1px solid #e7eaec;
}
.events .results-container .events-filter {
  padding-bottom: 8px;
}
.events .results-container .events-filter ul {
  list-style-type: none;
}
.events .results-container .events-filter ul li {
  position: relative;
  margin: 0;
  margin-top: 15px;
  font-family: "Lato";
  font-weight: 400;
  cursor: pointer;
}
.events .results-container .events-filter ul li:first-of-type {
  margin-right: 25px;
}
.events .results-container .events-filter ul li:hover {
  outline: none;
}
.events .results-container .events-filter ul li .fa {
  display: none;
  position: absolute;
  top: 3px;
  left: -25px;
}
.events .results-container .events-filter li.checked .fa {
  display: inline-block;
}
.events .results-container .events-filters {
  padding: 0;
}
.events .results-container .events-filters .events-filter {
  margin-top: 20px;
  padding-left: 20px;
}
.events .results-container .events-filters .events-filter:not(:first-of-type) {
  border-top: 1px solid #e7eaec;
}
.events .results-container .events-filters .events-filter ul {
  list-style-type: none;
  padding-left: 0;
}
.events .results-container .events-filters .events-filter ul li {
  margin: 15px 0;
  font-family: "Lato";
  font-weight: 400;
  cursor: pointer;
}
.events .results-container .events-filters .events-filter ul li span {
  font-weight: 600;
}
.events .results-container .events-filters .events-filter ul li img {
  margin-right: 15px;
}
.events .results-container .events-filters .events-filter ul li a {
  color: black;
}
.events .results-container .events-content-container {
  padding-top: 180px;
}
.events .results-container .events-content-container .page-header {
  position: absolute;
  background-color: #303030;
  left: 0;
  top: 0;
  height: 180px;
  padding: 0;
  margin: 0;
}
.events .results-container .events-content-container .page-header h2 {
  color: white;
  font-weight: 500;
  margin-top: 70px;
  margin-left: 25px;
}

.list-container {
  margin-bottom: 20px;
}
.list-container .sorting-container .results-range {
  font-size: 15px;
}
.list-container .sorting-container .results-range .current-results-max {
  font-size: 110%;
  font-weight: 600;
}
.list-container .sorting-container form {
  text-align: right;
}
.list-container .sorting-container form .form-group {
  display: inline-block;
  vertical-align: top;
}
.list-container .sorting-container form .form-group button {
  border-radius: 4px !important;
  border-color: #e1e1e1;
  height: 40px;
  margin-top: -4px;
  padding: 5px 25px;
}
.list-container .sorting-container form .form-group button span {
  text-align: center;
  color: #333333;
  font-size: 15px;
}
.list-container .sorting-container form .form-group .fa,
.list-container .sorting-container form .form-group .far,
.list-container .sorting-container form .form-group .fab,
.list-container .sorting-container form .form-group .fas {
  opacity: 0.5;
  cursor: pointer;
}
.list-container .sorting-container form .form-group .fa:hover,
.list-container .sorting-container form .form-group .far:hover,
.list-container .sorting-container form .form-group .fab:hover,
.list-container .sorting-container form .form-group .fas:hover {
  opacity: 1;
}
.list-container .sorting-container form .form-group .fa.active,
.list-container .sorting-container form .form-group .far.active,
.list-container .sorting-container form .form-group .fab.active,
.list-container .sorting-container form .form-group .fas.active {
  opacity: 1;
}

.search-filters-container .input-keywords #keywords-search-btn {
  right: 0;
}

.publications,
.indicateurs,
.events {
  position: relative;
  top: 0;
}
.publications .cirano-hero .publications-filters-container,
.publications .cirano-hero .indicateurs-filters-container,
.publications .cirano-hero .events-filters-container,
.indicateurs .cirano-hero .publications-filters-container,
.indicateurs .cirano-hero .indicateurs-filters-container,
.indicateurs .cirano-hero .events-filters-container,
.events .cirano-hero .publications-filters-container,
.events .cirano-hero .indicateurs-filters-container,
.events .cirano-hero .events-filters-container {
  padding: 0 5%;
  width: 100%;
}
.publications .cirano-hero .publications-filters-container > .row,
.publications .cirano-hero .indicateurs-filters-container > .row,
.publications .cirano-hero .events-filters-container > .row,
.indicateurs .cirano-hero .publications-filters-container > .row,
.indicateurs .cirano-hero .indicateurs-filters-container > .row,
.indicateurs .cirano-hero .events-filters-container > .row,
.events .cirano-hero .publications-filters-container > .row,
.events .cirano-hero .indicateurs-filters-container > .row,
.events .cirano-hero .events-filters-container > .row {
  margin-top: 5px !important;
}
.publications .cirano-hero .publications-filters-container .publications-filters,
.publications .cirano-hero .publications-filters-container .indicateurs-filters,
.publications .cirano-hero .publications-filters-container .events-filters,
.publications .cirano-hero .indicateurs-filters-container .publications-filters,
.publications .cirano-hero .indicateurs-filters-container .indicateurs-filters,
.publications .cirano-hero .indicateurs-filters-container .events-filters,
.publications .cirano-hero .events-filters-container .publications-filters,
.publications .cirano-hero .events-filters-container .indicateurs-filters,
.publications .cirano-hero .events-filters-container .events-filters,
.indicateurs .cirano-hero .publications-filters-container .publications-filters,
.indicateurs .cirano-hero .publications-filters-container .indicateurs-filters,
.indicateurs .cirano-hero .publications-filters-container .events-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .publications-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .indicateurs-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .events-filters,
.indicateurs .cirano-hero .events-filters-container .publications-filters,
.indicateurs .cirano-hero .events-filters-container .indicateurs-filters,
.indicateurs .cirano-hero .events-filters-container .events-filters,
.events .cirano-hero .publications-filters-container .publications-filters,
.events .cirano-hero .publications-filters-container .indicateurs-filters,
.events .cirano-hero .publications-filters-container .events-filters,
.events .cirano-hero .indicateurs-filters-container .publications-filters,
.events .cirano-hero .indicateurs-filters-container .indicateurs-filters,
.events .cirano-hero .indicateurs-filters-container .events-filters,
.events .cirano-hero .events-filters-container .publications-filters,
.events .cirano-hero .events-filters-container .indicateurs-filters,
.events .cirano-hero .events-filters-container .events-filters {
  display: inline;
  transition: all 0.2s linear;
}
.publications .cirano-hero .publications-filters-container .expand-publications-filters,
.publications .cirano-hero .publications-filters-container .expand-indicateurs-filters,
.publications .cirano-hero .publications-filters-container .expand-events-filters,
.publications .cirano-hero .indicateurs-filters-container .expand-publications-filters,
.publications .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters,
.publications .cirano-hero .indicateurs-filters-container .expand-events-filters,
.publications .cirano-hero .events-filters-container .expand-publications-filters,
.publications .cirano-hero .events-filters-container .expand-indicateurs-filters,
.publications .cirano-hero .events-filters-container .expand-events-filters,
.indicateurs .cirano-hero .publications-filters-container .expand-publications-filters,
.indicateurs .cirano-hero .publications-filters-container .expand-indicateurs-filters,
.indicateurs .cirano-hero .publications-filters-container .expand-events-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-publications-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-events-filters,
.indicateurs .cirano-hero .events-filters-container .expand-publications-filters,
.indicateurs .cirano-hero .events-filters-container .expand-indicateurs-filters,
.indicateurs .cirano-hero .events-filters-container .expand-events-filters,
.events .cirano-hero .publications-filters-container .expand-publications-filters,
.events .cirano-hero .publications-filters-container .expand-indicateurs-filters,
.events .cirano-hero .publications-filters-container .expand-events-filters,
.events .cirano-hero .indicateurs-filters-container .expand-publications-filters,
.events .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters,
.events .cirano-hero .indicateurs-filters-container .expand-events-filters,
.events .cirano-hero .events-filters-container .expand-publications-filters,
.events .cirano-hero .events-filters-container .expand-indicateurs-filters,
.events .cirano-hero .events-filters-container .expand-events-filters {
  display: none;
}
.publications .cirano-hero .publications-filters-container .form-group,
.publications .cirano-hero .indicateurs-filters-container .form-group,
.publications .cirano-hero .events-filters-container .form-group,
.indicateurs .cirano-hero .publications-filters-container .form-group,
.indicateurs .cirano-hero .indicateurs-filters-container .form-group,
.indicateurs .cirano-hero .events-filters-container .form-group,
.events .cirano-hero .publications-filters-container .form-group,
.events .cirano-hero .indicateurs-filters-container .form-group,
.events .cirano-hero .events-filters-container .form-group {
  width: 16.5%;
}
.publications .cirano-hero .publications-filters-container #keywords-container #keywords-list,
.publications .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list,
.publications .cirano-hero .events-filters-container #keywords-container #keywords-list,
.indicateurs .cirano-hero .publications-filters-container #keywords-container #keywords-list,
.indicateurs .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list,
.indicateurs .cirano-hero .events-filters-container #keywords-container #keywords-list,
.events .cirano-hero .publications-filters-container #keywords-container #keywords-list,
.events .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list,
.events .cirano-hero .events-filters-container #keywords-container #keywords-list {
  max-height: 150px;
  overflow-y: auto;
  text-align: center;
  transition: all 0.2s linear;
}
.publications .cirano-hero .publications-filters-container #keywords-container #keywords-list.smaller,
.publications .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list.smaller,
.publications .cirano-hero .events-filters-container #keywords-container #keywords-list.smaller,
.indicateurs .cirano-hero .publications-filters-container #keywords-container #keywords-list.smaller,
.indicateurs .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list.smaller,
.indicateurs .cirano-hero .events-filters-container #keywords-container #keywords-list.smaller,
.events .cirano-hero .publications-filters-container #keywords-container #keywords-list.smaller,
.events .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list.smaller,
.events .cirano-hero .events-filters-container #keywords-container #keywords-list.smaller {
  max-height: 125px;
}
.publications .cirano-hero .publications-filters-container #keywords-container #keywords-list .keywords,
.publications .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list .keywords,
.publications .cirano-hero .events-filters-container #keywords-container #keywords-list .keywords,
.indicateurs .cirano-hero .publications-filters-container #keywords-container #keywords-list .keywords,
.indicateurs .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list .keywords,
.indicateurs .cirano-hero .events-filters-container #keywords-container #keywords-list .keywords,
.events .cirano-hero .publications-filters-container #keywords-container #keywords-list .keywords,
.events .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list .keywords,
.events .cirano-hero .events-filters-container #keywords-container #keywords-list .keywords {
  margin-right: 15px;
  display: inline-block;
}
.publications .cirano-hero .publications-filters-container #keywords-container #keywords-title-container,
.publications .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container,
.publications .cirano-hero .events-filters-container #keywords-container #keywords-title-container,
.indicateurs .cirano-hero .publications-filters-container #keywords-container #keywords-title-container,
.indicateurs .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container,
.indicateurs .cirano-hero .events-filters-container #keywords-container #keywords-title-container,
.events .cirano-hero .publications-filters-container #keywords-container #keywords-title-container,
.events .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container,
.events .cirano-hero .events-filters-container #keywords-container #keywords-title-container {
  text-align: center;
  margin-bottom: 15px;
}
.publications .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #keywords-title,
.publications .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #keywords-title,
.publications .cirano-hero .events-filters-container #keywords-container #keywords-title-container #keywords-title,
.indicateurs .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #keywords-title,
.indicateurs .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #keywords-title,
.indicateurs .cirano-hero .events-filters-container #keywords-container #keywords-title-container #keywords-title,
.events .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #keywords-title,
.events .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #keywords-title,
.events .cirano-hero .events-filters-container #keywords-container #keywords-title-container #keywords-title {
  padding: 6px;
  font-size: 18px;
  font-weight: 300;
}
.publications .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #filters-reset-btn,
.publications .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #filters-reset-btn,
.publications .cirano-hero .events-filters-container #keywords-container #keywords-title-container #filters-reset-btn,
.indicateurs .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #filters-reset-btn,
.indicateurs .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #filters-reset-btn,
.indicateurs .cirano-hero .events-filters-container #keywords-container #keywords-title-container #filters-reset-btn,
.events .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #filters-reset-btn,
.events .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #filters-reset-btn,
.events .cirano-hero .events-filters-container #keywords-container #keywords-title-container #filters-reset-btn {
  padding: 8px 5px;
  margin-left: 5px !important;
  font-size: 13px;
  font-weight: 300;
}
.publications .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #filters-reset-btn:hover,
.publications .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #filters-reset-btn:hover,
.publications .cirano-hero .events-filters-container #keywords-container #keywords-title-container #filters-reset-btn:hover,
.indicateurs .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #filters-reset-btn:hover,
.indicateurs .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #filters-reset-btn:hover,
.indicateurs .cirano-hero .events-filters-container #keywords-container #keywords-title-container #filters-reset-btn:hover,
.events .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #filters-reset-btn:hover,
.events .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #filters-reset-btn:hover,
.events .cirano-hero .events-filters-container #keywords-container #keywords-title-container #filters-reset-btn:hover {
  cursor: pointer;
}
.publications .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #filters-reset-btn i,
.publications .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #filters-reset-btn i,
.publications .cirano-hero .events-filters-container #keywords-container #keywords-title-container #filters-reset-btn i,
.indicateurs .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #filters-reset-btn i,
.indicateurs .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #filters-reset-btn i,
.indicateurs .cirano-hero .events-filters-container #keywords-container #keywords-title-container #filters-reset-btn i,
.events .cirano-hero .publications-filters-container #keywords-container #keywords-title-container #filters-reset-btn i,
.events .cirano-hero .indicateurs-filters-container #keywords-container #keywords-title-container #filters-reset-btn i,
.events .cirano-hero .events-filters-container #keywords-container #keywords-title-container #filters-reset-btn i {
  margin-right: 5px;
}
.publications #keywords-container,
.indicateurs #keywords-container,
.events #keywords-container {
  display: none;
}
.publications .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark,
.indicateurs .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark,
.events .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  margin-top: 11px;
}

@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.results-container {
  position: relative;
}
.results-container .pagination-container {
  text-align: right;
}
.results-container .loading-container {
  position: absolute;
  top: -10px;
  width: 100%;
  background-color: white;
  z-index: 10;
  opacity: 0;
  transition: opacity 0.5s linear;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 15px;
  height: 50px;
}
.results-container .loading-container .loader {
  display: inline-block;
  border: 10px solid #f3f3f3;
  /* Light grey */
  border-top: 10px solid #8B2842;
  /* Cirano red */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: loader-spin 2s linear infinite;
  vertical-align: middle;
  margin-right: 10px;
}
.results-container.loading .loading-container {
  display: block;
  opacity: 1;
}

.bootstrap-select.btn-group .dropdown-menu {
  max-width: 85vw;
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  padding: 8px 20px;
}

@media screen and (max-width: 767px) {
  .publications,
.indicateurs,
.events {
    height: auto;
  }
  .publications .cirano-hero .page-header,
.indicateurs .cirano-hero .page-header,
.events .cirano-hero .page-header {
    margin-top: 0;
  }
  .publications .cirano-hero .page-header h1,
.indicateurs .cirano-hero .page-header h1,
.events .cirano-hero .page-header h1 {
    font-size: 34px;
    padding-bottom: 10px;
  }
  .publications .cirano-hero .page-header h2,
.indicateurs .cirano-hero .page-header h2,
.events .cirano-hero .page-header h2 {
    font-size: 18px;
    padding: 0 10px;
  }
  .publications .cirano-hero .form-group,
.indicateurs .cirano-hero .form-group,
.events .cirano-hero .form-group {
    width: 100% !important;
    margin-bottom: 10px;
  }
  .publications .cirano-hero .publications-filters-container .publications-filters,
.publications .cirano-hero .publications-filters-container .events-filters,
.publications .cirano-hero .publications-filters-container .indicateurs-filters,
.publications .cirano-hero .indicateurs-filters-container .publications-filters,
.publications .cirano-hero .indicateurs-filters-container .events-filters,
.publications .cirano-hero .indicateurs-filters-container .indicateurs-filters,
.publications .cirano-hero .events-filters-container .publications-filters,
.publications .cirano-hero .events-filters-container .events-filters,
.publications .cirano-hero .events-filters-container .indicateurs-filters,
.indicateurs .cirano-hero .publications-filters-container .publications-filters,
.indicateurs .cirano-hero .publications-filters-container .events-filters,
.indicateurs .cirano-hero .publications-filters-container .indicateurs-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .publications-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .events-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .indicateurs-filters,
.indicateurs .cirano-hero .events-filters-container .publications-filters,
.indicateurs .cirano-hero .events-filters-container .events-filters,
.indicateurs .cirano-hero .events-filters-container .indicateurs-filters,
.events .cirano-hero .publications-filters-container .publications-filters,
.events .cirano-hero .publications-filters-container .events-filters,
.events .cirano-hero .publications-filters-container .indicateurs-filters,
.events .cirano-hero .indicateurs-filters-container .publications-filters,
.events .cirano-hero .indicateurs-filters-container .events-filters,
.events .cirano-hero .indicateurs-filters-container .indicateurs-filters,
.events .cirano-hero .events-filters-container .publications-filters,
.events .cirano-hero .events-filters-container .events-filters,
.events .cirano-hero .events-filters-container .indicateurs-filters {
    display: block;
    transition: all 0.2s linear;
    position: relative;
    opacity: 0;
    top: 10px;
    height: 0;
    overflow: hidden;
  }
  .publications .cirano-hero .publications-filters-container .publications-filters.active,
.publications .cirano-hero .publications-filters-container .events-filters.active,
.publications .cirano-hero .publications-filters-container .indicateurs-filters.active,
.publications .cirano-hero .indicateurs-filters-container .publications-filters.active,
.publications .cirano-hero .indicateurs-filters-container .events-filters.active,
.publications .cirano-hero .indicateurs-filters-container .indicateurs-filters.active,
.publications .cirano-hero .events-filters-container .publications-filters.active,
.publications .cirano-hero .events-filters-container .events-filters.active,
.publications .cirano-hero .events-filters-container .indicateurs-filters.active,
.indicateurs .cirano-hero .publications-filters-container .publications-filters.active,
.indicateurs .cirano-hero .publications-filters-container .events-filters.active,
.indicateurs .cirano-hero .publications-filters-container .indicateurs-filters.active,
.indicateurs .cirano-hero .indicateurs-filters-container .publications-filters.active,
.indicateurs .cirano-hero .indicateurs-filters-container .events-filters.active,
.indicateurs .cirano-hero .indicateurs-filters-container .indicateurs-filters.active,
.indicateurs .cirano-hero .events-filters-container .publications-filters.active,
.indicateurs .cirano-hero .events-filters-container .events-filters.active,
.indicateurs .cirano-hero .events-filters-container .indicateurs-filters.active,
.events .cirano-hero .publications-filters-container .publications-filters.active,
.events .cirano-hero .publications-filters-container .events-filters.active,
.events .cirano-hero .publications-filters-container .indicateurs-filters.active,
.events .cirano-hero .indicateurs-filters-container .publications-filters.active,
.events .cirano-hero .indicateurs-filters-container .events-filters.active,
.events .cirano-hero .indicateurs-filters-container .indicateurs-filters.active,
.events .cirano-hero .events-filters-container .publications-filters.active,
.events .cirano-hero .events-filters-container .events-filters.active,
.events .cirano-hero .events-filters-container .indicateurs-filters.active {
    height: 175px;
    overflow: visible;
    opacity: 1;
  }
  .publications .cirano-hero .publications-filters-container .publications-filters .p-l-sm,
.publications .cirano-hero .publications-filters-container .events-filters .p-l-sm,
.publications .cirano-hero .publications-filters-container .indicateurs-filters .p-l-sm,
.publications .cirano-hero .indicateurs-filters-container .publications-filters .p-l-sm,
.publications .cirano-hero .indicateurs-filters-container .events-filters .p-l-sm,
.publications .cirano-hero .indicateurs-filters-container .indicateurs-filters .p-l-sm,
.publications .cirano-hero .events-filters-container .publications-filters .p-l-sm,
.publications .cirano-hero .events-filters-container .events-filters .p-l-sm,
.publications .cirano-hero .events-filters-container .indicateurs-filters .p-l-sm,
.indicateurs .cirano-hero .publications-filters-container .publications-filters .p-l-sm,
.indicateurs .cirano-hero .publications-filters-container .events-filters .p-l-sm,
.indicateurs .cirano-hero .publications-filters-container .indicateurs-filters .p-l-sm,
.indicateurs .cirano-hero .indicateurs-filters-container .publications-filters .p-l-sm,
.indicateurs .cirano-hero .indicateurs-filters-container .events-filters .p-l-sm,
.indicateurs .cirano-hero .indicateurs-filters-container .indicateurs-filters .p-l-sm,
.indicateurs .cirano-hero .events-filters-container .publications-filters .p-l-sm,
.indicateurs .cirano-hero .events-filters-container .events-filters .p-l-sm,
.indicateurs .cirano-hero .events-filters-container .indicateurs-filters .p-l-sm,
.events .cirano-hero .publications-filters-container .publications-filters .p-l-sm,
.events .cirano-hero .publications-filters-container .events-filters .p-l-sm,
.events .cirano-hero .publications-filters-container .indicateurs-filters .p-l-sm,
.events .cirano-hero .indicateurs-filters-container .publications-filters .p-l-sm,
.events .cirano-hero .indicateurs-filters-container .events-filters .p-l-sm,
.events .cirano-hero .indicateurs-filters-container .indicateurs-filters .p-l-sm,
.events .cirano-hero .events-filters-container .publications-filters .p-l-sm,
.events .cirano-hero .events-filters-container .events-filters .p-l-sm,
.events .cirano-hero .events-filters-container .indicateurs-filters .p-l-sm {
    padding-left: 0 !important;
  }
  .publications .cirano-hero .publications-filters-container .expand-publications-filters,
.publications .cirano-hero .publications-filters-container .expand-events-filters,
.publications .cirano-hero .publications-filters-container .expand-indicateurs-filters,
.publications .cirano-hero .indicateurs-filters-container .expand-publications-filters,
.publications .cirano-hero .indicateurs-filters-container .expand-events-filters,
.publications .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters,
.publications .cirano-hero .events-filters-container .expand-publications-filters,
.publications .cirano-hero .events-filters-container .expand-events-filters,
.publications .cirano-hero .events-filters-container .expand-indicateurs-filters,
.indicateurs .cirano-hero .publications-filters-container .expand-publications-filters,
.indicateurs .cirano-hero .publications-filters-container .expand-events-filters,
.indicateurs .cirano-hero .publications-filters-container .expand-indicateurs-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-publications-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-events-filters,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters,
.indicateurs .cirano-hero .events-filters-container .expand-publications-filters,
.indicateurs .cirano-hero .events-filters-container .expand-events-filters,
.indicateurs .cirano-hero .events-filters-container .expand-indicateurs-filters,
.events .cirano-hero .publications-filters-container .expand-publications-filters,
.events .cirano-hero .publications-filters-container .expand-events-filters,
.events .cirano-hero .publications-filters-container .expand-indicateurs-filters,
.events .cirano-hero .indicateurs-filters-container .expand-publications-filters,
.events .cirano-hero .indicateurs-filters-container .expand-events-filters,
.events .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters,
.events .cirano-hero .events-filters-container .expand-publications-filters,
.events .cirano-hero .events-filters-container .expand-events-filters,
.events .cirano-hero .events-filters-container .expand-indicateurs-filters {
    display: block;
    font-size: 15px;
    cursor: pointer;
    padding: 7px;
    text-align: right;
  }
  .publications .cirano-hero .publications-filters-container .expand-publications-filters .fa-angle-right,
.publications .cirano-hero .publications-filters-container .expand-events-filters .fa-angle-right,
.publications .cirano-hero .publications-filters-container .expand-indicateurs-filters .fa-angle-right,
.publications .cirano-hero .indicateurs-filters-container .expand-publications-filters .fa-angle-right,
.publications .cirano-hero .indicateurs-filters-container .expand-events-filters .fa-angle-right,
.publications .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters .fa-angle-right,
.publications .cirano-hero .events-filters-container .expand-publications-filters .fa-angle-right,
.publications .cirano-hero .events-filters-container .expand-events-filters .fa-angle-right,
.publications .cirano-hero .events-filters-container .expand-indicateurs-filters .fa-angle-right,
.indicateurs .cirano-hero .publications-filters-container .expand-publications-filters .fa-angle-right,
.indicateurs .cirano-hero .publications-filters-container .expand-events-filters .fa-angle-right,
.indicateurs .cirano-hero .publications-filters-container .expand-indicateurs-filters .fa-angle-right,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-publications-filters .fa-angle-right,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-events-filters .fa-angle-right,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters .fa-angle-right,
.indicateurs .cirano-hero .events-filters-container .expand-publications-filters .fa-angle-right,
.indicateurs .cirano-hero .events-filters-container .expand-events-filters .fa-angle-right,
.indicateurs .cirano-hero .events-filters-container .expand-indicateurs-filters .fa-angle-right,
.events .cirano-hero .publications-filters-container .expand-publications-filters .fa-angle-right,
.events .cirano-hero .publications-filters-container .expand-events-filters .fa-angle-right,
.events .cirano-hero .publications-filters-container .expand-indicateurs-filters .fa-angle-right,
.events .cirano-hero .indicateurs-filters-container .expand-publications-filters .fa-angle-right,
.events .cirano-hero .indicateurs-filters-container .expand-events-filters .fa-angle-right,
.events .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters .fa-angle-right,
.events .cirano-hero .events-filters-container .expand-publications-filters .fa-angle-right,
.events .cirano-hero .events-filters-container .expand-events-filters .fa-angle-right,
.events .cirano-hero .events-filters-container .expand-indicateurs-filters .fa-angle-right {
    margin-right: 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    vertical-align: top;
    transition: transform 0.2s linear;
  }
  .publications .cirano-hero .publications-filters-container .expand-publications-filters.active .fa-angle-right,
.publications .cirano-hero .publications-filters-container .expand-events-filters.active .fa-angle-right,
.publications .cirano-hero .publications-filters-container .expand-indicateurs-filters.active .fa-angle-right,
.publications .cirano-hero .indicateurs-filters-container .expand-publications-filters.active .fa-angle-right,
.publications .cirano-hero .indicateurs-filters-container .expand-events-filters.active .fa-angle-right,
.publications .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters.active .fa-angle-right,
.publications .cirano-hero .events-filters-container .expand-publications-filters.active .fa-angle-right,
.publications .cirano-hero .events-filters-container .expand-events-filters.active .fa-angle-right,
.publications .cirano-hero .events-filters-container .expand-indicateurs-filters.active .fa-angle-right,
.indicateurs .cirano-hero .publications-filters-container .expand-publications-filters.active .fa-angle-right,
.indicateurs .cirano-hero .publications-filters-container .expand-events-filters.active .fa-angle-right,
.indicateurs .cirano-hero .publications-filters-container .expand-indicateurs-filters.active .fa-angle-right,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-publications-filters.active .fa-angle-right,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-events-filters.active .fa-angle-right,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters.active .fa-angle-right,
.indicateurs .cirano-hero .events-filters-container .expand-publications-filters.active .fa-angle-right,
.indicateurs .cirano-hero .events-filters-container .expand-events-filters.active .fa-angle-right,
.indicateurs .cirano-hero .events-filters-container .expand-indicateurs-filters.active .fa-angle-right,
.events .cirano-hero .publications-filters-container .expand-publications-filters.active .fa-angle-right,
.events .cirano-hero .publications-filters-container .expand-events-filters.active .fa-angle-right,
.events .cirano-hero .publications-filters-container .expand-indicateurs-filters.active .fa-angle-right,
.events .cirano-hero .indicateurs-filters-container .expand-publications-filters.active .fa-angle-right,
.events .cirano-hero .indicateurs-filters-container .expand-events-filters.active .fa-angle-right,
.events .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters.active .fa-angle-right,
.events .cirano-hero .events-filters-container .expand-publications-filters.active .fa-angle-right,
.events .cirano-hero .events-filters-container .expand-events-filters.active .fa-angle-right,
.events .cirano-hero .events-filters-container .expand-indicateurs-filters.active .fa-angle-right {
    transform: rotate(90deg);
  }
  .publications .cirano-hero .publications-filters-container .expand-publications-filters span,
.publications .cirano-hero .publications-filters-container .expand-events-filters span,
.publications .cirano-hero .publications-filters-container .expand-indicateurs-filters span,
.publications .cirano-hero .indicateurs-filters-container .expand-publications-filters span,
.publications .cirano-hero .indicateurs-filters-container .expand-events-filters span,
.publications .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters span,
.publications .cirano-hero .events-filters-container .expand-publications-filters span,
.publications .cirano-hero .events-filters-container .expand-events-filters span,
.publications .cirano-hero .events-filters-container .expand-indicateurs-filters span,
.indicateurs .cirano-hero .publications-filters-container .expand-publications-filters span,
.indicateurs .cirano-hero .publications-filters-container .expand-events-filters span,
.indicateurs .cirano-hero .publications-filters-container .expand-indicateurs-filters span,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-publications-filters span,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-events-filters span,
.indicateurs .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters span,
.indicateurs .cirano-hero .events-filters-container .expand-publications-filters span,
.indicateurs .cirano-hero .events-filters-container .expand-events-filters span,
.indicateurs .cirano-hero .events-filters-container .expand-indicateurs-filters span,
.events .cirano-hero .publications-filters-container .expand-publications-filters span,
.events .cirano-hero .publications-filters-container .expand-events-filters span,
.events .cirano-hero .publications-filters-container .expand-indicateurs-filters span,
.events .cirano-hero .indicateurs-filters-container .expand-publications-filters span,
.events .cirano-hero .indicateurs-filters-container .expand-events-filters span,
.events .cirano-hero .indicateurs-filters-container .expand-indicateurs-filters span,
.events .cirano-hero .events-filters-container .expand-publications-filters span,
.events .cirano-hero .events-filters-container .expand-events-filters span,
.events .cirano-hero .events-filters-container .expand-indicateurs-filters span {
    padding: 10px;
  }
  .publications .cirano-hero .publications-filters-container #keywords-container #keywords-list,
.publications .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list,
.publications .cirano-hero .events-filters-container #keywords-container #keywords-list,
.indicateurs .cirano-hero .publications-filters-container #keywords-container #keywords-list,
.indicateurs .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list,
.indicateurs .cirano-hero .events-filters-container #keywords-container #keywords-list,
.events .cirano-hero .publications-filters-container #keywords-container #keywords-list,
.events .cirano-hero .indicateurs-filters-container #keywords-container #keywords-list,
.events .cirano-hero .events-filters-container #keywords-container #keywords-list {
    max-height: 300px;
  }
}
.centering-container {
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  /* IE */
  -moz-transform: translateY(-50%);
  /* Firefox */
  -webkit-transform: translateY(-50%);
  /* Safari and Chrome */
  -o-transform: translateY(-50%);
}

.feed-element td {
  padding-left: 40px !important;
}

.jumbotron.cirano-red {
  color: #ccc;
  background-color: #700622;
  padding: 10px 30px;
}
.jumbotron.cirano-red h2 {
  margin-top: 10px;
  color: #fff;
}

.va-parent {
  display: table !important;
}
.va-parent .va-child {
  display: table-cell !important;
  vertical-align: middle !important;
}

/*Breadcrumb*/
.breadcrumb {
  font-family: "Lato";
  font-weight: 400;
  background-color: transparent !important;
  margin-top: 15px;
  line-height: 28px;
}
.breadcrumb > li + li:before {
  content: ">";
  font-family: "Lato";
  font-weight: 600;
}
.breadcrumb > li:last-of-type {
  font-weight: 600;
}

/* Events page */
.events-main-container .col-lg-10 {
  border: 1px solid #e7eaec;
}
.events-main-container .events-filters {
  padding: 0;
}
.events-main-container .events-filters .events-filter {
  margin-top: 20px;
  padding-left: 20px;
}
.events-main-container .events-filters .events-filter:not(:first-of-type) {
  border-top: 1px solid #e7eaec;
}
.events-main-container .events-filters .events-filter h4 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 15px;
}
.events-main-container .events-filters .events-filter ul {
  list-style-type: none;
  padding-left: 0;
}
.events-main-container .events-filters .events-filter ul li {
  margin: 15px 0;
  font-family: "Lato";
  font-weight: 400;
  cursor: pointer;
}
.events-main-container .events-filters .events-filter ul li span {
  font-weight: 600;
}
.events-main-container .events-filters .events-filter ul li img {
  margin-right: 15px;
}
.events-main-container .events-filters .events-filter ul li a {
  color: black;
}
.events-main-container .events-content-container {
  padding-top: 180px;
}
.events-main-container .events-content-container .page-header {
  position: absolute;
  background-color: #303030;
  left: 0;
  top: 0;
  height: 180px;
  padding: 0;
  margin: 0;
}
.events-main-container .events-content-container .page-header h2 {
  color: white;
  font-weight: 500;
  margin-top: 70px;
  margin-left: 25px;
}
.events-main-container .nav {
  margin: 20px 0 25px 10px;
}
.events-main-container .nav li:first-of-type {
  margin-right: 25px;
}
.events-main-container .nav li:hover {
  outline: none;
}
.events-main-container .nav li a {
  font-size: 20px;
  padding: 10px 10px 5px 0;
  border: 0;
}
.events-main-container .nav li a:hover {
  outline: none;
  border: 0;
}

.feed-element.events-feed-element,
.feed-element.news-feed-element {
  padding: 10px 0;
  margin-bottom: 15px;
  border: 0;
  opacity: 1;
  transition: all 0.25s ease-in-out;
}
.feed-element.events-feed-element:hover,
.feed-element.news-feed-element:hover {
  opacity: 0.8;
}
.feed-element.events-feed-element *:not(.fa),
.feed-element.events-feed-element *:not(.fab),
.feed-element.events-feed-element *:not(.far),
.feed-element.events-feed-element *:not(.fas),
.feed-element.news-feed-element *:not(.fa),
.feed-element.news-feed-element *:not(.fab),
.feed-element.news-feed-element *:not(.far),
.feed-element.news-feed-element *:not(.fas) {
  color: #303030;
  font-weight: 400;
}
.feed-element.events-feed-element .event-date,
.feed-element.news-feed-element .event-date {
  margin-bottom: 10px;
  margin-top: 15px;
  text-transform: uppercase;
  display: inline-block;
}
.feed-element.events-feed-element .event-date img.default-img,
.feed-element.news-feed-element .event-date img.default-img {
  margin-top: 10px !important;
}
.feed-element.events-feed-element .event-date h1,
.feed-element.news-feed-element .event-date h1 {
  font-weight: 900;
  margin: 0;
  line-height: 30px;
}
.feed-element.events-feed-element .event-date h3,
.feed-element.news-feed-element .event-date h3 {
  font-family: "Lato";
  line-height: 30px;
  margin: 0;
}
.feed-element.events-feed-element .event-date .time h3,
.feed-element.news-feed-element .event-date .time h3 {
  line-height: 26px;
  font-size: 16px;
}
.feed-element.events-feed-element .event-img,
.feed-element.news-feed-element .event-img {
  text-align: center;
}
.feed-element.events-feed-element .event-img img,
.feed-element.news-feed-element .event-img img {
  width: 85%;
}
.feed-element.events-feed-element .event-img img.default-img,
.feed-element.news-feed-element .event-img img.default-img {
  width: 50%;
  margin: 0 auto;
  display: block;
}
.feed-element.events-feed-element .event-txt h3,
.feed-element.news-feed-element .event-txt h3 {
  display: inline-block;
  font-size: 13px;
  color: #777;
  text-transform: uppercase;
  font-family: "Lato";
  font-weight: 600;
  margin: 0;
}
.feed-element.events-feed-element .event-txt h3 i.fa,
.feed-element.events-feed-element .event-txt h3 i.far,
.feed-element.events-feed-element .event-txt h3 i.fab,
.feed-element.events-feed-element .event-txt h3 i.fas,
.feed-element.news-feed-element .event-txt h3 i.fa,
.feed-element.news-feed-element .event-txt h3 i.far,
.feed-element.news-feed-element .event-txt h3 i.fab,
.feed-element.news-feed-element .event-txt h3 i.fas {
  display: inline-block;
  margin-right: 10px;
}
.feed-element.events-feed-element .event-txt h2,
.feed-element.news-feed-element .event-txt h2 {
  margin-top: 0;
  line-height: 22px;
}
.feed-element.events-feed-element .event-txt h2 a,
.feed-element.news-feed-element .event-txt h2 a {
  font-size: 16.5px;
  font-weight: 600;
}
.feed-element.events-feed-element .event-txt h4,
.feed-element.news-feed-element .event-txt h4 {
  font-family: "Lato";
  font-size: 14px;
  font-weight: 400;
  color: #8B2942;
}
.feed-element.events-feed-element .event-txt h4 b,
.feed-element.news-feed-element .event-txt h4 b {
  font-weight: 600;
  color: #8B2942;
}
.feed-element.events-feed-element .event-name,
.feed-element.news-feed-element .event-name {
  margin-bottom: 10px;
  margin-top: 10px;
  display: inline-block;
  vertical-align: top;
}
.feed-element.events-feed-element .event-name h3,
.feed-element.news-feed-element .event-name h3 {
  margin-top: 8px;
  text-transform: none;
  padding: 0;
}
.feed-element.events-feed-element .event-name h3 a,
.feed-element.news-feed-element .event-name h3 a {
  font-weight: 600;
  font-size: 18px;
}
.feed-element.events-feed-element .event-name .marker,
.feed-element.news-feed-element .event-name .marker {
  padding-top: 2px;
  font-size: 18px;
}
.feed-element.events-feed-element .event-name .marker .fa-map-marker,
.feed-element.news-feed-element .event-name .marker .fa-map-marker {
  color: #cd003a;
  font-size: 35px;
  vertical-align: middle;
}

.home-content-container.extra-section {
  height: 80px;
  width: 100%;
  background-color: #fff;
}
.home-content-container.mission, .home-content-container.news {
  position: relative;
  background-color: #f3f3f3;
  z-index: 10;
  padding-bottom: 65px;
}
.home-content-container.mission .container .row .home-title-container, .home-content-container.news .container .row .home-title-container {
  border-bottom: 1px solid #ddd;
  text-align: center;
  height: 45px;
  overflow: visible;
  margin-bottom: 65px;
}
.home-content-container.mission .container .row .home-title-container h1, .home-content-container.news .container .row .home-title-container h1 {
  display: inline-block;
  background-color: #f3f3f3;
  padding: 0 25px;
}
.home-content-container.mission .container .row p, .home-content-container.news .container .row p {
  padding: 0 8%;
  line-height: 30px;
  font-size: 18px;
  text-align: center;
}
.home-content-container.mission {
  padding-top: 40px;
}
.home-content-container.mission::after {
  content: "";
  position: absolute;
  left: 45vw;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 5vw solid transparent;
  border-right: 5vw solid transparent;
  border-top: 3vw solid #f3f3f3;
  clear: both;
}
.home-content-container.upcoming-events {
  background-color: #fff;
  padding-top: 60px;
}
.home-content-container.upcoming-events h1 {
  font-size: 32px;
  margin-bottom: 15px;
}
.home-content-container.upcoming-events p {
  margin-top: 25px;
}
.home-content-container.upcoming-events .upcoming-event-container > h3 {
  font-size: 14px;
  text-transform: uppercase;
  color: #777;
  font-family: "Lato", sans serif;
  margin-bottom: 0;
}
.home-content-container.upcoming-events .upcoming-event-container .events-feed-element {
  margin-bottom: 0px;
  padding: 10px 15px;
}
.home-content-container.upcoming-events .upcoming-event-container .events-feed-element .row {
  padding-left: 10px !important;
}
.home-content-container.upcoming-events .news-feed-element {
  margin-bottom: 0px;
  padding: 10px 15px;
}
.home-content-container.upcoming-events .news-feed-element h3 {
  display: inline-block;
  font-size: 13px;
  color: #777;
  text-transform: uppercase;
  font-family: "Lato";
  font-weight: 600;
  margin: 0;
}
.home-content-container.upcoming-events .news-feed-element h2 {
  margin-top: 0;
  line-height: 22px;
}
.home-content-container.upcoming-events .news-feed-element h2 a {
  font-size: 16px;
  font-weight: 600;
  color: #1A1A1A;
}
.home-content-container.upcoming-events .home-emphasis-container {
  padding: 30px 40px;
  background: #1A1A1A;
  background-size: cover;
}
.home-content-container.upcoming-events .home-emphasis-container h1 {
  color: white;
  font-size: 20px;
  margin-top: 0;
  margin-bottom: 20px;
  white-space: nowrap;
}
.home-content-container.upcoming-events .home-emphasis-container h1 img {
  width: 35px;
  margin-top: -5px;
  margin-left: 5px;
}
.home-content-container.upcoming-events .home-emphasis-container a {
  color: white;
}
.home-content-container.upcoming-events .home-emphasis-container a p {
  font-size: 16px;
  padding: 2px 0;
  margin-top: 0;
}
.home-content-container.upcoming-events .home-emphasis-container a p img {
  width: 40px;
  margin-right: 15px;
}
.home-content-container.upcoming-events .home-emphasis-container a .fa,
.home-content-container.upcoming-events .home-emphasis-container a .far,
.home-content-container.upcoming-events .home-emphasis-container a .fab,
.home-content-container.upcoming-events .home-emphasis-container a .fas {
  background: #fff;
  color: #1A1A1A;
  font-size: 22px;
  border-radius: 17px;
  height: 33px;
  width: 33px;
  margin-right: 15px;
  vertical-align: middle;
}
.home-content-container.upcoming-events .home-emphasis-container a .fa.fa-twitter,
.home-content-container.upcoming-events .home-emphasis-container a .far.fa-twitter,
.home-content-container.upcoming-events .home-emphasis-container a .fab.fa-twitter,
.home-content-container.upcoming-events .home-emphasis-container a .fas.fa-twitter {
  padding: 6px 7px;
}
.home-content-container.upcoming-events .home-emphasis-container a .fa.fa-linkedin-in,
.home-content-container.upcoming-events .home-emphasis-container a .far.fa-linkedin-in,
.home-content-container.upcoming-events .home-emphasis-container a .fab.fa-linkedin-in,
.home-content-container.upcoming-events .home-emphasis-container a .fas.fa-linkedin-in {
  padding: 5px 8px;
}
.home-content-container.upcoming-events .home-emphasis-container a .fa.fa-youtube,
.home-content-container.upcoming-events .home-emphasis-container a .far.fa-youtube,
.home-content-container.upcoming-events .home-emphasis-container a .fab.fa-youtube,
.home-content-container.upcoming-events .home-emphasis-container a .fas.fa-youtube {
  padding: 6px 5px;
}
.home-content-container.latest-publications {
  background-color: #EBEBEB;
  padding-top: 50px;
  padding-bottom: 0;
  margin-top: 60px;
}
.home-content-container.latest-publications h1 {
  font-size: 32px;
  margin-bottom: 40px;
}
.home-content-container hr {
  margin-bottom: 5px;
}

.latest-publication-container {
  padding-bottom: 60px;
}
.latest-publication-container .latest-publication-background {
  margin-bottom: 20px;
  position: relative;
  border-radius: 6px;
}
.latest-publication-container .latest-publication-background img {
  background-color: white;
  width: 100%;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.4);
}
.latest-publication-container .latest-publications-content .latest-publications-date {
  display: block;
  font-size: 13px;
  color: #777;
  text-transform: uppercase;
  font-weight: 600;
}
.latest-publication-container .latest-publications-content .latest-publications-title {
  font-size: 26px;
  line-height: 36px;
  font-weight: 900;
  margin-top: 10px;
}
.latest-publication-container .latest-publications-content .latest-publications-authors {
  font-size: 0.9em;
  line-height: 1.5em;
  letter-spacing: 0.1px;
  color: #888;
  margin-bottom: 15px;
}
.latest-publication-container .latest-publications-content .latest-publications-read-more {
  display: block;
  text-transform: uppercase;
  text-align: center;
  margin-top: 30px;
  font-size: 15px;
  color: white;
  font-weight: 600;
  cursor: pointer;
}

.latest-publications-tabs {
  margin-bottom: 15px;
}
.latest-publications-tabs .latest-publications-tab {
  display: inline-block;
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 16px;
  color: #666;
  cursor: pointer;
}
.latest-publications-tabs .latest-publications-tab:not(:first-of-type) {
  margin-left: 15px;
}
.latest-publications-tabs .latest-publications-tab a {
  padding-top: 0;
}
.latest-publications-tabs .latest-publications-tab a:hover {
  border: 0;
}

.publications-feed-element,
.indicateurs-feed-element,
.events-feed-element {
  padding: 15px 0;
  height: auto;
}
.publications-feed-element .feed-content-container h3,
.indicateurs-feed-element .feed-content-container h3,
.events-feed-element .feed-content-container h3 {
  line-height: 22px;
  font-size: 16px;
  font-weight: 700;
}
.publications-feed-element .feed-content-container h3 a,
.indicateurs-feed-element .feed-content-container h3 a,
.events-feed-element .feed-content-container h3 a {
  font-size: 17px;
  color: #333;
}
.publications-feed-element .feed-content-container h3 a:hover,
.indicateurs-feed-element .feed-content-container h3 a:hover,
.events-feed-element .feed-content-container h3 a:hover {
  color: #333;
  text-decoration: none;
}
.publications-feed-element .feed-badge-container .feed-badge,
.indicateurs-feed-element .feed-badge-container .feed-badge,
.events-feed-element .feed-badge-container .feed-badge {
  font-size: 19px;
  padding: 7px 5px;
}

.cirano-red-arrow-link {
  margin-top: 20px;
  display: block;
  text-align: right;
}
.cirano-red-arrow-link a {
  text-transform: uppercase;
  font-size: 14px;
}

.home-banner-container {
  position: relative;
  height: 550px;
  overflow: visible;
  z-index: 15;
  background-color: #242424;
  margin: 0 auto;
}
.home-banner-container .slideshow-container {
  position: relative;
  display: block;
  height: 100%;
  text-align: right;
  border-right: 1px solid white;
  overflow: hidden;
  box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.35);
  z-index: 1000;
}
.home-banner-container .slideshow-container .slick-dotted {
  margin-bottom: 0;
}
.home-banner-container .slideshow-container .slide-text {
  position: absolute;
  bottom: 65px;
  left: 18%;
  width: 64%;
  text-align: left;
  display: block;
  padding: 0 25px;
  max-width: 1000px;
  z-index: 100;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}
.home-banner-container .slideshow-container .slide-text a:hover {
  text-decoration: none;
  color: white;
}
@media screen and (max-width: 1199px) {
  .home-banner-container .slideshow-container .slide-text {
    left: 10%;
    width: 80%;
  }
}
@media screen and (max-width: 991px) {
  .home-banner-container .slideshow-container .slide-text {
    bottom: 45px;
  }
}
@media screen and (max-width: 767px) {
  .home-banner-container .slideshow-container .slide-text {
    left: 5%;
    width: 90%;
    bottom: 20px;
  }
}
.home-banner-container .slideshow-container .slide-text h1 {
  margin: 0 0 25px 0;
  text-align: left;
  line-height: 24px;
  color: #fff;
  font-size: 20px;
  letter-spacing: -1px;
  font-family: "Lato";
  font-weight: 400;
}
@media screen and (max-width: 991px) {
  .home-banner-container .slideshow-container .slide-text h1 {
    font-size: 17px;
    line-height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .home-banner-container .slideshow-container .slide-text h1 {
    font-size: 15px;
    line-height: 16px;
  }
}
.home-banner-container .slideshow-container .slide-text .tagline-container {
  border-left: 2px solid white;
  padding-left: 10px;
}
.home-banner-container .slideshow-container .slide-text .tagline-container strong {
  font-weight: 600;
  font-size: 30px;
  line-height: 40px;
}
@media screen and (max-width: 991px) {
  .home-banner-container .slideshow-container .slide-text .tagline-container strong {
    font-size: 24px;
    line-height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .home-banner-container .slideshow-container .slide-text .tagline-container strong {
    font-size: 18px;
    line-height: 28px;
  }
}
.home-banner-container .slideshow-container .slide-text .tagline-container p {
  color: #fff;
  font-size: 22px;
  font-family: "Lato";
  font-weight: 100;
  line-height: 24px;
}
@media screen and (max-width: 991px) {
  .home-banner-container .slideshow-container .slide-text .tagline-container p {
    font-size: 17px;
    line-height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .home-banner-container .slideshow-container .slide-text .tagline-container p {
    font-size: 13px;
    line-height: 16px;
  }
}
.home-banner-container .slideshow-container .slideshow {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 50;
}
.home-banner-container .slideshow-container .slideshow .slick-dots {
  bottom: 15px;
}
@media screen and (max-width: 991px) {
  .home-banner-container .slideshow-container .slideshow .slick-dots {
    bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .home-banner-container .slideshow-container .slideshow .slick-dots {
    bottom: 5px;
  }
}
.home-banner-container .slideshow-container .slideshow .slick-dots li button:before {
  color: #fff;
  font-size: 10px;
}
.home-banner-container .slideshow-container .slideshow .slick-arrow {
  z-index: 150;
}
.home-banner-container .slideshow-container .slideshow .slick-next {
  right: 15px;
}
.home-banner-container .slideshow-container .slideshow .slick-prev {
  left: 15px;
}
.home-banner-container .slideshow-container .slideshow .slick-list {
  height: 100%;
}
.home-banner-container .slideshow-container .slideshow .slick-list .slick-track {
  height: 100%;
}
.home-banner-container .slideshow-container .slideshow .slideshow-slide {
  position: relative;
  outline: none;
  height: 100%;
  overflow: hidden;
  -webkit-transition: max-width 0.5s ease-out;
  -moz-transition: max-width 0.5s ease-out;
  -ms-transition: max-width 0.5s ease-out;
  -o-transition: max-width 0.5s ease-out;
  transition: max-width 0.5s ease-out;
}
.home-banner-container .slideshow-container .slideshow .slideshow-slide img {
  width: 100%;
  -webkit-transition: margin-top 0.5s ease-out;
  -moz-transition: margin-top 0.5s ease-out;
  -ms-transition: margin-top 0.5s ease-out;
  -o-transition: margin-top 0.5s ease-out;
  transition: margin-top 0.5s ease-out;
}
.home-banner-container .slideshow-container .slideshow .slideshow-slide .slide-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-position: center;
  background-size: cover;
}
.home-banner-container .slideshow-container .slideshow .slideshow-slide .slide-img-overlay {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 75%;
  z-index: 50;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.75) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.75) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0);
}
@media screen and (max-width: 991px) {
  .home-banner-container .slideshow-container .slideshow .slideshow-slide .slide-img-overlay {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.75) 95%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.75) 95%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.75) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0);
  }
}
@media screen and (max-width: 767px) {
  .home-banner-container .slideshow-container .slideshow .slideshow-slide .slide-img-overlay {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 90%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 90%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a6000000", endColorstr="#00000000", GradientType=0);
  }
}
.home-banner-container .highlights-container {
  position: relative;
  display: block;
  height: 100%;
  padding: 0;
  background-color: #fff;
  z-index: 100;
  box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.35);
}
.home-banner-container .highlights-container .slideshow-content {
  position: relative;
  height: 100%;
  background-color: #ebebeb;
}
.home-banner-container .highlights-container .slideshow-content .slick-list {
  height: 100%;
}
.home-banner-container .highlights-container .slideshow-content .slick-list .slick-track {
  height: 100%;
}
.home-banner-container .highlights-container .slideshow-content .highlights-feed-container {
  outline: none !important;
  height: 100%;
  opacity: 0;
}
.home-banner-container .highlights-container .slideshow-content .highlights-feed-container h3 {
  font-size: 22px;
  font-weight: 900;
  color: #333;
}
.home-banner-container .highlights-container .slideshow-content .highlights-feed-container .highlights-content {
  height: calc(100% - 100px);
  padding: 3em;
  display: flex;
  align-items: center;
}
.home-banner-container .highlights-container .slideshow-content .highlights-feed-container p {
  font-size: 15px;
  line-height: 25px;
  display: block;
}
.home-banner-container .highlights-container .slideshow-content .highlights-feed-container .highlights-read-more {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 150;
  background-color: #232323;
  width: 100%;
  text-align: right;
  height: 100px;
  box-shadow: 0px 0px 13px 1px rgba(0, 0, 0, 0.35);
}
.home-banner-container .highlights-container .slideshow-content .highlights-feed-container .highlights-read-more:hover {
  background-color: #131313;
}
.home-banner-container .highlights-container .slideshow-content .highlights-feed-container .highlights-read-more div {
  font-weight: 900;
  font-size: 17px;
  color: #fff;
  padding: 35px 20px;
}
.home-banner-container .highlights-container .slideshow-content .highlights-feed-container .highlights-read-more a {
  transition: text-shadow 0.3s;
}
.home-banner-container .highlights-container .slideshow-content .highlights-feed-container .highlights-read-more a:hover {
  text-decoration: none;
  text-shadow: 0px 0px 3px #fff;
}
@media screen and (max-width: 991px) {
  .home-banner-container .highlights-container {
    height: 175px;
    border-top: 1px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  .home-banner-container .highlights-container {
    height: 150px;
  }
}

.publications-externes-list .list-feed-element .feed-badge-container {
  width: 90px;
  margin-top: 0;
}
.publications-externes-list .list-feed-element .feed-badge-container .feed-category-name {
  display: block;
  margin-bottom: 5px;
  line-height: 14px;
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 900;
  color: #999;
}
.publications-externes-list .list-feed-element .feed-content-container {
  width: calc(100% - 135px);
}

.summary-publications-list {
  margin-top: 20px;
}
.summary-publications-list h2 {
  text-align: center;
  margin-bottom: 40px;
}
.summary-publications-list .summary-publications-sorting {
  margin-bottom: 30px;
}
.summary-publications-list .summary-publications-sorting .results-range {
  font-size: 15px;
}
.summary-publications-list .summary-publications-sorting #list-display,
.summary-publications-list .summary-publications-sorting #block-display {
  opacity: 0.75;
  cursor: pointer;
}
.summary-publications-list .summary-publications-sorting #list-display:hover,
.summary-publications-list .summary-publications-sorting #block-display:hover {
  opacity: 1;
}

.summary-container.bottin {
  margin-top: 20px;
}
.summary-container .summary-buttons-container {
  margin-bottom: 50px;
}
.summary-container .summary-buttons-container .bottin-summary-image-container {
  overflow: visible;
  margin-bottom: 20px;
  max-width: 250px;
  margin: 10px auto 30px auto;
}
.summary-container .summary-buttons-container .bottin-summary-image-container img {
  width: 100%;
  border: 0;
  border-radius: 50%;
}
.summary-container .summary-buttons-container .bottin-summary-image-container i {
  color: #8B2942;
  font-size: 260px;
}
.summary-container .summary-buttons-container dd {
  margin-bottom: 10px;
  color: #333;
}
.summary-container .summary-buttons-container dd a {
  color: #333;
  font-weight: 600;
  word-break: break-all;
  white-space: normal;
}
.summary-container .summary-buttons-container dd a i {
  margin-left: 0;
}
.summary-container .summary-buttons-container form .btn {
  width: 100%;
  height: 45px;
}
.summary-container .summary-buttons-container form .btn img {
  height: 30px;
  margin-right: 10px;
}
.summary-container .summary-buttons-container .m-t-lg {
  margin-top: 10px !important;
}
.summary-container .summary-buttons-container .social-media-icons-container {
  margin-top: 20px !important;
}
.summary-container .summary-buttons-container .social-media-icons-container span {
  cursor: pointer;
  opacity: 0.8;
}
.summary-container .summary-buttons-container .social-media-icons-container span:hover {
  opacity: 1;
}
.summary-container .summary-buttons-container .social-media-icons-container span.fa-stack {
  font-size: 1.66666em;
}
.summary-container .summary-buttons-container .social-media-icons-container span.fa-stack-2x {
  font-size: 2.1em;
}
.summary-container .summary-buttons-container .social-media-icons-container span.fa-envelope-o {
  margin-top: -2px;
}
.summary-container .summary-buttons-container .social-media-icons-container a {
  color: #333;
}
.summary-container .summary-buttons-container .btn {
  width: 100%;
  color: white;
  margin: 10px 0;
  text-transform: uppercase;
  font-weight: 600;
  max-width: 400px;
  display: block;
  font-size: 1em;
  padding: 6px 10px;
}
.summary-container .summary-buttons-container .btn i.fa,
.summary-container .summary-buttons-container .btn i.far,
.summary-container .summary-buttons-container .btn i.fab,
.summary-container .summary-buttons-container .btn i.fas {
  font-size: 25px;
  vertical-align: top;
  margin-right: 10px;
  margin-left: 0;
}
.summary-container .summary-buttons-container small {
  font-size: 0.8em;
}
.summary-container .summary-content-container h1 {
  font-size: 36px;
  margin-bottom: 30px;
}
.summary-container .summary-content-container h2 {
  font-size: 26px;
  margin-bottom: 20px;
}
.summary-container .summary-content-container hr {
  width: 15%;
  display: inline-block;
  margin: 0;
}
.summary-container .summary-content-container small {
  font-size: 0.8em;
}
.summary-container .summary-details-container dt {
  margin-top: 25px;
  margin-bottom: 10px;
}

.strong {
  font-weight: 600 !important;
}

#metho .apropos-content-wrapper .apropos-section .apropos-project-type-container {
  margin-bottom: 40px;
  padding-left: 1%;
  padding-right: 1%;
}

.apropos > .container > .row > .col-sm-9 {
  border-left: 1px solid #ddd;
}
.apropos .apropos-numbers {
  margin-top: 40px;
}
.apropos .apropos-numbers h4 {
  font-family: Lato !important;
  font-size: 30px;
  font-weight: 900;
  margin: 0;
}
.apropos .apropos-numbers h3 {
  font-family: Lato !important;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
}
.apropos .apropos-numbers img {
  margin-bottom: 20px;
}
.apropos .apropos-content-wrapper {
  margin-bottom: 100px;
}
.apropos .js-tabcollapse-panel-body {
  margin-bottom: 50px;
}
.apropos .js-tabcollapse-panel-body .cirano-section-content .panel.panel-default {
  margin-left: 15px;
  margin-right: 15px;
}
.apropos .js-tabcollapse-panel-body .apropos-transfert-card.last {
  background-color: #eee;
  margin-top: 15px;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
.apropos .js-tabcollapse-panel-body .apropos-transfert-card.last a {
  color: black;
}
.apropos .js-tabcollapse-panel-body .apropos-transfert-card.last a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.apropos .js-tabcollapse-panel-body .apropos-transfert-btn {
  display: inline-block;
  margin: 0 auto;
}
.apropos .apropos-content-wrapper .apropos-transfert,
.apropos .js-tabcollapse-panel-body .apropos-transfert {
  background-image: url(/images/apropos/transfert1.jpg);
}
.apropos .apropos-content-wrapper .apropos-transfert .apropos-banner,
.apropos .js-tabcollapse-panel-body .apropos-transfert .apropos-banner {
  display: flex;
  align-items: center;
  height: 100%;
  background-color: rgba(30, 30, 30, 0.85);
}
.apropos .apropos-content-wrapper .apropos-transfert .apropos-title-container h1,
.apropos .js-tabcollapse-panel-body .apropos-transfert .apropos-title-container h1 {
  padding: 1em 2em;
  border: 1px solid white;
  color: white;
  margin-top: 0;
}
.apropos .apropos-content-wrapper .apropos-transfert .apropos-title-container h2,
.apropos .js-tabcollapse-panel-body .apropos-transfert .apropos-title-container h2 {
  margin-top: 25px;
  font-size: 22px;
  color: white;
  font-family: "Lato";
  font-weight: 100;
}
.apropos .apropos-content-wrapper .apropos-transfert-card,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card {
  padding: 3em;
}
.apropos .apropos-content-wrapper .apropos-transfert-card.with-button,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card.with-button {
  height: 225px;
  padding: 0;
}
.apropos .apropos-content-wrapper .apropos-transfert-card.with-button > .row,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card.with-button > .row {
  height: 100%;
}
.apropos .apropos-content-wrapper .apropos-transfert-card.with-button > .row .btn,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card.with-button > .row .btn {
  white-space: initial;
  height: auto;
}
.apropos .apropos-content-wrapper .apropos-transfert-card.last,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card.last {
  background-color: #eee;
  margin-bottom: 25px;
}
.apropos .apropos-content-wrapper .apropos-transfert-card.last a,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card.last a {
  color: black;
}
.apropos .apropos-content-wrapper .apropos-transfert-card h3,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card h3 {
  margin-top: 0;
}
.apropos .apropos-content-wrapper .apropos-transfert-card a:hover,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card a:hover {
  opacity: 0.6;
  text-decoration: none;
}
.apropos .apropos-content-wrapper .apropos-transfert-card img,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card img {
  height: 45px;
  display: block;
  margin: 0 auto;
}
.apropos .apropos-content-wrapper .apropos-transfert-card h3,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card h3 {
  text-align: center;
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  padding-left: 0;
}
.apropos .apropos-content-wrapper .apropos-transfert-card p,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card p {
  text-align: center;
}
.apropos .apropos-content-wrapper .apropos-transfert-card .feed-badge,
.apropos .js-tabcollapse-panel-body .apropos-transfert-card .feed-badge {
  margin: 0 auto;
}
.apropos .apropos-content-wrapper .apropos-transfert-btn,
.apropos .js-tabcollapse-panel-body .apropos-transfert-btn {
  display: inline-block;
  margin: 0 auto;
}
.apropos .apropos-content-wrapper .apropos-banner-container,
.apropos .js-tabcollapse-panel-body .apropos-banner-container {
  position: relative;
  color: #333;
}
.apropos .apropos-content-wrapper .apropos-banner-container:before,
.apropos .js-tabcollapse-panel-body .apropos-banner-container:before {
  background-color: rgba(255, 255, 255, 0.9);
  height: 325px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.apropos .apropos-content-wrapper .apropos-banner-container .apropos-banner,
.apropos .js-tabcollapse-panel-body .apropos-banner-container .apropos-banner {
  background: none;
}
.apropos .apropos-content-wrapper .apropos-banner-container .apropos-banner .apropos-title h1,
.apropos .js-tabcollapse-panel-body .apropos-banner-container .apropos-banner .apropos-title h1 {
  color: #333;
}
.apropos .apropos-content-wrapper .apropos-banner-container .apropos-banner .apropos-title p,
.apropos .js-tabcollapse-panel-body .apropos-banner-container .apropos-banner .apropos-title p {
  color: #333;
  font-weight: 300;
  font-size: 1.15em;
  line-height: 1.55em;
}
.apropos .apropos-content-wrapper .apropos-banner-container .breadcrumb,
.apropos .js-tabcollapse-panel-body .apropos-banner-container .breadcrumb {
  color: #666;
}
.apropos .apropos-content-wrapper .apropos-banner-container .breadcrumb .active,
.apropos .js-tabcollapse-panel-body .apropos-banner-container .breadcrumb .active {
  color: #333;
}
.apropos .apropos-content-wrapper .apropos-section-subtitle,
.apropos .js-tabcollapse-panel-body .apropos-section-subtitle {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.9em;
  margin-bottom: 30px;
}
.apropos .apropos-content-wrapper .apropos-banner-container,
.apropos .js-tabcollapse-panel-body .apropos-banner-container {
  height: 500px;
  background-position: 0;
  background-size: 100%;
  background-size: cover;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-mission,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-mission {
  background-image: url(/images/apropos/mission.jpg);
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-mission .apropos-banner,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-mission .apropos-banner {
  height: 100%;
  background-color: rgba(30, 30, 30, 0.95);
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-mission .apropos-banner .apropos-title h1,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-mission .apropos-banner .apropos-title h1 {
  text-align: center;
  border: 1px solid #999999;
  padding: 24px;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-mission .apropos-banner .apropos-text p,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-mission .apropos-banner .apropos-text p {
  border-left: 1px solid #999999;
  padding: 20px 40px 20px 40px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 200;
  line-height: 28px;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-mission .breadcrumb a,
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-mission .breadcrumb .active,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-mission .breadcrumb a,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-mission .breadcrumb .active {
  color: #fff;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-axes,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-axes {
  background-image: url(/images/apropos/axes.jpg);
  margin-bottom: 65px;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-axes .apropos-banner,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-axes .apropos-banner {
  background-color: rgba(30, 30, 30, 0.85);
  margin-top: 290px;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-axes .breadcrumb li,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-axes .breadcrumb li {
  color: #333;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-axes .breadcrumb .active,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-axes .breadcrumb .active {
  color: #000;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-axes .apropos-text p,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-axes .apropos-text p {
  color: #ffffff;
  font-size: 21px;
  font-weight: 200;
  line-height: 28px;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau {
  background-image: url(/images/apropos/reseau.jpg);
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau .apropos-text p,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau .apropos-text p {
  border-left: 1px solid #999999;
  padding: 20px 40px 20px 40px;
  color: #ffffff;
  font-size: 21px;
  font-weight: 200;
  line-height: 28px;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau .apropos-text p small,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau .apropos-text p small {
  font-weight: 500;
  line-height: 24px;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau .apropos-text p button,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau .apropos-text p button {
  text-transform: uppercase;
  width: 200px;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau .apropos-banner,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau .apropos-banner {
  height: 100%;
  background-color: rgba(30, 30, 30, 0.85);
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau .apropos-banner .apropos-title h1,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau .apropos-banner .apropos-title h1 {
  line-height: 1.5em;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau .apropos-banner .apropos-banner-content img,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau .apropos-banner .apropos-banner-content img {
  width: 28px;
  border-radius: 50%;
  border: 1px solid #ddd;
  padding: 4px;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau .apropos-banner .apropos-banner-content > .row > div,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau .apropos-banner .apropos-banner-content > .row > div {
  padding: 0;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau .apropos-banner .apropos-banner-content .btn.btn-transparent,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau .apropos-banner .apropos-banner-content .btn.btn-transparent {
  padding-left: 50px;
  padding-right: 50px;
  margin-top: 40px;
  text-transform: uppercase;
  font-weight: 600;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau .breadcrumb a,
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-reseau .breadcrumb .active,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau .breadcrumb a,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-reseau .breadcrumb .active {
  color: #fff;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-historique,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-historique {
  background-image: url(/images/apropos/historique.jpg);
  margin-bottom: 25px;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-historique .apropos-banner,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-historique .apropos-banner {
  height: 100%;
  background-color: rgba(30, 30, 30, 0.85);
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-historique .apropos-banner .apropos-title h1,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-historique .apropos-banner .apropos-title h1 {
  text-align: center;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-historique .apropos-banner .apropos-title .apropos-text p,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-historique .apropos-banner .apropos-title .apropos-text p {
  text-align: center;
  color: #ffffff;
  font-size: 21px;
  font-weight: 200;
  line-height: 28px;
  max-width: none;
}
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-historique .breadcrumb a,
.apropos .apropos-content-wrapper .apropos-banner-container.apropos-historique .breadcrumb .active,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-historique .breadcrumb a,
.apropos .js-tabcollapse-panel-body .apropos-banner-container.apropos-historique .breadcrumb .active {
  color: #fff;
}
.apropos .apropos-content-wrapper .apropos-banner-container .breadcrumb,
.apropos .js-tabcollapse-panel-body .apropos-banner-container .breadcrumb {
  position: absolute;
  top: 10px;
  left: 30px;
  z-index: 100;
  color: #ddd;
}
.apropos .apropos-content-wrapper .apropos-banner-container .apropos-banner .apropos-title,
.apropos .js-tabcollapse-panel-body .apropos-banner-container .apropos-banner .apropos-title {
  padding: 35px;
}
.apropos .apropos-content-wrapper .apropos-banner-container .apropos-banner .apropos-title hr,
.apropos .js-tabcollapse-panel-body .apropos-banner-container .apropos-banner .apropos-title hr {
  margin-left: 0;
  text-align: left;
  width: 10%;
}
.apropos .apropos-content-wrapper .apropos-banner-container .apropos-banner .apropos-title h1,
.apropos .js-tabcollapse-panel-body .apropos-banner-container .apropos-banner .apropos-title h1 {
  font-weight: 100;
  color: white;
  margin-bottom: 30px;
}
.apropos .apropos-content-wrapper .apropos-banner-container .apropos-banner .apropos-title p,
.apropos .js-tabcollapse-panel-body .apropos-banner-container .apropos-banner .apropos-title p {
  color: white;
  max-width: 350px;
  line-height: 25px;
}
.apropos .apropos-content-wrapper .apropos-section > .row,
.apropos .js-tabcollapse-panel-body .apropos-section > .row {
  padding-left: 20px;
  padding-right: 20px;
}
.apropos .apropos-content-wrapper .apropos-section .cd-horizontal-timeline,
.apropos .js-tabcollapse-panel-body .apropos-section .cd-horizontal-timeline {
  margin: 0 auto;
}
.apropos .apropos-content-wrapper .apropos-section .cd-horizontal-timeline .events-content ol,
.apropos .js-tabcollapse-panel-body .apropos-section .cd-horizontal-timeline .events-content ol {
  padding-left: 0;
}
.apropos .apropos-content-wrapper .apropos-section .cd-horizontal-timeline .events-content li p,
.apropos .js-tabcollapse-panel-body .apropos-section .cd-horizontal-timeline .events-content li p {
  margin-bottom: 15px;
}
.apropos .apropos-content-wrapper .apropos-section .cd-horizontal-timeline em:before,
.apropos .js-tabcollapse-panel-body .apropos-section .cd-horizontal-timeline em:before {
  content: "";
}
.apropos .apropos-content-wrapper .apropos-section .apropos-metho,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-metho {
  background: url(/images/apropos/bars.png);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-project-type-container,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-project-type-container {
  padding: 0 5%;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-project-type-container .apropos-project-type,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-project-type-container .apropos-project-type {
  border: 1px solid #ddd;
  padding: 25px;
  overflow: hidden;
  min-height: 250px;
  background-color: rgba(255, 255, 255, 0.75);
  text-align: center;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-project-type-container .apropos-project-type h4,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-project-type-container .apropos-project-type h4 {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-project-type-container .apropos-project-type a,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-project-type-container .apropos-project-type a {
  display: block;
  margin-bottom: 15px;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-project-type-container .apropos-project-type p,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-project-type-container .apropos-project-type p {
  text-align: center;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-project-type-container .apropos-project-type .mini-faded-text,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-project-type-container .apropos-project-type .mini-faded-text {
  text-align: center;
  display: block;
  margin-top: 35px;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-project-type-container .apropos-project-type .btn,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-project-type-container .apropos-project-type .btn {
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  text-transform: uppercase;
  margin-top: 40px;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-item-container,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-item-container {
  margin-top: 75px;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-item-container ul,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-item-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-item-container h4,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-item-container h4 {
  line-height: 20px;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-feature h1,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-feature h1 {
  font-size: 34px;
  line-height: 45px;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-feature h4,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-feature h4 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 700;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-feature .apropos-feature-img-container,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-feature .apropos-feature-img-container {
  overflow: hidden;
  border-radius: 50%;
  height: 160px;
  width: 160px;
  text-align: center;
  display: block;
  margin: 0 auto;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-feature .apropos-feature-img-container img,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-feature .apropos-feature-img-container img {
  width: 100%;
  height: 100%;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-feature .apropos-feature-more,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-feature .apropos-feature-more {
  font-size: 16px;
  color: #CD003A;
  margin-top: 25px;
}
.apropos .apropos-content-wrapper .apropos-section .apropos-feature .apropos-feature-more img,
.apropos .js-tabcollapse-panel-body .apropos-section .apropos-feature .apropos-feature-more img {
  width: 20px;
  margin-left: 15px;
  margin-top: -2px;
}
.apropos .apropos-content-wrapper .apropos-section .nav-tabs2,
.apropos .js-tabcollapse-panel-body .apropos-section .nav-tabs2 {
  margin-top: 70px;
}
.apropos .apropos-content-wrapper .apropos-section .nav-tabs2 a,
.apropos .js-tabcollapse-panel-body .apropos-section .nav-tabs2 a {
  font-size: 18px;
  color: #333;
}
.apropos .apropos-content-wrapper .apropos-section .nav-tabs2 a img,
.apropos .js-tabcollapse-panel-body .apropos-section .nav-tabs2 a img {
  width: 20px;
  margin: 0 20px;
  vertical-align: top;
  margin-top: 3px;
}

.bottin-list-container .bottin-cat-filters {
  text-align: center;
}
.bottin-list-container .bottin-list-header {
  text-align: center;
}
.bottin-list-container .bottin-list-header #filters-reset-btn {
  display: none;
  margin-top: 25px;
  cursor: pointer;
  font-size: 0.9em;
}
.bottin-list-container .bottin-list-header #filters-reset-btn i {
  margin-right: 5px;
}
.bottin-list-container .bottin-list-header input.index-search {
  width: 100%;
  border: 2px solid #ddd;
  border-radius: 20px;
  height: 40px;
  opacity: 0.7;
  text-align: center;
  padding: 10px 40px 10px 10px;
  background-image: url(/images/icon/search.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 22px;
}
.bottin-list-container .bottin-list-header input.index-search:hover {
  opacity: 0.85;
  outline: none;
}
.bottin-list-container .bottin-list-header input.index-search:active, .bottin-list-container .bottin-list-header input.index-search:focus {
  opacity: 1;
  outline: none;
}
.bottin-list-container .bottin-list-header .index-letters {
  margin-bottom: 25px;
}
.bottin-list-container .bottin-list-header .index-letters .index-letter {
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  opacity: 0.6;
  color: #333;
  padding: 0 8px 5px 8px;
  width: 25px;
  height: 25px;
  line-height: 20px;
}
.bottin-list-container .bottin-list-header .index-letters .index-letter.active {
  opacity: 1;
  border-bottom: 1px solid #333;
  font-size: 18px;
  font-weight: 900;
  line-height: 20px;
}
.bottin-list-container .bottin-list-header .index-letters .index-letter:hover {
  opacity: 1;
}
.bottin-list-container .bottin-list {
  margin-top: 30px;
  margin-bottom: 75px;
}
.bottin-list-container .bottin-list .bottin-row.letter-divider {
  opacity: 1;
  margin-top: 20px;
  font-size: 21px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
}
.bottin-list-container .bottin-list .row {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  margin: 0;
}
.bottin-list-container .bottin-list .row a {
  word-wrap: break-word;
  color: #333;
}
.bottin-list-container .bottin-list .row .with-icon {
  padding-left: 35px;
}
.bottin-list-container .bottin-list .row .with-icon .fa {
  position: absolute;
  top: 3px;
  left: 0;
}
.bottin-list-container .bottin-list p.job-title {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.index-filtered-out {
  display: none !important;
}

.ca-container h3 {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}
.ca-container table tr td {
  border-left: 0;
  border-right: 0;
  padding: 10px 2px;
}

.contact-container .contact-content .cirano-section-title {
  margin-top: 0;
}
.contact-container .contact-content hr {
  width: 15%;
  display: block;
  margin: 0 auto;
}
.contact-container .contact-content h1 {
  margin-bottom: 25px;
}
.contact-container .contact-content p {
  text-align: center;
  margin-bottom: 0;
  line-height: 24px;
}
.contact-container .contact-map #map {
  height: 700px;
}

.mini-faded-text {
  font-size: 13px;
  color: #999;
}

.social-media-icon {
  display: block;
  margin-bottom: 25px;
  margin-right: 15px;
}
.social-media-icon a {
  display: inline-block;
  opacity: 0.75;
}
.social-media-icon a:hover {
  opacity: 1;
}
.social-media-icon a .fa,
.social-media-icon a .far,
.social-media-icon a .fab,
.social-media-icon a .fas {
  color: white;
  border-radius: 50%;
  font-size: 20px;
  width: 35px;
  height: 35px;
  vertical-align: middle;
}
.social-media-icon a .fa-twitter {
  background-color: #17A2F3;
  padding: 7px 8px;
}
.social-media-icon a .fa-linkedin-in {
  background-color: #007BBA;
  padding: 6px 9px;
}
.social-media-icon a .fa-youtube {
  background-color: #D01D22;
  padding: 7px 6px;
}
.social-media-icon a .fa-envelope-open-text,
.social-media-icon a .fa-link {
  background-color: #8B2942;
  padding: 7px 8px;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.big-bold {
  font-size: 120% !important;
  font-weight: 600 !important;
}

.themes-main-container {
  margin-bottom: 70px;
}
.themes-main-container .themes-banner-container {
  height: 400px;
  padding: 90px 0;
  background-color: #242424;
  margin-bottom: 45px;
}
.themes-main-container .themes-banner-container h1,
.themes-main-container .themes-banner-container h2 {
  color: #eee;
  text-align: center;
}
.themes-main-container .themes-banner-container h1 {
  margin-bottom: 30px;
}
.themes-main-container .themes-banner-container h2 {
  font-weight: 300;
  font-size: 17px;
  font-family: "Lato";
  line-height: 34px;
}
.themes-main-container .themes-expertises-container .expertise-tab-pane {
  height: 400px;
}
.themes-main-container .themes-expertises-container .expertise-tab-pane .themes-slideshow-img {
  height: 100%;
  background-position: center !important;
  background-size: cover !important;
}
.themes-main-container .themes-slideshow-container .themes-slideshow-img {
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 991px) {
  .themes-main-container .themes-slideshow-container .themes-slideshow-img {
    height: 120px;
    overflow: hidden;
  }
}
@media screen and (max-width: 767px) {
  .themes-main-container .themes-slideshow-container .themes-slideshow-img {
    height: 100px;
    overflow: hidden;
  }
}
.themes-main-container .themes-slideshow-container .themes-slideshow-img img {
  width: 100%;
}
.themes-main-container .themes-slideshow-container .tab-content {
  overflow-y: hidden;
}
.themes-main-container .themes-slideshow-container .themes-slideshow-content {
  padding: 15px 5%;
}
.themes-main-container .themes-slideshow-container .themes-slideshow-content h1 {
  font-size: 26px;
  margin-bottom: 30px;
}
@media screen and (max-width: 991px) {
  .themes-main-container .themes-slideshow-container .themes-slideshow-content h1 {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .themes-main-container .themes-slideshow-container .themes-slideshow-content h1 {
    font-size: 18px;
  }
}
.themes-main-container .themes-slideshow-container .themes-slideshow-content p {
  font-size: 15px;
}
@media screen and (max-width: 991px) {
  .themes-main-container .themes-slideshow-container .themes-slideshow-content p {
    font-size: 13px;
  }
}
@media screen and (max-width: 767px) {
  .themes-main-container .themes-slideshow-container .themes-slideshow-content p {
    font-size: 11px;
  }
}
.themes-main-container .themes-slideshow-container .themes-slideshow-content span {
  text-align: right;
  margin-top: 30px;
  display: inline-block;
  margin-bottom: 10px;
}
.themes-main-container .themes-slideshow-container .themes-slideshow-content span a {
  text-transform: uppercase;
}
.themes-main-container .themes-thumbnails-container {
  height: 95px;
  overflow-y: hidden;
  border: 1px solid #DDD;
  margin-bottom: 70px;
}
.themes-main-container .themes-thumbnails-container .nav-tabs {
  height: 100%;
}
.themes-main-container .themes-thumbnails-container .nav-tabs .nav-tab {
  overflow: hidden;
  height: 100%;
}
.themes-main-container .themes-thumbnails-container .nav-tabs .nav-tab a {
  display: block;
}
.themes-main-container .themes-thumbnails-container .col-xs-2 {
  padding: 0;
  margin: 0;
}
.themes-main-container .themes-thumbnails-container .col-xs-2 img {
  width: 100%;
  opacity: 0.75;
}
.themes-main-container .themes-thumbnails-container .col-xs-2 img:hover {
  opacity: 1;
}
.themes-main-container .themes-thumbnails-container .col-xs-2.active img {
  opacity: 1;
}
.themes-main-container .themes-thumbnails-container .expertise-title {
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  text-align: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 0.5em;
  font-weight: 100;
  font-size: 1em;
  line-height: 1.2em;
}
.themes-main-container .themes-content-container .themes-title-container {
  border-bottom: 1px solid #ddd;
  text-align: center;
  height: 35px;
  overflow: visible;
  margin-bottom: 65px;
  margin-top: 20px;
}
.themes-main-container .themes-content-container .themes-title-container h1 {
  display: inline-block;
  background-color: #fff;
  padding: 0 25px;
  font-size: 26px;
}
.themes-main-container .themes-content-container .themes-list-container {
  margin-top: 90px;
  margin-bottom: 100px;
}
.themes-main-container .themes-content-container .themes-list-container .col-xs-4 {
  padding-left: 50px;
  padding-right: 50px;
}
.themes-main-container .themes-content-container .themes-list-container li {
  list-style-type: none;
  border-top: 1px solid #ddd;
  padding: 12px 0;
  font-size: 14px;
}
.themes-main-container .themes-content-container .themes-list-container li:last-of-type {
  border-bottom: 1px solid #ddd;
}

ol.lower-roman {
  list-style-type: lower-roman;
}

ol.lower-alpha {
  list-style-type: lower-alpha;
}

.left-border-gray {
  border: 0;
  border-left: 1px solid #e3e3e3;
  box-sizing: border-box;
}

.right-border-gray {
  border: 0;
  border-right: 1px solid #e3e3e3;
  box-sizing: border-box;
}

.g-recaptcha {
  text-align: center;
}
.g-recaptcha iframe {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
  width: 306px;
  height: 80px;
}
.g-recaptcha.must-complete iframe {
  border: 2px solid #8B2942;
}
.g-recaptcha > div {
  display: inline-block;
}

.cirano-file-input .must-complete .file-img,
.cirano-file-input .must-complete #sub-pub-file-img,
.cirano-file-input .must-complete #sub-sum-file-img,
#publication-submission .must-complete .file-img,
#publication-submission .must-complete #sub-pub-file-img,
#publication-submission .must-complete #sub-sum-file-img {
  border: 2px dashed #8B2942;
}
.cirano-file-input .file-path-container,
.cirano-file-input #sub-pub-file-path-container,
.cirano-file-input #sub-sum-file-path-container,
#publication-submission .file-path-container,
#publication-submission #sub-pub-file-path-container,
#publication-submission #sub-sum-file-path-container {
  display: none;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 6px 16px;
  position: relative;
}
.cirano-file-input .file-path-container .file-path,
.cirano-file-input #sub-pub-file-path-container .file-path,
.cirano-file-input #sub-sum-file-path-container .file-path,
#publication-submission .file-path-container .file-path,
#publication-submission #sub-pub-file-path-container .file-path,
#publication-submission #sub-sum-file-path-container .file-path {
  max-width: 79% !important;
}
.cirano-file-input .file-path-container i,
.cirano-file-input #sub-pub-file-path-container i,
.cirano-file-input #sub-sum-file-path-container i,
#publication-submission .file-path-container i,
#publication-submission #sub-pub-file-path-container i,
#publication-submission #sub-sum-file-path-container i {
  position: relative;
  top: 9px;
  max-width: 8% !important;
  margin: 0 1%;
  font-size: 20px;
  line-height: 22px;
}
.cirano-file-input .file-path-container .fa-times, .cirano-file-input .file-path-container .fa-trash,
.cirano-file-input #sub-pub-file-path-container .fa-times,
.cirano-file-input #sub-pub-file-path-container .fa-trash,
.cirano-file-input #sub-sum-file-path-container .fa-times,
.cirano-file-input #sub-sum-file-path-container .fa-trash,
#publication-submission .file-path-container .fa-times,
#publication-submission .file-path-container .fa-trash,
#publication-submission #sub-pub-file-path-container .fa-times,
#publication-submission #sub-pub-file-path-container .fa-trash,
#publication-submission #sub-sum-file-path-container .fa-times,
#publication-submission #sub-sum-file-path-container .fa-trash {
  right: 0;
  font-size: 20px;
  line-height: 22px;
  color: #8B2942;
  cursor: pointer;
}
.cirano-file-input .file-path-container input,
.cirano-file-input #sub-pub-file-path-container input,
.cirano-file-input #sub-sum-file-path-container input,
#publication-submission .file-path-container input,
#publication-submission #sub-pub-file-path-container input,
#publication-submission #sub-sum-file-path-container input {
  font-weight: 600;
  line-height: 22px;
  vertical-align: top;
  display: inline-block;
  width: auto;
  border: 0;
  background-color: transparent;
}
.cirano-file-input .file-img,
.cirano-file-input #sub-pub-file-img,
.cirano-file-input #sub-sum-file-img,
#publication-submission .file-img,
#publication-submission #sub-pub-file-img,
#publication-submission #sub-sum-file-img {
  border: 1px dashed #ccc;
  padding: 30px;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 5px;
}
.cirano-file-input .file-img.hidden,
.cirano-file-input #sub-pub-file-img.hidden,
.cirano-file-input #sub-sum-file-img.hidden,
#publication-submission .file-img.hidden,
#publication-submission #sub-pub-file-img.hidden,
#publication-submission #sub-sum-file-img.hidden {
  display: none;
}
.cirano-file-input .file-img i,
.cirano-file-input #sub-pub-file-img i,
.cirano-file-input #sub-sum-file-img i,
#publication-submission .file-img i,
#publication-submission #sub-pub-file-img i,
#publication-submission #sub-sum-file-img i {
  color: #ccc;
}
.cirano-file-input .file-img i:not(:first-of-type),
.cirano-file-input #sub-pub-file-img i:not(:first-of-type),
.cirano-file-input #sub-sum-file-img i:not(:first-of-type),
#publication-submission .file-img i:not(:first-of-type),
#publication-submission #sub-pub-file-img i:not(:first-of-type),
#publication-submission #sub-sum-file-img i:not(:first-of-type) {
  margin-left: 10px;
}
.cirano-file-input .file-img i:first-of-type:after,
.cirano-file-input #sub-pub-file-img i:first-of-type:after,
.cirano-file-input #sub-sum-file-img i:first-of-type:after,
#publication-submission .file-img i:first-of-type:after,
#publication-submission #sub-pub-file-img i:first-of-type:after,
#publication-submission #sub-sum-file-img i:first-of-type:after {
  content: "/";
  font-size: 50px;
  margin-left: 10px;
  position: relative;
  bottom: 25px;
  font-weight: 900;
}
.cirano-file-input label.file-browser,
#publication-submission label.file-browser {
  text-transform: uppercase;
}
.cirano-file-input input[type=submit],
#publication-submission input[type=submit] {
  text-transform: uppercase;
  width: 40%;
  min-width: 165px;
  font-weight: 600;
  font-size: 1.2em;
  letter-spacing: 1px;
}

input.file-browser {
  display: none;
}

label.file-browser {
  display: inline-block;
  font-size: 1em;
}
label.file-browser i {
  font-size: 1.4em;
  margin-right: 10px;
}

.wp-only,
.pr-only {
  display: none;
}

.partner-container {
  padding-top: 50px;
}
.partner-container .partner-logo {
  margin-bottom: 15px;
}
.partner-container .partner-logo img {
  max-height: 45px;
  margin: 0 auto;
}

.news-container .cirano-container {
  margin-top: 75px;
}
.news-container .first-news h1 {
  font-size: 1.5em;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 15px;
}
.news-container .first-news h3 {
  margin-top: 0;
  margin-bottom: 5px;
}
.news-container .first-news .cirano-bg-cover {
  margin-bottom: 20px;
}
.news-container .cirano-sm-icon-wrapper {
  padding-left: 0;
}

.no-border {
  border: 0 !important;
}

.mphrm > section:not(#footer) {
  background-color: #fff;
}
.mphrm > section:not(#footer) .feed-element .feed-badge-container i.fa,
.mphrm > section:not(#footer) .feed-element .feed-badge-container i.far,
.mphrm > section:not(#footer) .feed-element .feed-badge-container i.fab,
.mphrm > section:not(#footer) .feed-element .feed-badge-container i.fas {
  font-size: 29px;
  font-weight: 900;
  margin-left: 15px;
  margin-top: 3px;
}
.mphrm #header {
  background: #ffffff;
  position: relative;
  text-align: center;
  padding-top: 65px;
  padding-bottom: 65px;
  background-image: url("/images/mphrm/home.jpg");
  background-size: cover;
  background-position: top center;
}
.mphrm #header .horizontal-trait {
  border-top: 2px solid #333333;
  width: 60px;
  margin: auto;
  margin-top: 60px;
}
.mphrm #header #nav {
  position: absolute;
  width: 100%;
  background-color: #8b2842;
}
.mphrm #header #nav:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.75em;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
}
.mphrm #header #nav.navbar-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
.mphrm #header #nav ul {
  white-space: nowrap;
  margin-bottom: 0;
}
.mphrm #header #nav ul li {
  position: relative;
  display: inline-block;
  margin-left: 0;
}
.mphrm #header #nav ul li.current:before {
  -moz-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  width: 0.75em;
  height: 0.75em;
  content: "";
  display: block;
  position: absolute;
  bottom: -0.5em;
  left: 50%;
  margin-left: -0.375em;
  background-color: #fff;
}
.mphrm #header #nav ul li.current a {
  font-weight: 600;
  color: #fff;
}
.mphrm #header #nav ul li a {
  color: #ffffff;
  font-size: 18px;
  padding: 18px 25px;
  padding-left: 25px;
  padding-right: 25px;
  text-decoration: none;
  border: 0;
  display: block;
}
.mphrm #header h1 {
  font-size: 42px;
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10px;
  line-height: 120%;
  color: #222;
  font-weight: 900;
}
.mphrm #header p {
  font-size: 20px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 5em;
  padding: 0 15px;
  line-height: 150%;
  font-weight: 400;
  color: #333;
}
.mphrm #header h2 {
  margin-top: 8px;
}
.mphrm .wrapper header,
.mphrm .panel header {
  margin-top: 60px;
}
.mphrm .wrapper header h2,
.mphrm .panel header h2 {
  font-size: 36px;
  font-weight: 900;
  margin-bottom: 10px;
  line-height: 1em;
}
.mphrm .wrapper header p,
.mphrm .panel header p {
  border-top: 0;
  top: 0;
  padding: 0;
  position: relative;
  margin: 0;
  font-size: 1.5em;
  letter-spacing: -0.025em;
  color: #999;
}
.mphrm .wrapper header hr,
.mphrm .panel header hr {
  position: relative;
  left: -10px;
  margin-left: 0;
  margin-right: 0;
}
.mphrm .wrapper .container-content i.fa,
.mphrm .panel .container-content i.fa {
  margin-right: 5px;
}
.mphrm .wrapper .container-content > div,
.mphrm .panel .container-content > div {
  margin-top: 35px;
}
.mphrm .wrapper .container-content h3,
.mphrm .panel .container-content h3 {
  font-weight: 600;
  padding-bottom: 10px;
}
.mphrm .wrapper .container-content ul,
.mphrm .panel .container-content ul {
  list-style-type: none;
  padding-left: 0;
}
.mphrm .wrapper .container-content ul li,
.mphrm .panel .container-content ul li {
  margin: 0;
  padding: 10px 0;
  border-top: solid 1px #ddd;
  font-size: 13px;
}
.mphrm .wrapper .container-content ul li.row:last-of-type,
.mphrm .panel .container-content ul li.row:last-of-type {
  border-bottom: solid 1px #ddd;
}
.mphrm .wrapper .container-content ul li div:first-of-type,
.mphrm .panel .container-content ul li div:first-of-type {
  text-transform: uppercase;
  font-weight: 900;
}
.mphrm hr {
  margin: 25px auto;
  border: 0;
  border-bottom: solid 2px #222;
  width: 50px;
}
.mphrm p.light {
  color: #999;
  font-size: 16px;
  letter-spacing: 1px;
}
.mphrm .mphrm-introduction-link {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 17px;
  font-weight: 600;
}
.mphrm .feed-badge-container i.fas {
  font-size: 29px;
  font-weight: 900;
  margin-left: 15px;
  margin-top: 3px;
}
.mphrm .feed-content-container h3 {
  font-family: "Lato";
  line-height: 22px;
  font-weight: 700;
}
.mphrm .feed-content-container h3 a {
  color: #333;
  font-size: 17px;
  text-transform: none;
}

.twitter-timeline {
  margin-top: 10px !important;
}

.fas.fa-long-arrow-alt-right,
.fa.fa-long-arrow-right {
  margin-left: 10px;
}

span.sort-type-input {
  padding: 15px;
  cursor: pointer;
  opacity: 0.8;
  vertical-align: top;
}
span.sort-type-input:hover {
  opacity: 1;
}
span.sort-type-input.asc .fa-sort-numeric-up {
  display: none;
}
span.sort-type-input.desc .fa-sort-numeric-down {
  display: none;
}
span.sort-type-input i {
  font-size: 28px;
}

.form-group {
  vertical-align: top !important;
}
.form-group.input-keywords {
  position: relative;
}
.form-group.input-keywords .keywords-search-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  background-color: #ffffff;
  border-left: 1px solid #333333 !important;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid transparent;
  background-image: url("/images/icon/search.png");
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 12px;
}
.form-group.input-keywords .keywords-search-btn:hover {
  cursor: pointer;
  background-color: #e1e1e1;
}
.form-group span {
  text-align: center;
}
.form-group .selectize-input input {
  height: 28px;
}
.form-group input,
.form-group select,
.form-group button.btn {
  padding: 6px 12px;
  height: 40px;
  width: 100% !important;
  margin: 0;
  border-radius: 4px;
  border: 1px solid transparent;
  font-size: 15px;
  color: #333333;
}
.form-group input {
  padding-right: 35px;
}
.form-group input[type=radio] {
  height: auto !important;
  width: auto !important;
}
.form-group button.btn {
  padding-right: 25px;
  border: 1px solid transparent;
}

.fa.inline,
.far.inline,
.fab.inline,
.fas.inline {
  display: inline;
}

.fa-li {
  left: -3em;
  width: 3em;
}

.featured-container {
  background: #8b2842;
  background: -moz-linear-gradient(top, #8b2842 0%, #ffffff 10%, #ffffff 90%, #8b2842 100%);
  background: -webkit-linear-gradient(top, #8b2842 0%, #ffffff 10%, #ffffff 90%, #8b2842 100%);
  background: linear-gradient(to bottom, #8b2842 0%, #ffffff 10%, #ffffff 90%, #8b2842 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8b2842", endColorstr="#8b2842", GradientType=0);
}
.featured-container .featured-content {
  padding: 10px;
  background-color: white;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}
.featured-container .featured-content > a {
  display: block;
  text-align: center;
}
.featured-container .featured-content > a img {
  width: 100%;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.25);
}

.pub-container {
  background: #8b2842;
  background: -moz-linear-gradient(top, #8b2842 0%, #ffffff 10%, #ffffff 90%, #8b2842 100%);
  background: -webkit-linear-gradient(top, #8b2842 0%, #ffffff 10%, #ffffff 90%, #8b2842 100%);
  background: linear-gradient(to bottom, #8b2842 0%, #ffffff 10%, #ffffff 90%, #8b2842 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8b2842", endColorstr="#8b2842", GradientType=0);
}
.pub-container .pub-content {
  padding: 10px;
  background-color: white;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  text-align: center;
  justify-content: center;
  text-justify: auto;
}
.pub-container .pub-content > a {
  display: block;
  text-align: center;
}
.pub-container .pub-content > a img {
  width: 100%;
  align: center no-repeat;
  justify-content: space-around;
}
.pub-container .pub-logo {
  justify-content: space-around;
  box-shadow: 0 0 10px 1px white;
  text-align: center;
  text-justify: auto;
}

#invoice-form {
  max-width: 600px;
  margin: 0 auto;
}

#consent-info-read-more {
  cursor: pointer;
}

#consent-info-container {
  display: none;
}

.intranet-block {
  text-align: center;
  margin-top: 75px;
}
.intranet-block .intranet-block-content {
  display: block;
  text-transform: uppercase;
  margin-top: 25px;
}

/* styles for '...' */
.block-with-text {
  /* hide text if it more than N lines  */
  overflow: hidden;
  /* for set '...' in absolute position */
  position: relative;
  /* use this value to count block height */
  line-height: 1.2em;
  /* max-height = line-height (1.2) * lines max number (3) */
  max-height: 3.6em;
  /* fix problem when last visible word doesn't adjoin right side  */
  text-align: justify;
  /* place for '...' */
  margin-right: -1em;
  padding-right: 1em;
}

/* create the ... */
.block-with-text:before {
  /* points in the end */
  content: "...";
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of block */
  right: 0;
  bottom: 0;
}

/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
  /* points in the end */
  content: "";
  /* absolute position */
  position: absolute;
  /* set position to right bottom corner of text */
  right: 0;
  /* set width and height */
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  /* bg color = bg color under block */
  background: white;
}

.anniversary-container .latest-publication-container {
  padding: 2em 1em;
  background-color: #eee;
  margin-bottom: 3em;
  border-radius: 5px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.15);
}
.anniversary-container .latest-publication-container .latest-publication-background {
  margin-bottom: 0;
}

.info-block p {
  margin-bottom: 5px;
}
.info-block ul {
  list-style: none;
}

.font-size-2em {
  font-size: 2em;
}

/*# sourceMappingURL=styles.css.map */