@-moz-keyframes fadeInDelay {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes fadeInDelay {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes fadeInDelay {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes fadeInDelay {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-o-keyframes fadeIn {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
}
@-moz-keyframes dropDownDelay {
  from {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  to {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
}
@-webkit-keyframes dropDownDelay {
  from {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  to {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
}
@-o-keyframes dropDownDelay {
  from {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  to {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
}
@keyframes dropDownDelay {
  from {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  to {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
}
@-moz-keyframes dropDown {
  from {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  to {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-webkit-keyframes dropDown {
  from {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  to {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-o-keyframes dropDown {
  from {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  to {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@keyframes dropDown {
  from {
    -webkit-transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -o-transform: translateY(-2rem);
    -ms-transform: translateY(-2rem);
    transform: translateY(-2rem);
  }
  to {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
@-moz-keyframes slideUpDelay {
  from {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
  to {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
}
@-webkit-keyframes slideUpDelay {
  from {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
  to {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
}
@-o-keyframes slideUpDelay {
  from {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
  to {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
}
@keyframes slideUpDelay {
  from {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
  to {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
}
@-moz-keyframes slideUp {
  from {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
  to {
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem);
  }
}
@-webkit-keyframes slideUp {
  from {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
  to {
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem);
  }
}
@-o-keyframes slideUp {
  from {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
  to {
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem);
  }
}
@keyframes slideUp {
  from {
    -webkit-transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -o-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
  }
  to {
    -webkit-transform: translateY(0rem);
    -moz-transform: translateY(0rem);
    -o-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem);
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  font-family: "open-sans", sans-serif;
  margin: 0;
  font-size: 12px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1700px) {
  html,
  body {
    font-size: 0.7vmax;
  }
}
html {
  overflow-x: hidden;
}
body {
  height: auto;
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a:visited {
  color: #0e2350;
}
.bold {
  font-weight: bold;
}
ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.inline {
  display: inline-block;
}
ul.inline > li {
  display: inline-block;
}
.form-errors {
  padding: 0 1rem;
}
@media screen and (min-width: 719px) {
  .form-errors {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 900px) {
  .form-errors {
    padding: 0 3rem;
  }
}
.filters-container {
  bottom: 0;
  height: 1%;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 1%;
}
@media screen and (min-width: 719px) {
  .filters-container .filters {
    height: 1%;
    overflow: hidden;
    width: 1%;
  }
}
.audio-track {
  width: 100%;
}
.audio-track_control-button {
  display: inline-block;
  cursor: pointer;
  background: transparent;
  height: 1.12rem;
  width: 0.7rem;
  margin-right: 0.3rem;
}
.audio-track_control-button svg {
  height: 100%;
  width: 100%;
  pointer-events: none;
  fill: #0e2350;
}
.audio-track_control-button path,
.audio-track_control-button rect {
  fill: #0e2350;
}
.audio-track_control-button_play,
.audio-track_control-button_pause {
  pointer-events: none;
}
.audio-track_control-button_play {
  display: inline;
}
.audio-track_control-button_pause {
  display: none;
}
.audio-track_control-button_active .audio-track_control-button_play {
  display: none;
}
.audio-track_control-button_active .audio-track_control-button_pause {
  display: inline;
}
.audio-track_title {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.2;
  display: inline;
}
.audio-track_download {
  float: right;
  margin-right: 0.5rem;
  height: 1rem;
  width: 1rem;
}
.audio-track_download svg {
  height: 100%;
  width: 100%;
  pointer-events: none;
  fill: #0e2350;
}
.audio-track_download path {
  fill: #0e2350;
}
.audio-track_progress-bar {
  background-color: rgba(14, 35, 80, 0.4);
  margin-top: 0.2rem;
  height: 0;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  -ms-transition: height 0.3s;
  transition: height 0.3s;
}
.audio-track_progress-bar_active {
  height: 0.7rem;
}
.audio-track_playhead {
  background-color: #0e2350;
  height: 100%;
  width: 0%;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -o-transition: width 0.3s;
  -ms-transition: width 0.3s;
  transition: width 0.3s;
  pointer-events: none;
}
.client-card {
  display: block;
  width: 100%;
  padding: 1rem;
  border-radius: 0.5rem;
}
@media screen and (min-width: 719px) {
  .client-card {
    width: 50%;
  }
}
@media screen and (min-width: 900px) {
  .client-card {
    width: calc(100% / 3);
    padding: 1rem 1.5rem;
  }
}
@media screen and (min-width: 1050px) {
  .client-card {
    width: calc(100% / 4);
  }
}
@media screen and (min-width: 1700px) {
  .client-card {
    width: calc(100% / 5);
  }
}
.client-card_wrapper {
  position: relative;
  height: 100%;
}
/* @media screen and (min-width: 719px) {
  .client-card_wrapper {
    padding-top: 193%;
  }
}
@media screen and (min-width: 900px) {
  .client-card_wrapper {
    padding-top: 203%;
  }
}
@media screen and (min-width: 1050px) {
  .client-card_wrapper {
    padding-top: 213%;
  }
}
@media screen and (min-width: 1290px) {
  .client-card_wrapper {
    padding-top: 213%;
  }
}
*/
.client-card_content {
  color: #0e2350;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  background-color: #fff;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border-radius: 0.5rem 0.5rem 0 0;
}
@media screen and (min-width: 719px) {
  .client-card_content {
    border-radius: 0.5rem;
    /* position: absolute; */
    height: 100%;
  }
}
.client-card_content:hover .client-card_duotone {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.client-card:nth-child(odd) .client-card_content:hover {
  background-color: #f1ced3;
}
.client-card:nth-child(even) .client-card_content:hover {
  background-color: #feeb94;
}
.client-card_picture {
  border-radius: 0.5rem 0.5rem 0 0;
  width: 100%;
  background-color: #fff;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  position: relative;
}
.client-card_picture:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.client-card_duotone {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.42s;
  -moz-transition: opacity 0.42s;
  -o-transition: opacity 0.42s;
  -ms-transition: opacity 0.42s;
  transition: opacity 0.42s;
  color-interpolation-filters: sRGB;
  border-radius: 0.5rem 0.5rem 0 0;
}
.client-card:nth-child(odd) .client-card_duotone_yellow {
  display: none;
}
.client-card:nth-child(even) .client-card_duotone_pink {
  display: none;
}
.client-card_info {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding: 2rem 1.2rem 0.8rem;
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: lighter;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.2rem;
}
@media screen and (min-width: 719px) {
  .client-card_info {
    padding: 2rem 1.2rem 9rem 1.2rem;
  }
}
@media screen and (min-width: 900px) {
  .client-card_info {
    font-size: 1rem;
  }
}
.client-card--speaker .client-card_info {
  flex-grow: 1;
  padding-bottom: 5rem;
}
.client-card_title {
  text-transform: uppercase;
  margin: -0.6rem 0 0.6rem 0;
}
.client-card_description {
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  font-size: 1.3rem;
}
@media screen and (min-width: 900px) {
  .client-card_description {
    font-size: 1.1rem;
  }
}
.client-card_description,
.client-card_data {
  margin: 0 0 0.8rem 0;
}
.client-card_age {
  display: none;
}
@media screen and (min-width: 1290px) {
  .client-card_age {
    display: block;
  }
}
.client-card_email {
  color: inherit;
}
.client-card_buttons {
  color: #0e2350;
  bottom: 0;
  padding: 1.6rem 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
  width: 100%;
  border-radius: 0 0 0.5rem 0.5rem;
}
@media screen and (min-width: 719px) {
  .client-card_buttons {
    position: absolute;
  }
}
.client-card:nth-child(odd) .client-card_buttons {
  background-color: #f1ced3;
}
.client-card:nth-child(even) .client-card_buttons {
  background-color: #feeb94;
}
.client-card_buttons .tracks {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 0;
  width: 100%;
}
.client-card_buttons .tracks li {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: 1rem 0;
}
.client-card_buttons .tracks audio {
  height: 1rem;
}
.client-card_buttons.active .tracks {
  padding-top: 1rem;
  max-height: 12rem;
}
.client-card_action {
  position: relative;
  cursor: pointer;
}
.client-card_action:first-of-type {
  margin-bottom: 2rem;
}
.client-card--speaker .client-card_action:first-of-type {
  margin-bottom: 0;
}
.client-card_action.add-to-shortlist_active .client-card_action_button {
  -webkit-transform: rotate(230deg);
  -moz-transform: rotate(230deg);
  -o-transform: rotate(230deg);
  -ms-transform: rotate(230deg);
  transform: rotate(230deg);
}
.client-card_action_button {
  float: right;
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.666666666666667rem;
  margin-top: -0.5rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.client-card_action_button svg {
  pointer-events: none;
  display: block;
  height: 1rem;
  width: 1rem;
}
.client-card_action_button path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.client-card_action_button:hover {
  background-color: #0e2350;
}
.client-card_action_button:hover path {
  fill: #fff;
}
.client-card .toggle-sound-bites .cross svg,
.client-card .toggle-sound-bites .arrow svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media screen and (min-width: 719px) {
  .client-card .toggle-sound-bites .cross svg,
  .client-card .toggle-sound-bites .arrow svg {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.client-card .toggle-sound-bites .cross {
  display: none;
}
.client-card .toggle-sound-bites.active .cross {
  display: inline;
}
.client-card .toggle-sound-bites.active .arrow {
  display: none;
}
@media screen and (min-width: 719px) {
  .client-card .shortlist-selector {
    position: absolute;
    right: 0;
    width: 75%;
  }
}
.client-card .shortlist-selector.to-top {
  bottom: 2.9rem;
}
.client-card .shortlist-selector.to-bottom {
  top: 2.9rem;
}
.client-card_create-shortlist {
  display: none;
  width: 100%;
  margin-bottom: 1.5rem;
  margin-top: -0.5rem;
}
.client-card_create-shortlist_active {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.client-card_create-shortlist_title {
  border: 0;
  background-color: transparent;
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: lighter;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  outline: none;
  caret-color: #fff;
  width: 0rem;
}
.client-card_create-shortlist_title::placeholder,
.client-card_create-shortlist_title::-moz-placeholder {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  letter-spacing: 0px;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  color: rgba(14, 35, 80, 0.8);
  text-transform: uppercase;
}
.client-card_create-shortlist_submit,
.client-card_create-shortlist_hide {
  float: right;
  display: block;
}
.client-card_create-shortlist_submit {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  margin-right: 1rem;
}
.client-card_create-shortlist_submit svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
.client-card_create-shortlist_submit path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.client-card_create-shortlist_submit:hover {
  color: #fff;
  background-color: #0e2350;
}
.client-card_create-shortlist_submit:hover path {
  fill: #fff;
}
.client-card_create-shortlist_hide {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.666666666666667rem;
}
.client-card_create-shortlist_hide svg {
  pointer-events: none;
  display: block;
  height: 1rem;
  width: 1rem;
}
.client-card_create-shortlist_hide path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.client-card_create-shortlist_hide:hover {
  background-color: #0e2350;
}
.client-card_create-shortlist_hide:hover path {
  fill: #fff;
}
.speakers-wrapper {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
.clients-grid {
  margin: 0 0 2rem;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 719px) {
  .clients-grid {
    margin: 0 1rem 2rem;
  }
}
@media screen and (min-width: 900px) {
  .clients-grid {
    margin: 0 1.5rem 2rem;
  }
}
.text-center {
  color: #0e2350;
  font-weight: lighter;
  text-align: center;
}
.filter-menu {
  display: none;
  padding: 0 1rem 2rem;
}
@media screen and (min-width: 719px) {
  .filter-menu {
    padding: 0 2rem 2rem;
  }
}
@media screen and (min-width: 900px) {
  .filter-menu {
    padding: 0 3rem 2rem;
  }
}
.filter-menu_toggle {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  margin: 1rem 1rem 1rem 0;
  display: inline-block;
}
.filter-menu_toggle svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
.filter-menu_toggle path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.filter-menu_toggle:hover {
  color: #0e2350;
  background-color: #f1ced3;
}
.filter-menu_toggle:hover path {
  fill: #0e2350;
}
.filter-menu_toggle_up {
  display: none;
}
.filter-menu_toggle_active .filter-menu_toggle_up {
  display: inline;
}
.filter-menu_toggle_active .filter-menu_toggle_down {
  display: none;
}
.filter-menu_term {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #f1ced3;
  border-radius: 100px;
  margin-right: 1rem;
  margin-bottom: 1rem;
  text-transform: none;
  display: inline-block;
}
.filter-menu_form {
  margin-top: 1rem;
  border-radius: 0.5rem;
  background-color: #fff;
  color: #0e2350;
  padding: 1.5rem 2rem;
  text-align: center;
}
.filter-menu_body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  text-align: left;
  margin-bottom: 1rem;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.filter-menu_category {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 50%;
}
@media screen and (min-width: 719px) {
  .filter-menu_category {
    width: 25%;
  }
}
@media screen and (min-width: 900px) {
  .filter-menu_category {
    width: 12.5%;
  }
}
.filter-menu_category_accent .filter-menu_options,
.filter-menu_category_style .filter-menu_options {
  /* display: block;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 0;
  -moz-column-gap: 0;
  column-gap: 0; */
  display: flex;
  flex-direction: row;
}
@media screen and (min-width: 719px) {
  .filter-menu_category_accent .filter-menu_options,
  .filter-menu_category_style .filter-menu_options {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    flex-direction: row;
    /* -webkit-column-count: none;
    -moz-column-count: none;
    column-count: none; */
  }
}
.filter-menu_category_accent {
  width: 100%;
}
@media screen and (min-width: 719px) {
  .filter-menu_category_accent {
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -o-box-ordinal-group: 4;
    -ms-flex-order: 4;
    -webkit-order: 4;
    order: 4;
    width: 100%;
  }
}
@media screen and (min-width: 900px) {
  .filter-menu_category_accent {
    width: 42.85714285714286%;
    -webkit-box-ordinal-group: 0;
    -moz-box-ordinal-group: 0;
    -o-box-ordinal-group: 0;
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
  }
}
.filter-menu_category_accent .filter-menu_option {
  width: 50%;
}
@media screen and (min-width: 719px) {
  .filter-menu_category_accent .filter-menu_option {
    width: 25%;
  }
}
@media screen and (min-width: 900px) {
  .filter-menu_category_accent .filter-menu_option {
    width: 33.333333333333336%;
  }
}
.filter-menu_category_style {
  width: 100%;
}
@media screen and (min-width: 719px) {
  .filter-menu_category_style {
    width: 50%;
  }
}
@media screen and (min-width: 900px) {
  .filter-menu_category_style {
    width: 28.571428571428573%;
  }
}
.filter-menu_category_style .filter-menu_option {
  width: 50%;
}
.filter-menu_category_title {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
}
.filter-menu_options {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* @media screen and (min-width: 719px) {
  .filter-menu_options {
    height: 30rem;
  }
}
@media screen and (min-width: 900px) {
  .filter-menu_options {
    height: 38rem;
  }
}
@media screen and (min-width: 1050px) {
  .filter-menu_options {
    height: 38rem;
  }
}
@media screen and (min-width: 1700px) {
  .filter-menu_options {
    height: 36rem;
  }
} */
.filter-menu_option {
  padding: 0.3rem 0;
}
.filter-menu_option_input {
  visibility: hidden;
  margin-right: -1.6rem;
}
.filter-menu_option_input:checked + .filter-menu_option_label {
  font-weight: bold;
  letter-spacing: 0;
}
.filter-menu_option_input:checked
  + .filter-menu_option_label
  .filter-menu_option_box_deselected {
  display: none;
}
.filter-menu_option_input:checked
  + .filter-menu_option_label
  .filter-menu_option_box_selected {
  display: block;
}
.filter-menu_option_label {
  position: relative;
  padding-left: 2.3rem;
  cursor: pointer;
  letter-spacing: 0.44px;
  display: inline-block;
  min-height: 2rem;
}
.filter-menu_option_box {
  position: absolute;
  top: -0.15rem;
  left: 0;
  background-color: #f6f6f6;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.533333333333333rem;
}
.filter-menu_option_box svg {
  display: block;
  height: 0.8rem;
  width: 0.8rem;
}
.filter-menu_option_box path {
  fill: #0e2350;
}
.filter-menu_option_box_selected {
  background-color: #f1ced3;
  display: none;
}
.filter-menu_buttons {
  padding-top: 1rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
@media screen and (min-width: 719px) {
  .filter-menu_buttons {
    display: block;
  }
}
.filter-menu_submit {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #feeb94;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  border: 0;
  padding: 1rem 2rem;
  margin: 0 1rem 0 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.filter-menu_submit svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
.filter-menu_submit path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.filter-menu_submit:hover {
  color: #feeb94;
  background-color: #0e2350;
}
.filter-menu_submit:hover path {
  fill: #feeb94;
}
.filter-menu_reset {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #f1ced3;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 1rem 2rem;
}
.filter-menu_reset svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
.filter-menu_reset path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.filter-menu_reset:hover {
  color: #f1ced3;
  background-color: #0e2350;
}
.filter-menu_reset:hover path {
  fill: #f1ced3;
}
footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  color: #0e2350;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 100;
}
footer a {
  color: #0e2350;
}
footer a:hover {
  border-bottom: 1px;
}
@media screen and (min-width: 684px) {
  footer {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
footer div {
  text-transform: uppercase;
  padding: 1rem 2rem;
}
@media screen and (min-width: 684px) {
  footer div {
    width: 50%;
    padding: 1rem 3rem;
  }
}
footer .pink {
  background-color: #f1ced3;
}
footer .yellow {
  background-color: #feeb94;
}
@media screen and (min-width: 684px) {
  footer .yellow {
    text-align: right;
  }
}
.form_input {
  border-radius: 0.5rem;
  border: 1px solid #0e2350;
  color: #0e2350;
  padding: 0.417rem 1rem;
  margin: 0.5rem 0;
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: lighter;
  width: 100%;
  max-width: 30rem;
  font-weight: normal;
}
.form_input::placeholder,
.form_input::-moz-placeholder,
.form_input::-ms-input-placeholder {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 0.8rem;
  color: rgba(14, 35, 80, 0.8);
  text-transform: uppercase;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.form_submit {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #feeb94;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  border: 0;
  padding: 0.5rem 2rem;
  cursor: pointer;
  margin: 1rem 1rem 0 0;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form_submit svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
.form_submit path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.form_submit:hover {
  color: #feeb94;
  background-color: #0e2350;
}
.form_submit:hover path {
  fill: #feeb94;
}
header .header {
  color: #fff;
  position: absolute;
  padding: 2rem 1rem;
  top: 0;
  width: 100%;
  z-index: 100;
}
@media screen and (min-width: 719px) {
  header .header {
    padding: 2rem;
  }
}
@media screen and (min-width: 900px) {
  header .header {
    padding: 2rem 3rem;
  }
}
header .nav_link {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
}
header .nav_link svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
header .nav_link path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
header .nav_link:hover {
  color: #fff;
  background-color: #0e2350;
}
header .nav_link:hover path {
  fill: #fff;
}
header .heading {
  float: left;
  margin-top: -0.5rem;
}
header .heading svg {
  height: 3.8rem;
  width: 6rem;
}
@media screen and (min-width: 719px) {
  header .heading svg {
    height: 3.25rem;
    width: 11rem;
  }
}
header .heading path {
  fill: #fff;
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -ms-transition: fill 0.3s;
  transition: fill 0.3s;
}
@media screen and (max-width: 718px) {
  header .heading_active path {
    fill: #0e2350;
  }
}
header .nav {
  float: right;
  margin-top: 0.2rem;
}
header li {
  display: inline-block;
  margin-right: 0.75rem;
}
header li:last-child {
  margin-right: 0;
}
header .quick-search {
  display: none;
}
@media screen and (min-width: 719px) {
  header .quick-search {
    display: inline-block;
  }
}
header .page-link {
  display: none;
}
@media screen and (min-width: 719px) {
  header #speakers-and-conventions {
    display: inline-block;
  }

  header #shortlists {
    display: inline-block;
  }
}
@media screen and (min-width: 719px) {
  header .page-link_active {
    display: inline-block;
  }
}
header .login_button {
  position: relative;
}
header .mobile-menu {
  text-align: center;
  padding-bottom: 2rem;
  margin-top: -30rem;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition:
    opacity 1s,
    margin-top 1s;
  -moz-transition:
    opacity 1s,
    margin-top 1s;
  -o-transition:
    opacity 1s,
    margin-top 1s;
  -ms-transition:
    opacity 1s,
    margin-top 1s;
  transition:
    opacity 1s,
    margin-top 1s;
  background: #f6f6f6;
}
@media screen and (min-width: 719px) {
  header .mobile-menu {
    display: none;
  }
}
header .mobile-menu li {
  display: block;
  margin: 1rem auto;
  text-transform: uppercase;
}
header .mobile-menu a {
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  font-size: 2rem;
  color: #0e2350;
}
header .mobile-menu_active {
  -webkit-transition:
    opacity 1s,
    margin-top 1s;
  -moz-transition:
    opacity 1s,
    margin-top 1s;
  -o-transition:
    opacity 1s,
    margin-top 1s;
  -ms-transition:
    opacity 1s,
    margin-top 1s;
  transition:
    opacity 1s,
    margin-top 1s;
  margin-top: 0 !important;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (min-width: 719px) {
  header .mobile-menu_active {
    display: none;
  }
}
header .mobile-menu_active ~ .header .heading path {
  fill: #0e2350;
}
header .login,
header .signup,
header .password-reset {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  display: none;
  visibility: hidden;
  padding: 1rem 1rem 2rem;
  background: #fff;
  color: #0e2350;
  top: 6rem;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  right: 5rem;
  border-radius: 0.5rem;
  z-index: 100;
  margin: 3.7rem 1rem 2rem;
  -webkit-transition:
    visibility 0s 0.3s,
    opacity 0.3s;
  -moz-transition:
    visibility 0s 0.3s,
    opacity 0.3s;
  -o-transition:
    visibility 0s 0.3s,
    opacity 0.3s;
  -ms-transition:
    visibility 0s 0.3s,
    opacity 0.3s;
  transition:
    visibility 0s 0.3s,
    opacity 0.3s;
}
@media screen and (min-width: 719px) {
  header .login,
  header .signup,
  header .password-reset {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 1rem 2rem 2rem;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    width: 40rem;
    margin: 0;
  }
}
header .login_active,
header .signup_active,
header .password-reset_active {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
  visibility: visible;
}
header .login_cta_create,
header .signup_cta_create,
header .password-reset_cta_create {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #feeb94;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  border: 0;
  padding: 0.5rem 2rem;
  cursor: pointer;
  margin: 1rem 1rem 0 0;
  display: inline-block;
}
header .login_cta_create svg,
header .signup_cta_create svg,
header .password-reset_cta_create svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
header .login_cta_create path,
header .signup_cta_create path,
header .password-reset_cta_create path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
header .login_cta_create:hover,
header .signup_cta_create:hover,
header .password-reset_cta_create:hover {
  color: #feeb94;
  background-color: #0e2350;
}
header .login_cta_create:hover path,
header .signup_cta_create:hover path,
header .password-reset_cta_create:hover path {
  fill: #feeb94;
}
header .login_cancel:hover,
header .signup_cancel:hover,
header .password-reset_cancel:hover {
  border-bottom: 1px solid;
}
header .login_cta,
header .login_form {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  padding: 0 1rem;
}
header .login_form {
  padding-top: 1rem;
}
@media screen and (min-width: 719px) {
  header .login_form {
    padding-top: 0;
  }
}
header .login_cta_text {
  margin-bottom: 0;
}
header .login_password_reset {
  margin-top: 0.2rem;
  display: inline-block;
}
header .login_password_reset:hover {
  border-bottom: 1px solid;
  margin-bottom: -0.1rem;
}
header .signup_form {
  padding: 0 1rem;
}
header .signup_form_content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
header .signup_input[type="password"] {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 48%;
  -ms-flex: 1 1 48%;
  flex: 1 1 48%;
}
header .signup_input[type="password"][name="password1"] {
  margin-right: 1rem;
}
header .password-reset {
  right: 15rem;
}
@media screen and (min-width: 719px) {
  header .password-reset {
    width: 20rem;
  }
}
header #menu-toggle {
  padding: 0.5rem 0.809rem;
}
header #menu-toggle .x {
  display: none;
}
header #menu-toggle.open svg {
  margin-left: 0;
}
header #menu-toggle.open .dots {
  display: none;
}
header #menu-toggle.open .x {
  display: inline;
}
.messages {
  position: fixed;
  z-index: 103;
  width: 100%;
  top: -100%;
  text-align: center;
  padding: 2rem 1rem;
  pointer-events: none;
  -webkit-transition: top 2.5s;
  -moz-transition: top 2.5s;
  -o-transition: top 2.5s;
  -ms-transition: top 2.5s;
  transition: top 2.5s;
  -webkit-animation: messages-peek 7s 1;
  -moz-animation: messages-peek 7s 1;
  -o-animation: messages-peek 7s 1;
  -ms-animation: messages-peek 7s 1;
  animation: messages-peek 7s 1;
}
@media screen and (min-width: 719px) {
  .messages {
    padding: 1.75rem;
  }
}
@media screen and (min-width: 900px) {
  .messages {
    padding: 1.75rem 3rem;
  }
}
.messages_active {
  top: 0;
  -webkit-transition: top 2.5s;
  -moz-transition: top 2.5s;
  -o-transition: top 2.5s;
  -ms-transition: top 2.5s;
  transition: top 2.5s;
}
.messages_list {
  background-color: #fff;
  display: inline-block;
  border-radius: 2rem;
  padding: 1rem 4rem;
}
.messages_item {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: lighter;
  color: #0e2350;
  position: relative;
  text-transform: uppercase;
}
.messages_icon {
  margin-left: 0.5rem;
  margin-right: -0.5rem;
  display: inline-block;
}
.messages_icon svg {
  height: 1rem;
  width: 1rem;
}
.messages_icon path {
  fill: #0e2350;
}
@-moz-keyframes messages-peek {
  0% {
    top: -100%;
  }
  10% {
    top: 0;
  }
  80% {
    top: 0;
  }
  100% {
    top: -100%;
  }
}
@-webkit-keyframes messages-peek {
  0% {
    top: -100%;
  }
  10% {
    top: 0;
  }
  80% {
    top: 0;
  }
  100% {
    top: -100%;
  }
}
@-o-keyframes messages-peek {
  0% {
    top: -100%;
  }
  10% {
    top: 0;
  }
  80% {
    top: 0;
  }
  100% {
    top: -100%;
  }
}
@keyframes messages-peek {
  0% {
    top: -100%;
  }
  10% {
    top: 0;
  }
  80% {
    top: 0;
  }
  100% {
    top: -100%;
  }
}
.page-top {
  padding: 0 1rem;
}
@media screen and (min-width: 719px) {
  .page-top {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 900px) {
  .page-top {
    padding: 0 3rem;
  }
}
.page-top h1 {
  font-size: 2rem;
  color: #0e2350;
  margin: 0 1rem 0 0;
  display: inline-block;
  vertical-align: sub;
}
.post-card {
  width: 100%;
  padding: 1rem;
}
@media screen and (min-width: 719px) {
  .post-card {
    width: 50%;
  }
}
.post-card_body {
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem 0.5rem 0 0;
}
.post-card_image {
  width: 100%;
  height: auto;
  padding-bottom: 13.7rem;
}
@media screen and (min-width: 900px) {
  .post-card_image {
    padding-bottom: 12.7rem;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1700px) {
  .post-card_image {
    padding-bottom: 11.7rem;
  }
}
.post-card_text {
  background-color: #fff;
  padding: 1.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: -0.1rem;
  color: #0e2350;
  font-size: 1.2rem;
  line-height: 1.8rem;
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  -ms-transition: max-height 0.3s;
  transition: max-height 0.3s;
  overflow-y: hidden;
  min-height: 14rem;
  max-height: 14rem;
}
@media screen and (min-width: 900px) {
  .post-card_text {
    min-height: 13rem;
    max-height: 13rem;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1600px) and (max-width: 1700px) {
  .post-card_text {
    min-height: 12rem;
    max-height: 12rem;
  }
}
.post-card_text a {
  color: #0e2350;
  border-bottom: 1px solid;
  vertical-align: baseline;
  word-break: break-word;
}
.post-card_text a:hover {
  border-color: #f1ced3;
}
.post-card_text_content {
  position: relative;
}
.post-card_text_full,
.post-card_text_preview {
  display: inline-block;
}
.post-card_text_full {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.post-card_text_preview {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.post-card_text_active {
  max-height: 200rem;
  max-height: 100vmax;
  -webkit-transition: max-height 0.3s;
  -moz-transition: max-height 0.3s;
  -o-transition: max-height 0.3s;
  -ms-transition: max-height 0.3s;
  transition: max-height 0.3s;
}
.post-card_text_active .post-card_text_full {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.post-card_text_active .post-card_text_preview {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.post-card_text h4 {
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
}
.post-card_cta {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 1.5rem 2rem;
  border-radius: 0 0 0.5rem 0.5rem;
  cursor: pointer;
}
.post-card_cta_action {
  float: right;
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.666666666666667rem;
  margin-top: -0.5rem;
}
.post-card_cta_action svg {
  pointer-events: none;
  display: block;
  height: 1rem;
  width: 1rem;
}
.post-card_cta_action path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.post-card_cta_action:hover {
  background-color: #0e2350;
}
.post-card_cta_action:hover path {
  fill: #fff;
}
.post-card_cta_action_down {
  display: none;
}
.post-card_cta_active .post-card_cta_action_up {
  display: none;
}
.post-card_cta_active .post-card_cta_action_down {
  display: block;
}
.post-card:nth-child(odd) .post-card_cta {
  background-color: #f1ced3;
}
.post-card:nth-child(even) .post-card_cta {
  background-color: #feeb94;
}
.post-card_single {
  padding: 0;
  margin-bottom: 2rem;
}
@media screen and (min-width: 719px) {
  .post-card_single {
    width: 100%;
    padding-top: 55.3%;
    position: relative;
  }
  .post-card_single .post-card_body {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    padding: 0;
  }
  .post-card_single .post-card_image {
    margin-bottom: 0;
    border-radius: 0.5rem 0 0 0.5rem;
    width: auto;
    height: 100%;
    padding-bottom: 0;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    -ms-flex-item-align: start;
  }
  .post-card_single .post-card_text {
    border-radius: 0 0.5rem 0.5rem 0;
    padding: 2rem 2rem 2rem 3rem;
    position: static;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin: 0;
    min-height: 0;
    max-height: none;
    overflow: hidden;
  }
  .post-card_single .post-card_text_preview {
    display: none;
  }
  .post-card_single .post-card_text_full {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .post-card_single .post-card_cta {
    border-radius: 0 0 0.5rem 0;
    position: absolute;
    width: 50%;
    right: 0rem;
    bottom: 0rem;
  }
  .post-card_single .post-card_cta_read {
    display: none;
  }
}
.shortlist-selector {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  display: none;
  padding-top: 1rem;
  -webkit-transition:
    visibility 0s 0.3s,
    opacity 0.3s;
  -moz-transition:
    visibility 0s 0.3s,
    opacity 0.3s;
  -o-transition:
    visibility 0s 0.3s,
    opacity 0.3s;
  -ms-transition:
    visibility 0s 0.3s,
    opacity 0.3s;
  transition:
    visibility 0s 0.3s,
    opacity 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media screen and (min-width: 719px) {
  .shortlist-selector {
    background: #fff;
    padding: 1rem 2rem 1rem 1rem;
    border-radius: 0.5rem;
    z-index: 102;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0.1rem 0.1rem 1rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0.1rem 0.1rem 1rem;
    display: block;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
.shortlist-selector_active {
  display: block;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shortlist-selector_shortlist,
.shortlist-selector_create-shortlist {
  cursor: pointer;
  padding: 1rem 0;
}
.shortlist-selector_shortlist svg,
.shortlist-selector_create-shortlist svg {
  height: 1rem;
  display: inline-block;
  margin-bottom: -0.15rem;
}
.shortlist-selector_shortlist path,
.shortlist-selector_create-shortlist path {
  fill: #0e2350;
}
.shortlist-selector_shortlist_check,
.shortlist-selector_create-shortlist_check,
.shortlist-selector_shortlist_plus,
.shortlist-selector_create-shortlist_plus {
  float: right;
}
@media screen and (min-width: 719px) {
  .shortlist-selector_shortlist_check,
  .shortlist-selector_create-shortlist_check,
  .shortlist-selector_shortlist_plus,
  .shortlist-selector_create-shortlist_plus {
    float: none;
  }
}
.shortlist-selector_shortlist_plus,
.shortlist-selector_create-shortlist_plus {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  display: inline-block;
}
.shortlist-selector_shortlist_check,
.shortlist-selector_create-shortlist_check {
  display: none;
}
.shortlist-selector_shortlist:hover .shortlist-selector_shortlist_plus,
.shortlist-selector_create-shortlist:hover
  .shortlist-selector_create-shortlist_plus {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.shortlist-selector_shortlist_present,
.shortlist-selector_create-shortlist_present {
  cursor: initial;
}
.shortlist-selector_shortlist_present .shortlist-selector_shortlist_plus,
.shortlist-selector_create-shortlist_present
  .shortlist-selector_create-shortlist_plus {
  display: none;
}
.shortlist-selector_shortlist_present .shortlist-selector_shortlist_check,
.shortlist-selector_create-shortlist_present
  .shortlist-selector_create-shortlist_check {
  display: inline-block;
}
.trailer-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(
    left,
    rgba(241, 206, 211, 0.7) 50%,
    rgba(254, 235, 148, 0.7) 50%
  );
  background: -moz-linear-gradient(
    left,
    rgba(241, 206, 211, 0.7) 50%,
    rgba(254, 235, 148, 0.7) 50%
  );
  background: -o-linear-gradient(
    left,
    rgba(241, 206, 211, 0.7) 50%,
    rgba(254, 235, 148, 0.7) 50%
  );
  background: -ms-linear-gradient(
    left,
    rgba(241, 206, 211, 0.7) 50%,
    rgba(254, 235, 148, 0.7) 50%
  );
  background: linear-gradient(
    to right,
    rgba(241, 206, 211, 0.7) 50%,
    rgba(254, 235, 148, 0.7) 50%
  );
}
.trailer-container .trailer {
  height: calc(65vw * (9 / 16));
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.trailer-container iframe {
  width: 65vw;
  height: 100%;
  margin-left: 3rem;
}
.trailer-container .close-trailer {
  margin-left: 1rem;
  cursor: pointer;
  height: 2rem;
}
.trailer-container .close-trailer path {
  fill: #0e2350;
}
#about-page,
#contact-page {
  background-color: #f6f6f6;
  display: initial;
}
@media screen and (min-width: 719px) {
  #about-page,
  #contact-page {
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#about-page header .mobile-menu,
#contact-page header .mobile-menu {
  padding-top: 6.7rem;
  margin-top: -32.2rem;
}
@media screen and (max-width: 718px) {
  #about-page header .login,
  #contact-page header .login,
  #about-page header .signup,
  #contact-page header .signup,
  #about-page header .password-reset,
  #contact-page header .password-reset {
    margin-top: 6.7rem;
  }
}
#about-page header .header,
#contact-page header .header {
  -webkit-animation:
    1.2s ease 0s fadeInDelay,
    1.2s ease 0s dropDownDelay,
    0.3s ease 1.2s fadeIn,
    0.3s ease 1.2s dropDown;
  -moz-animation:
    1.2s ease 0s fadeInDelay,
    1.2s ease 0s dropDownDelay,
    0.3s ease 1.2s fadeIn,
    0.3s ease 1.2s dropDown;
  -o-animation:
    1.2s ease 0s fadeInDelay,
    1.2s ease 0s dropDownDelay,
    0.3s ease 1.2s fadeIn,
    0.3s ease 1.2s dropDown;
  -ms-animation:
    1.2s ease 0s fadeInDelay,
    1.2s ease 0s dropDownDelay,
    0.3s ease 1.2s fadeIn,
    0.3s ease 1.2s dropDown;
  animation:
    1.2s ease 0s fadeInDelay,
    1.2s ease 0s dropDownDelay,
    0.3s ease 1.2s fadeIn,
    0.3s ease 1.2s dropDown;
}
#about-page .container,
#contact-page .container {
  min-height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#about-page .container a,
#contact-page .container a {
  color: #0e2350;
}
#about-page .container a:hover,
#contact-page .container a:hover {
  border-bottom: 1px solid;
}
#about-page #map,
#contact-page #map {
  -webkit-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -moz-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -o-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -ms-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  pointer-events: none;
}
@media screen and (max-width: 899px) {
  #about-page #map,
  #contact-page #map {
    height: 50vh;
  }
}
@media screen and (max-width: 718px) {
  #about-page #map,
  #contact-page #map {
    height: 75vh;
  }
}
#about-page #map .gmnoprint,
#contact-page #map .gmnoprint {
  display: none;
}
#about-page .picture,
#contact-page .picture {
  -webkit-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -moz-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -o-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -ms-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  height: 100vh;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 900px) {
  #about-page .picture,
  #contact-page .picture {
    width: 50%;
  }
}
#about-page .picture_photo,
#contact-page .picture_photo {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.9s;
  -moz-transition: opacity 0.9s;
  -o-transition: opacity 0.9s;
  -ms-transition: opacity 0.9s;
  transition: opacity 0.9s;
}
#about-page .picture_photo_active,
#contact-page .picture_photo_active {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (min-width: 900px) {
  #about-page .picture_photo,
  #contact-page .picture_photo {
    position: fixed;
    width: 50%;
  }
}
@media screen and (max-width: 899px) {
  #about-page .picture_photo_additional,
  #contact-page .picture_photo_additional {
    position: absolute;
  }
}
#about-page .picture_container,
#contact-page .picture_container {
  -webkit-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -moz-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -o-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -ms-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  position: absolute;
  width: 100%;
  bottom: 0rem;
  z-index: 10;
  padding: 2rem 2rem 4rem;
  background: -webkit-linear-gradient(
    bottom,
    rgba(14, 35, 80, 0.5),
    transparent
  );
  background: -moz-linear-gradient(bottom, rgba(14, 35, 80, 0.5), transparent);
  background: -o-linear-gradient(bottom, rgba(14, 35, 80, 0.5), transparent);
  background: -ms-linear-gradient(bottom, rgba(14, 35, 80, 0.5), transparent);
  background: linear-gradient(to top, rgba(14, 35, 80, 0.5), transparent);
}
#about-page .picture_container h2,
#contact-page .picture_container h2 {
  -webkit-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s dropDownDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s dropDown;
  -moz-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s dropDownDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s dropDown;
  -o-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s dropDownDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s dropDown;
  -ms-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s dropDownDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s dropDown;
  animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s dropDownDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s dropDown;
  font-family: "open-sans", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  line-height: 1.5;
  margin: 0 0 1rem;
}
@media screen and (min-width: 900px) {
  #about-page .picture_container h2,
  #contact-page .picture_container h2 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 719px) {
  #about-page .picture_container,
  #contact-page .picture_container {
    width: 75%;
    padding: 3rem 3rem 7rem;
  }
}
@media screen and (min-width: 900px) {
  #about-page .picture_container,
  #contact-page .picture_container {
    width: 50%;
    position: fixed;
  }
}
#about-page .gallery-controls,
#contact-page .gallery-controls {
  -webkit-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  -moz-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  -o-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  -ms-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
}
#about-page .gallery-controls svg,
#contact-page .gallery-controls svg {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -o-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  pointer-events: none;
}
#about-page .gallery-controls path,
#contact-page .gallery-controls path,
#about-page .gallery-controls circle,
#contact-page .gallery-controls circle {
  fill: #fff;
  stroke: #fff;
}
#about-page .gallery-controls_arrow,
#contact-page .gallery-controls_arrow,
#about-page .gallery-controls_dot,
#contact-page .gallery-controls_dot {
  display: inline-block;
}
#about-page .gallery-controls_dot,
#contact-page .gallery-controls_dot {
  vertical-align: bottom;
}
#about-page .gallery-controls_dot_active circle,
#contact-page .gallery-controls_dot_active circle {
  stroke-width: 0.5rem;
}
#about-page .left,
#contact-page .left,
#about-page .right,
#contact-page .right,
#about-page right-new,
#contact-page right-new {
  width: 100%;
  padding: 1.5rem;
  color: #0e2350;
  display: block;
}
#about-page .left h1,
#contact-page .left h1,
#about-page .right h1,
#contact-page .right h1,
#about-page right-new h1,
#contact-page right-new h1 {
  font-family: "open-sans", sans-serif;
  font-size: 2.75rem;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 1rem;
  max-width: 25rem;
}
@media screen and (min-width: 900px) {
  #about-page .left h1,
  #contact-page .left h1,
  #about-page .right h1,
  #contact-page .right h1,
  #about-page right-new h1,
  #contact-page right-new h1 {
    font-size: 3.75rem;
  }
}
#about-page .left h4,
#contact-page .left h4,
#about-page .right h4,
#contact-page .right h4,
#about-page right-new h4,
#contact-page right-new h4 {
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 1rem 0 0;
}
#about-page .left p,
#contact-page .left p,
#about-page .right p,
#contact-page .right p,
#about-page right-new p,
#contact-page right-new p {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: lighter;
  margin: 0 0 1rem;
}
@media screen and (min-width: 719px) {
  #about-page .left,
  #contact-page .left,
  #about-page .right,
  #contact-page .right,
  #about-page right-new,
  #contact-page right-new {
    width: 50%;
  }
}
#about-page .left,
#contact-page .left {
  -webkit-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -moz-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -o-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -ms-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  background-color: #f1ced3;
}
@media screen and (min-width: 719px) {
  #about-page .left,
  #contact-page .left {
    padding: 2.5rem;
  }
}
@media screen and (min-width: 900px) {
  #about-page .left,
  #contact-page .left {
    width: 25%;
  }
}
@media screen and (min-width: 900px) {
  #about-page .left,
  #contact-page .left {
    padding: 6.7rem 2.5rem 4.5rem;
  }
}
#about-page .right-new,
#contact-page .right-new {
  font-family: "open-sans", sans-serif;
  color: #0e2350;
  -webkit-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -moz-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -o-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -ms-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
}
@media screen and (min-width: 719px) {
  #about-page .right-new,
  #contact-page .right-new {
    padding: 3rem;
  }
}
@media screen and (min-width: 900px) {
  #about-page .right-new,
  #contact-page .right-new {
    padding: 7.2rem 3rem 4.5rem;
  }
}
@media screen and (min-width: 900px) {
  #about-page .right-new,
  #contact-page .right-new {
    width: 50%;
  }
}
#about-page .right-new a,
#contact-page .right-new a {
  color: #f30583;
}
#about-page .right-new a:hover,
#contact-page .right-new a:hover {
  border-bottom: 1px solid;
}
#about-page .right-new h1,
#contact-page .right-new h1 {
  font-size: 3.75rem;
  color: #0e2350;
}
#about-page .right,
#contact-page .right {
  -webkit-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -moz-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -o-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -ms-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
}
@media screen and (min-width: 719px) {
  #about-page .right,
  #contact-page .right {
    padding: 3rem;
  }
}
@media screen and (min-width: 900px) {
  #about-page .right,
  #contact-page .right {
    padding: 7.2rem 3rem 4.5rem;
  }
}
@media screen and (min-width: 900px) {
  #about-page .right,
  #contact-page .right {
    width: 25%;
  }
}
#about-page footer,
#contact-page footer {
  -webkit-animation:
    1.8s ease 0s fadeInDelay,
    1.8s ease 0s slideUpDelay,
    0.3s ease 1.8s fadeIn,
    0.3s ease 1.8s slideUp;
  -moz-animation:
    1.8s ease 0s fadeInDelay,
    1.8s ease 0s slideUpDelay,
    0.3s ease 1.8s fadeIn,
    0.3s ease 1.8s slideUp;
  -o-animation:
    1.8s ease 0s fadeInDelay,
    1.8s ease 0s slideUpDelay,
    0.3s ease 1.8s fadeIn,
    0.3s ease 1.8s slideUp;
  -ms-animation:
    1.8s ease 0s fadeInDelay,
    1.8s ease 0s slideUpDelay,
    0.3s ease 1.8s fadeIn,
    0.3s ease 1.8s slideUp;
  animation:
    1.8s ease 0s fadeInDelay,
    1.8s ease 0s slideUpDelay,
    0.3s ease 1.8s fadeIn,
    0.3s ease 1.8s slideUp;
}
@media screen and (min-width: 900px) {
  #about-page footer,
  #contact-page footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
@media screen and (min-width: 900px) {
  #about-page .right {
    padding: 12.2rem 3rem 4.5rem;
  }
}
#contact-page .heading path {
  fill: #0e2350;
}
#contact-page .left,
#contact-page .right {
  min-height: 47vh;
}
@media screen and (min-width: 900px) {
  #contact-page .left,
  #contact-page .right {
    min-height: none;
  }
}
#contact-page .right h1 {
  margin-top: -0.6rem;
}
#blog-post-list {
  background-color: #f6f6f6;
  padding-top: 6.7rem;
}
#blog-post-list .pagination {
  min-width: 696px;
  list-style: none;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  text-align: center;
}
#blog-post-list .pagination li {
  display: inline;
}
#blog-post-list .pagination a {
  color: #000;
}
#blog-post-list .pagination li.page-info {
  display: block;
}
#blog-post-list .header {
  -webkit-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -moz-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -o-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -ms-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
}
#blog-post-list .heading path {
  fill: #0e2350;
}
#blog-post-list .posts {
  margin: 0 0 2rem;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
@media screen and (min-width: 719px) {
  #blog-post-list .posts {
    margin: 0 1rem 2rem;
  }
}
@media screen and (min-width: 900px) {
  #blog-post-list .posts {
    margin: 0 1.5rem 2rem;
  }
}
#blog-post-list .post-card {
  width: 100%;
}
@media screen and (min-width: 719px) {
  #blog-post-list .post-card {
    width: 50%;
  }
}
@media screen and (min-width: 900px) {
  #blog-post-list .post-card {
    width: calc(100% / 3);
    padding: 1rem 1.5rem;
  }
}
@media screen and (min-width: 1050px) {
  #blog-post-list .post-card {
    width: calc(100% / 4);
  }
}
@media screen and (min-width: 1700px) {
  #blog-post-list .post-card {
    width: calc(100% / 5);
  }
}
#blog-post-list footer {
  -webkit-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s slideUpDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s slideUp;
  -moz-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s slideUpDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s slideUp;
  -o-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s slideUpDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s slideUp;
  -ms-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s slideUpDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s slideUp;
  animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s slideUpDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s slideUp;
}
#client-detail {
  background-color: #f6f6f6;
}
#client-detail header .mobile-menu {
  padding-top: 6.7rem;
  margin-top: -32.2rem;
}
@media screen and (max-width: 718px) {
  #client-detail header .login,
  #client-detail header .signup,
  #client-detail header .password-reset {
    margin-top: 6.7rem;
  }
}
#client-detail header .header {
  -webkit-animation:
    1.5s ease 0s fadeInDelay,
    1.5s ease 0s dropDownDelay,
    0.3s ease 1.5s fadeIn,
    0.3s ease 1.5s dropDown;
  -moz-animation:
    1.5s ease 0s fadeInDelay,
    1.5s ease 0s dropDownDelay,
    0.3s ease 1.5s fadeIn,
    0.3s ease 1.5s dropDown;
  -o-animation:
    1.5s ease 0s fadeInDelay,
    1.5s ease 0s dropDownDelay,
    0.3s ease 1.5s fadeIn,
    0.3s ease 1.5s dropDown;
  -ms-animation:
    1.5s ease 0s fadeInDelay,
    1.5s ease 0s dropDownDelay,
    0.3s ease 1.5s fadeIn,
    0.3s ease 1.5s dropDown;
  animation:
    1.5s ease 0s fadeInDelay,
    1.5s ease 0s dropDownDelay,
    0.3s ease 1.5s fadeIn,
    0.3s ease 1.5s dropDown;
}
#client-detail .container {
  min-height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#client-detail .picture {
  -webkit-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -moz-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -o-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -ms-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  width: 100%;
  height: 100vh;
  background-color: #f1ced3;
  position: relative;
}
@media screen and (min-width: 900px) {
  #client-detail .picture {
    width: 50%;
  }
}
#client-detail .picture_duotone,
#client-detail .picture_photo {
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  color-interpolation-filters: sRGB;
}
@media screen and (min-width: 900px) {
  #client-detail .picture_duotone,
  #client-detail .picture_photo {
    position: fixed;
    width: 50%;
  }
}
#client-detail .picture_photo {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.9s;
  -moz-transition: opacity 0.9s;
  -o-transition: opacity 0.9s;
  -ms-transition: opacity 0.9s;
  transition: opacity 0.9s;
}
#client-detail .picture_photo_active {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 899px) {
  #client-detail .picture_photo_additional {
    position: absolute;
  }
}
#client-detail .picture_container {
  -webkit-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -moz-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -o-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -ms-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  position: absolute;
  width: 100%;
  bottom: 0rem;
  z-index: 10;
  padding: 2rem 2rem 4rem;
  background: -webkit-linear-gradient(
    bottom,
    rgba(14, 35, 80, 0.5),
    transparent
  );
  background: -moz-linear-gradient(bottom, rgba(14, 35, 80, 0.5), transparent);
  background: -o-linear-gradient(bottom, rgba(14, 35, 80, 0.5), transparent);
  background: -ms-linear-gradient(bottom, rgba(14, 35, 80, 0.5), transparent);
  background: linear-gradient(to top, rgba(14, 35, 80, 0.5), transparent);
}
#client-detail .picture_container h2 {
  -webkit-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s dropDownDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s dropDown;
  -moz-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s dropDownDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s dropDown;
  -o-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s dropDownDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s dropDown;
  -ms-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s dropDownDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s dropDown;
  animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s dropDownDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s dropDown;
  font-family: "open-sans", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  line-height: 1.5;
  margin: 0 0 1rem;
}
@media screen and (min-width: 900px) {
  #client-detail .picture_container h2 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 719px) {
  #client-detail .picture_container h2 {
    width: 60%;
  }
}
@media screen and (min-width: 719px) {
  #client-detail .picture_container {
    padding: 3rem 3rem 7rem;
  }
}
@media screen and (min-width: 900px) {
  #client-detail .picture_container {
    width: 50%;
    position: fixed;
  }
}
#client-detail .picture .contact-agent {
  -webkit-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -moz-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -o-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -ms-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 1rem 3rem;
  display: inline-block;
  text-transform: none;
}
#client-detail .picture .contact-agent svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#client-detail .picture .contact-agent path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#client-detail .picture .contact-agent:hover {
  color: #fff;
  background-color: #0e2350;
}
#client-detail .picture .contact-agent:hover path {
  fill: #fff;
}
#client-detail .picture .contact-agent_uppercase {
  text-transform: uppercase;
}
#client-detail .add-to-shortlist {
  -webkit-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -moz-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -o-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -ms-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 1.2rem;
  display: inline-block;
  padding: 0.7rem;
  margin-left: 1rem;
  margin-bottom: -1.3rem;
  position: relative;
  overflow: visible;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#client-detail .add-to-shortlist svg {
  pointer-events: none;
  display: block;
  height: 1.8rem;
  width: 1.8rem;
}
#client-detail .add-to-shortlist path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#client-detail .add-to-shortlist:hover {
  background-color: #0e2350;
}
#client-detail .add-to-shortlist:hover path {
  fill: #fff;
}
#client-detail .add-to-shortlist_active {
  -webkit-transform: rotate(230deg);
  -moz-transform: rotate(230deg);
  -o-transform: rotate(230deg);
  -ms-transform: rotate(230deg);
  transform: rotate(230deg);
}
#client-detail .shortlist-selector,
#client-detail .client-detail_create-shortlist {
  left: 19.7rem;
  bottom: 11.5rem;
  width: 100%;
  background-color: #fff;
  z-index: 102;
}
@media screen and (max-width: 718px) {
  #client-detail .shortlist-selector,
  #client-detail .client-detail_create-shortlist {
    padding: 1.5rem;
  }
}
@media screen and (min-width: 719px) {
  #client-detail .shortlist-selector,
  #client-detail .client-detail_create-shortlist {
    position: absolute;
    width: 20rem;
  }
}
@media screen and (min-width: 900px) {
  #client-detail .shortlist-selector,
  #client-detail .client-detail_create-shortlist {
    position: fixed;
  }
}
#client-detail .client-detail_create-shortlist {
  display: none;
  bottom: 7rem;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (min-width: 719px) {
  #client-detail .client-detail_create-shortlist {
    display: block;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    border-radius: 0.5rem;
    padding: 1rem 2rem 2rem;
    width: 27rem;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0.1rem 0.1rem 1rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0.1rem 0.1rem 1rem;
  }
}
#client-detail .client-detail_create-shortlist_title {
  color: #0e2350;
  margin: 1rem 0;
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
}
#client-detail .client-detail_create-shortlist_active {
  display: block;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
#client-detail .client-detail_create-shortlist_input {
  margin-bottom: 1.5rem;
}
#client-detail .client-detail_create-shortlist_submit {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #feeb94;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 1rem 3rem;
  margin-right: 1rem;
  display: inline-block;
}
#client-detail .client-detail_create-shortlist_submit svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#client-detail .client-detail_create-shortlist_submit path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#client-detail .client-detail_create-shortlist_submit:hover {
  color: #feeb94;
  background-color: #0e2350;
}
#client-detail .client-detail_create-shortlist_submit:hover path {
  fill: #feeb94;
}
#client-detail .client-detail_create-shortlist_hide {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #feeb94;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.973333333333333rem;
  display: inline-block;
  margin-bottom: -1.3rem;
  position: relative;
  overflow: visible;
}
#client-detail .client-detail_create-shortlist_hide svg {
  pointer-events: none;
  display: block;
  height: 1.46rem;
  width: 1.46rem;
}
#client-detail .client-detail_create-shortlist_hide path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#client-detail .client-detail_create-shortlist_hide:hover {
  background-color: #0e2350;
}
#client-detail .client-detail_create-shortlist_hide:hover path {
  fill: #feeb94;
}
#client-detail .client-detail_contact-agent {
  background: #fff;
  padding: 1rem 1.45rem 2rem;
  display: none;
  color: #0e2350;
}
@media screen and (min-width: 719px) {
  #client-detail .client-detail_contact-agent {
    border-radius: 0.5rem;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0.1rem 0.1rem 1rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0.1rem 0.1rem 1rem;
    position: absolute;
    z-index: 102;
    bottom: 7rem;
    left: 3rem;
    width: 28rem;
  }
}
@media screen and (min-width: 900px) {
  #client-detail .client-detail_contact-agent {
    position: fixed;
  }
}
#client-detail .client-detail_contact-agent textarea {
  max-width: 30rem;
  max-height: 20rem;
}
#client-detail .client-detail_contact-agent_title {
  color: #0e2350;
  margin: 1rem 0;
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
}
#client-detail .client-detail_contact-agent_active {
  display: block;
}
#client-detail .client-detail_contact-agent_with-error {
  -webkit-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -moz-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -o-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -ms-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
}
#client-detail .client-detail_contact-agent_submit {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #feeb94;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 1rem 3rem;
  margin-right: 1rem;
  display: inline-block;
}
#client-detail .client-detail_contact-agent_submit svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#client-detail .client-detail_contact-agent_submit path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#client-detail .client-detail_contact-agent_submit:hover {
  color: #feeb94;
  background-color: #0e2350;
}
#client-detail .client-detail_contact-agent_submit:hover path {
  fill: #feeb94;
}
#client-detail .client-detail_contact-agent_hide {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #feeb94;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.973333333333333rem;
  display: inline-block;
  margin-bottom: -1.3rem;
  position: relative;
  overflow: visible;
}
#client-detail .client-detail_contact-agent_hide svg {
  pointer-events: none;
  display: block;
  height: 1.46rem;
  width: 1.46rem;
}
#client-detail .client-detail_contact-agent_hide path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#client-detail .client-detail_contact-agent_hide:hover {
  background-color: #0e2350;
}
#client-detail .client-detail_contact-agent_hide:hover path {
  fill: #feeb94;
}
#client-detail .gallery-controls {
  -webkit-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -moz-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -o-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  -ms-animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
  animation:
    1.2s ease 0s fadeInDelay,
    0.3s ease 1.2s fadeIn;
}
#client-detail .gallery-controls svg {
  height: 1.825rem;
  width: 1.825rem;
  pointer-events: none;
}
#client-detail .gallery-controls path,
#client-detail .gallery-controls circle {
  fill: #fff;
  stroke: #fff;
}
#client-detail .gallery-controls_arrow,
#client-detail .gallery-controls_dot {
  display: inline-block;
}
#client-detail .gallery-controls_dot {
  vertical-align: bottom;
}
#client-detail .gallery-controls_dot_active circle {
  stroke-width: 0.5rem;
}
#client-detail .tracks {
  -webkit-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -moz-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -o-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -ms-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  background-color: #f1ced3;
  color: #0e2350;
  width: 100%;
  padding: 1.5rem;
}
#client-detail .tracks h1 {
  font-family: "open-sans", sans-serif;
  font-size: 2.75rem;
  font-weight: bold;
  line-height: 1.5;
  -webkit-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  -moz-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  -o-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  -ms-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  margin: 0 0 2rem 0;
  max-width: 25rem;
}
@media screen and (min-width: 900px) {
  #client-detail .tracks h1 {
    font-size: 3.75rem;
  }
}
#client-detail .tracks h4 {
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  -webkit-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  -moz-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  -o-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  -ms-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  margin: 1rem 0 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid;
}
#client-detail .tracks li {
  -webkit-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  -moz-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  -o-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  -ms-animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  animation:
    1.8s ease 0s fadeInDelay,
    0.3s ease 1.8s fadeIn;
  margin: 1.5rem 0;
}
@media screen and (min-width: 719px) {
  #client-detail .tracks {
    width: 50%;
    padding: 2.5rem;
  }
}
@media screen and (min-width: 900px) {
  #client-detail .tracks {
    min-height: 100vh;
    width: 25%;
    padding: 8.3rem 2.5rem 2.5rem;
  }
}
#client-detail .info {
  -webkit-animation:
    2.1s ease 0s fadeInDelay,
    0.3s ease 2.1s fadeIn;
  -moz-animation:
    2.1s ease 0s fadeInDelay,
    0.3s ease 2.1s fadeIn;
  -o-animation:
    2.1s ease 0s fadeInDelay,
    0.3s ease 2.1s fadeIn;
  -ms-animation:
    2.1s ease 0s fadeInDelay,
    0.3s ease 2.1s fadeIn;
  animation:
    2.1s ease 0s fadeInDelay,
    0.3s ease 2.1s fadeIn;
  padding: 1.5rem;
  width: 100%;
  color: #0e2350;
}
#client-detail .info h4 {
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 1.5rem 0 0.5rem;
}
#client-detail .info p {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: lighter;
  font-weight: normal;
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 719px) {
  #client-detail .info {
    width: 50%;
    padding: 3rem;
  }
}
@media screen and (min-width: 900px) {
  #client-detail .info {
    min-height: 100vh;
    width: 25%;
    padding: 7.8rem 3rem 3rem;
  }
}
#client-detail .related {
  -webkit-animation:
    2.4s ease 0s fadeInDelay,
    0.3s ease 2.4s fadeIn;
  -moz-animation:
    2.4s ease 0s fadeInDelay,
    0.3s ease 2.4s fadeIn;
  -o-animation:
    2.4s ease 0s fadeInDelay,
    0.3s ease 2.4s fadeIn;
  -ms-animation:
    2.4s ease 0s fadeInDelay,
    0.3s ease 2.4s fadeIn;
  animation:
    2.4s ease 0s fadeInDelay,
    0.3s ease 2.4s fadeIn;
  width: 100%;
  padding: 1.5rem;
  color: #0e2350;
}
#client-detail .related:empty {
  display: none;
}
@media screen and (min-width: 719px) {
  #client-detail .related {
    padding: 2rem 2.5rem;
  }
}
@media screen and (min-width: 900px) {
  #client-detail .related {
    margin-left: 50%;
    width: 50%;
  }
}
#client-detail .posts {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin: -1rem -1rem 1rem;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media screen and (min-width: 719px) {
  #client-detail .posts {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
#client-detail .client_trailer {
  border-radius: 0.5rem;
  overflow: hidden;
}
#client-detail .client_trailer iframe {
  width: 100%;
  height: 56.25vw;
}
@media screen and (min-width: 900px) {
  #client-detail .client_trailer iframe {
    height: 28.125vw;
  }
}
#client-detail .client_trailer video {
  width: 100%;
  height: 100%;
}
#client-detail .client_trailer_title {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: lighter;
  font-weight: normal;
  width: 100%;
  background-color: #fff;
  margin-top: -0.3rem;
  padding: 1rem;
}
#client-detail .profiles {
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 2rem 0 0 0.5rem;
}
#client-detail .profiles_link {
  margin: 0 0.5rem;
}
#client-detail .profiles_link:first-child {
  margin-left: 1rem;
}
#client-detail .profiles_link img {
  height: 2rem;
  vertical-align: text-bottom;
  display: inline-block;
}
#clients-list {
  background-color: #f6f6f6;
  padding-top: 6.7rem;
}
#clients-list .header {
  -webkit-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -moz-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -o-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -ms-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
}
#clients-list .heading path {
  fill: #0e2350;
}
#clients-list .page-top {
  -webkit-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -moz-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -o-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -ms-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
}
#clients-list .filter-menu_term {
  -webkit-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -moz-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -o-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -ms-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
}
#home {
  height: 100%;
  display: initial;
  background-color: #f6f6f6;
}
@media screen and (min-width: 719px) {
  #home {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#home header .mobile-menu {
  padding-top: 6.7rem;
  margin-top: -33.8rem;
}
@media screen and (max-width: 718px) {
  #home header .login,
  #home header .signup,
  #home header .password-reset {
    margin-top: 6.7rem;
  }
}
#home header .header {
  -webkit-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0s dropDownDelay,
    0.3s ease 0.3s fadeIn,
    0.3s ease 0.3s dropDown;
  -moz-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0s dropDownDelay,
    0.3s ease 0.3s fadeIn,
    0.3s ease 0.3s dropDown;
  -o-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0s dropDownDelay,
    0.3s ease 0.3s fadeIn,
    0.3s ease 0.3s dropDown;
  -ms-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0s dropDownDelay,
    0.3s ease 0.3s fadeIn,
    0.3s ease 0.3s dropDown;
  animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0s dropDownDelay,
    0.3s ease 0.3s fadeIn,
    0.3s ease 0.3s dropDown;
}
#home .slider {
  background-color: #fff;
  height: 100%;
  width: 100%;
  display: inline;
  position: relative;
}
@media screen and (min-width: 719px) {
  #home .slider {
    overflow: hidden;
  }
}
#home .left,
#home .right {
  -webkit-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -moz-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -o-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  -ms-animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  animation:
    1.5s ease 0s fadeInDelay,
    0.3s ease 1.5s fadeIn;
  display: none;
  cursor: pointer;
  position: absolute;
  margin: auto;
  top: 50%;
}
#home .left svg,
#home .right svg {
  height: 2.5rem;
  width: 2.5rem;
}
#home .left path,
#home .right path {
  fill: #fff;
  -webkit-transition: fill 0.3s;
  -moz-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  -ms-transition: fill 0.3s;
  transition: fill 0.3s;
}
#home .left:hover path,
#home .right:hover path {
  fill: #0e2350;
}
@media screen and (min-width: 719px) {
  #home .left,
  #home .right {
    display: block;
  }
}
#home .left {
  left: 2.5rem;
}
#home .right {
  right: 2.5rem;
}
#home .slide {
  -webkit-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -moz-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -o-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  -ms-animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  animation:
    0s ease 0s fadeInDelay,
    0.3s ease 0s fadeIn;
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-transition:
    visibility 0s 0.9s,
    opacity 0.9s;
  -moz-transition:
    visibility 0s 0.9s,
    opacity 0.9s;
  -o-transition:
    visibility 0s 0.9s,
    opacity 0.9s;
  -ms-transition:
    visibility 0s 0.9s,
    opacity 0.9s;
  transition:
    visibility 0s 0.9s,
    opacity 0.9s;
}
@media screen and (min-width: 719px) {
  #home .slide {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 50%;
  }
}
#home .slide.active {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
  visibility: visible;
}
#home .slide.pink {
  background: #f1ced3;
}
@media screen and (min-width: 719px) {
  #home .slide.pink {
    position: absolute;
    left: 0;
  }
}
#home .slide.yellow {
  background: #feeb94;
}
@media screen and (min-width: 719px) {
  #home .slide.yellow {
    position: absolute;
    right: 0;
  }
}
#home .slide .info {
  -webkit-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  -moz-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  -o-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  -ms-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  background: -webkit-linear-gradient(
    bottom,
    rgba(14, 35, 80, 0.5),
    transparent
  );
  background: -moz-linear-gradient(bottom, rgba(14, 35, 80, 0.5), transparent);
  background: -o-linear-gradient(bottom, rgba(14, 35, 80, 0.5), transparent);
  background: -ms-linear-gradient(bottom, rgba(14, 35, 80, 0.5), transparent);
  background: linear-gradient(to top, rgba(14, 35, 80, 0.5), transparent);
  bottom: 0;
  width: 100%;
  position: absolute;
  padding: 2rem 3rem 6rem;
  color: #fff;
}
@media screen and (min-width: 719px) {
  #home .slide .info {
    padding: 2rem 3rem 7rem;
  }
}
#home .slide h3 {
  -webkit-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s dropDownDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s dropDown;
  -moz-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s dropDownDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s dropDown;
  -o-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s dropDownDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s dropDown;
  -ms-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s dropDownDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s dropDown;
  animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s dropDownDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s dropDown;
  font-size: 2.5rem;
  margin: 2rem 0;
}
#home .slide .watch-trailer,
#home .slide .slide-cta {
  -webkit-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  -moz-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  -o-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  -ms-animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  animation:
    0.9s ease 0s fadeInDelay,
    0.3s ease 0.9s fadeIn;
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #fff;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0 0.2rem;
  padding: 1rem 2rem;
}
#home .slide .watch-trailer svg,
#home .slide .slide-cta svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#home .slide .watch-trailer path,
#home .slide .slide-cta path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#home .slide .watch-trailer:hover,
#home .slide .slide-cta:hover {
  color: #fff;
  background-color: #0e2350;
}
#home .slide .watch-trailer:hover path,
#home .slide .slide-cta:hover path {
  fill: #fff;
}
#home .slide svg image {
  height: 100%;
}
#home .slide-bg {
  -webkit-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -moz-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -o-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -ms-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  width: 100%;
  height: 100%;
  color-interpolation-filters: sRGB;
}
#home footer {
  bottom: 0;
  width: 100%;
}
@media screen and (min-width: 719px) {
  #home footer {
    -webkit-animation:
      1.2s ease 0s fadeInDelay,
      1.2s ease 0s slideUpDelay,
      0.3s ease 1.2s fadeIn,
      0.3s ease 1.2s slideUp;
    -moz-animation:
      1.2s ease 0s fadeInDelay,
      1.2s ease 0s slideUpDelay,
      0.3s ease 1.2s fadeIn,
      0.3s ease 1.2s slideUp;
    -o-animation:
      1.2s ease 0s fadeInDelay,
      1.2s ease 0s slideUpDelay,
      0.3s ease 1.2s fadeIn,
      0.3s ease 1.2s slideUp;
    -ms-animation:
      1.2s ease 0s fadeInDelay,
      1.2s ease 0s slideUpDelay,
      0.3s ease 1.2s fadeIn,
      0.3s ease 1.2s slideUp;
    animation:
      1.2s ease 0s fadeInDelay,
      1.2s ease 0s slideUpDelay,
      0.3s ease 1.2s fadeIn,
      0.3s ease 1.2s slideUp;
    position: absolute;
  }
}
#shortlist-detail {
  background-color: #f6f6f6;
  padding-top: 6.7rem;
}
#shortlist-detail .header {
  -webkit-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -moz-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -o-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -ms-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
}
#shortlist-detail .heading path {
  fill: #0e2350;
}
#shortlist-detail .page-top {
  -webkit-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -moz-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -o-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -ms-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  position: relative;
}
#shortlist-detail .page-top h1 {
  display: none;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .page-top h1 {
    display: inline-block;
  }
}
#shortlist-detail .shortlist_title {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #f1ced3;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  margin: 0 1rem 0 0;
  cursor: pointer;
}
#shortlist-detail .shortlist_title svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#shortlist-detail .shortlist_title path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-detail .shortlist_title:hover {
  color: #0e2350;
  background-color: #f1ced3;
}
#shortlist-detail .shortlist_title:hover path {
  fill: #0e2350;
}
#shortlist-detail .shortlist_title_text {
  display: inline-block;
  margin-bottom: -0.3rem;
  max-width: 25.5vw;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
#shortlist-detail .shortlist_title_up {
  display: none;
}
#shortlist-detail .shortlist_title_active .shortlist_title_up {
  display: inline;
}
#shortlist-detail .shortlist_title_active .shortlist_title_down {
  display: none;
}
#shortlist-detail .shortlist_list {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  display: none;
  background: #fff;
  padding: 1rem;
  z-index: 102;
  margin: 1rem -1rem 0;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .shortlist_list {
    margin: 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0.1rem 0.1rem 1rem;
    box-shadow: rgba(0, 0, 0, 0.2) 0.1rem 0.1rem 1rem;
    border-radius: 0.5rem;
    position: absolute;
    top: 4rem;
    left: 14rem;
    min-width: 11rem;
  }
}
#shortlist-detail .shortlist_list_active {
  display: block;
}
#shortlist-detail .shortlist_list_item {
  color: #0e2350;
  display: block;
  padding: 0.5rem 0;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .shortlist_list_item {
    padding: 1rem 0;
  }
}
#shortlist-detail .create-shortlist {
  display: none;
}
#shortlist-detail .create-shortlist_active {
  display: block;
  background: #fff;
  padding: 1.5rem 1rem;
  margin: 1rem -1rem 0;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .create-shortlist_active {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-box;
    display: inline-flex;
    margin: 0;
    background: transparent;
    padding: 0;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
#shortlist-detail .create-shortlist_cta {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #feeb94;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  margin: 0 1rem 0 0;
}
#shortlist-detail .create-shortlist_cta svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#shortlist-detail .create-shortlist_cta path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-detail .create-shortlist_cta:hover {
  color: #feeb94;
  background-color: #0e2350;
}
#shortlist-detail .create-shortlist_cta:hover path {
  fill: #feeb94;
}
#shortlist-detail .create-shortlist_hide {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #feeb94;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.68rem;
  display: inline-block;
  vertical-align: bottom;
}
#shortlist-detail .create-shortlist_hide svg {
  pointer-events: none;
  display: block;
  height: 1.02rem;
  width: 1.02rem;
}
#shortlist-detail .create-shortlist_hide path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-detail .create-shortlist_hide:hover {
  background-color: #0e2350;
}
#shortlist-detail .create-shortlist_hide:hover path {
  fill: #feeb94;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .create-shortlist_hide {
    vertical-align: inherit;
  }
}
#shortlist-detail .create-shortlist .form_input {
  margin-bottom: 1rem;
  margin-top: 0;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .create-shortlist .form_input {
    margin: 0;
    width: auto;
  }
}
#shortlist-detail .create-shortlist .form_submit {
  margin-top: 0;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .create-shortlist .form_submit {
    margin-left: 1rem;
  }
}
#shortlist-detail .shortlist-buttons {
  float: right;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .shortlist-buttons {
    padding-top: 0.4rem;
  }
}
#shortlist-detail .delete-shortlist,
#shortlist-detail .share-shortlist {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #feeb94;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.691333333333333rem;
  display: inline-block;
}
#shortlist-detail .delete-shortlist svg,
#shortlist-detail .share-shortlist svg {
  pointer-events: none;
  display: block;
  height: 1.037rem;
  width: 1.037rem;
}
#shortlist-detail .delete-shortlist path,
#shortlist-detail .share-shortlist path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-detail .delete-shortlist:hover,
#shortlist-detail .share-shortlist:hover {
  background-color: #0e2350;
}
#shortlist-detail .delete-shortlist:hover path,
#shortlist-detail .share-shortlist:hover path {
  fill: #feeb94;
}
#shortlist-detail .delete-shortlist_button-text,
#shortlist-detail .share-shortlist_button-text {
  display: none;
}
@media screen and (min-width: 900px) {
  #shortlist-detail .delete-shortlist,
  #shortlist-detail .share-shortlist {
    font-family: "open-sans", sans-serif;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #0e2350;
    padding: 0.5rem 1rem;
    background-color: #feeb94;
    border-radius: 100px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  #shortlist-detail .delete-shortlist svg,
  #shortlist-detail .share-shortlist svg {
    pointer-events: none;
    margin-left: 0.25rem;
    height: 0.8rem;
    width: 0.8rem;
  }
  #shortlist-detail .delete-shortlist path,
  #shortlist-detail .share-shortlist path {
    fill: #0e2350;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  #shortlist-detail .delete-shortlist:hover,
  #shortlist-detail .share-shortlist:hover {
    color: #feeb94;
    background-color: #0e2350;
  }
  #shortlist-detail .delete-shortlist:hover path,
  #shortlist-detail .share-shortlist:hover path {
    fill: #feeb94;
  }
  #shortlist-detail .delete-shortlist svg,
  #shortlist-detail .share-shortlist svg {
    display: inline;
  }
  #shortlist-detail .delete-shortlist_button-text,
  #shortlist-detail .share-shortlist_button-text {
    display: inline;
  }
}
#shortlist-detail .delete-shortlist_content,
#shortlist-detail .share-shortlist_content {
  display: none;
  background: #fff;
  padding: 1.5rem 1rem;
  margin: 1rem -1rem 0;
  color: #0e2350;
}
@media screen and (min-width: 900px) {
  #shortlist-detail .delete-shortlist_content,
  #shortlist-detail .share-shortlist_content {
    float: right;
    background: transparent;
    padding: 0;
    margin: 0;
  }
}
#shortlist-detail .delete-shortlist_content_active,
#shortlist-detail .share-shortlist_content_active {
  display: block;
}
#shortlist-detail .share-shortlist {
  margin-left: 1rem;
}
#shortlist-detail .share-shortlist_content_active {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media screen and (min-width: 900px) {
  #shortlist-detail .share-shortlist_content_active {
    display: block;
  }
}
#shortlist-detail .share-shortlist_text {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: lighter;
  color: #0e2350;
  display: inline-block;
  margin-bottom: 1rem;
  width: 100%;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .share-shortlist_text {
    width: auto;
    margin: 0;
  }
}
@media screen and (min-width: 900px) {
  #shortlist-detail .share-shortlist_text {
    width: auto;
    margin-bottom: -0.5rem;
    padding: 0.5rem 1rem;
  }
}
#shortlist-detail .share-shortlist_input {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: lighter;
  color: #0e2350;
  border: 1px solid #0e2350;
  apperance: none;
  background-color: #fff;
  border-radius: 100px;
  padding: 0.2rem 1rem;
  margin: 0 1rem 0 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .share-shortlist_input {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    text-align: left;
    margin: 0 1rem;
  }
}
@media screen and (min-width: 900px) {
  #shortlist-detail .share-shortlist_input {
    margin-right: 0;
    border: 0;
  }
}
#shortlist-detail .share-shortlist_copy {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #feeb94;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  display: none;
}
#shortlist-detail .share-shortlist_copy svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#shortlist-detail .share-shortlist_copy path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-detail .share-shortlist_copy:hover {
  color: #feeb94;
  background-color: #0e2350;
}
#shortlist-detail .share-shortlist_copy:hover path {
  fill: #feeb94;
}
@media screen and (min-width: 900px) {
  #shortlist-detail .share-shortlist_copy {
    margin: 0 1rem;
    display: inline-block;
  }
}
#shortlist-detail .share-shortlist_hide {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #feeb94;
  border-radius: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0.691333333333333rem;
  display: inline-block;
}
#shortlist-detail .share-shortlist_hide svg {
  pointer-events: none;
  display: block;
  height: 1.037rem;
  width: 1.037rem;
}
#shortlist-detail .share-shortlist_hide path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-detail .share-shortlist_hide:hover {
  background-color: #0e2350;
}
#shortlist-detail .share-shortlist_hide:hover path {
  fill: #feeb94;
}
@media screen and (min-width: 900px) {
  #shortlist-detail .share-shortlist_hide {
    margin-bottom: -0.8rem;
    position: static;
  }
}
#shortlist-detail .delete-shortlist_sure,
#shortlist-detail .delete-shortlist_loading {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  font-weight: lighter;
  color: #0e2350;
  margin-bottom: 1rem;
}
@media screen and (min-width: 900px) {
  #shortlist-detail .delete-shortlist_sure,
  #shortlist-detail .delete-shortlist_loading {
    display: inline-block;
    margin: 0;
    padding: 0.5rem 1rem;
  }
}
#shortlist-detail .delete-shortlist_loading {
  display: none;
}
#shortlist-detail .delete-shortlist_yes,
#shortlist-detail .delete-shortlist_no {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #f6f6f6;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-detail .delete-shortlist_yes svg,
#shortlist-detail .delete-shortlist_no svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#shortlist-detail .delete-shortlist_yes path,
#shortlist-detail .delete-shortlist_no path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-detail .delete-shortlist_yes:hover,
#shortlist-detail .delete-shortlist_no:hover {
  color: #fff;
  background-color: #0e2350;
}
#shortlist-detail .delete-shortlist_yes:hover path,
#shortlist-detail .delete-shortlist_no:hover path {
  fill: #fff;
}
@media screen and (min-width: 900px) {
  #shortlist-detail .delete-shortlist_yes,
  #shortlist-detail .delete-shortlist_no {
    font-family: "open-sans", sans-serif;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #0e2350;
    padding: 0.5rem 1rem;
    background-color: #fff;
    border-radius: 100px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  #shortlist-detail .delete-shortlist_yes svg,
  #shortlist-detail .delete-shortlist_no svg {
    pointer-events: none;
    margin-left: 0.25rem;
    height: 0.8rem;
    width: 0.8rem;
  }
  #shortlist-detail .delete-shortlist_yes path,
  #shortlist-detail .delete-shortlist_no path {
    fill: #0e2350;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  #shortlist-detail .delete-shortlist_yes:hover,
  #shortlist-detail .delete-shortlist_no:hover {
    color: #fff;
    background-color: #0e2350;
  }
  #shortlist-detail .delete-shortlist_yes:hover path,
  #shortlist-detail .delete-shortlist_no:hover path {
    fill: #fff;
  }
}
#shortlist-detail .delete-shortlist_yes {
  margin-right: 1rem;
}
@media screen and (min-width: 900px) {
  #shortlist-detail .delete-shortlist_yes {
    margin: 0 1rem;
  }
}
#shortlist-detail .clients-grid:empty {
  display: none;
}
#shortlist-detail .clients-grid:empty + .no-clients {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
#shortlist-detail .clients-grid:empty + footer {
  -webkit-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s slideUpDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s slideUp;
  -moz-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s slideUpDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s slideUp;
  -o-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s slideUpDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s slideUp;
  -ms-animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s slideUpDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s slideUp;
  animation:
    0.6s ease 0s fadeInDelay,
    0.6s ease 0s slideUpDelay,
    0.3s ease 0.6s fadeIn,
    0.3s ease 0.6s slideUp;
}
#shortlist-detail .no-clients {
  -webkit-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -moz-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -o-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -ms-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 30rem;
  -ms-flex: 1 1 30rem;
  flex: 1 1 30rem;
  display: none;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 1rem;
  text-align: center;
}
@media screen and (min-width: 719px) {
  #shortlist-detail .no-clients {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 900px) {
  #shortlist-detail .no-clients {
    padding: 0 3rem;
  }
}
#shortlist-detail .no-clients p {
  color: #0e2350;
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
}
#shortlist-detail .no-clients_cta {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #feeb94;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  margin-top: 1rem;
  padding: 0.5rem 1rem 0.5rem 2rem;
}
#shortlist-detail .no-clients_cta svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#shortlist-detail .no-clients_cta path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-detail .no-clients_cta:hover {
  color: #fff;
  background-color: #0e2350;
}
#shortlist-detail .no-clients_cta:hover path {
  fill: #fff;
}
#shortlist-detail footer {
  -webkit-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s slideUpDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s slideUp;
  -moz-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s slideUpDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s slideUp;
  -o-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s slideUpDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s slideUp;
  -ms-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s slideUpDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s slideUp;
  animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s slideUpDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s slideUp;
}
#shortlist-list,
#shortlist-list-empty {
  background-color: #f6f6f6;
  padding-top: 6.7rem;
}
#shortlist-list .header,
#shortlist-list-empty .header {
  -webkit-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -moz-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -o-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  -ms-animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
  animation:
    0s ease 0s fadeInDelay,
    0s ease 0s dropDownDelay,
    0.3s ease 0s fadeIn,
    0.3s ease 0s dropDown;
}
#shortlist-list .heading path,
#shortlist-list-empty .heading path {
  fill: #0e2350;
}
#shortlist-list .page-top,
#shortlist-list-empty .page-top {
  -webkit-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -moz-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -o-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  -ms-animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
  animation:
    0.3s ease 0s fadeInDelay,
    0.3s ease 0.3s fadeIn;
}
#shortlist-list .shortlist_title,
#shortlist-list-empty .shortlist_title {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #f1ced3;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
#shortlist-list .shortlist_title svg,
#shortlist-list-empty .shortlist_title svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#shortlist-list .shortlist_title path,
#shortlist-list-empty .shortlist_title path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-list .shortlist_title:hover,
#shortlist-list-empty .shortlist_title:hover {
  color: #f1ced3;
  background-color: #0e2350;
}
#shortlist-list .shortlist_title:hover path,
#shortlist-list-empty .shortlist_title:hover path {
  fill: #f1ced3;
}
#shortlist-list .create-shortlist_cta,
#shortlist-list-empty .create-shortlist_cta {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #feeb94;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  margin: 0 1rem;
}
#shortlist-list .create-shortlist_cta svg,
#shortlist-list-empty .create-shortlist_cta svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#shortlist-list .create-shortlist_cta path,
#shortlist-list-empty .create-shortlist_cta path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-list .create-shortlist_cta:hover,
#shortlist-list-empty .create-shortlist_cta:hover {
  color: #feeb94;
  background-color: #0e2350;
}
#shortlist-list .create-shortlist_cta:hover path,
#shortlist-list-empty .create-shortlist_cta:hover path {
  fill: #feeb94;
}
#shortlist-list .clients-grid:empty,
#shortlist-list-empty .clients-grid:empty {
  display: none;
}
#shortlist-list .clients-grid:empty + .no-clients,
#shortlist-list-empty .clients-grid:empty + .no-clients {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
#shortlist-list .no-clients,
#shortlist-list-empty .no-clients {
  -webkit-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -moz-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -o-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -ms-animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  animation:
    0.6s ease 0s fadeInDelay,
    0.3s ease 0.6s fadeIn;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1 1 30rem;
  -ms-flex: 1 1 30rem;
  flex: 1 1 30rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 1rem;
  text-align: center;
}
@media screen and (min-width: 719px) {
  #shortlist-list .no-clients,
  #shortlist-list-empty .no-clients {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 900px) {
  #shortlist-list .no-clients,
  #shortlist-list-empty .no-clients {
    padding: 0 3rem;
  }
}
#shortlist-list .no-clients p,
#shortlist-list-empty .no-clients p {
  color: #0e2350;
  font-family: "open-sans", sans-serif;
  font-size: 1.2rem;
  font-weight: bold;
}
#shortlist-list .no-clients_cta,
#shortlist-list-empty .no-clients_cta {
  font-family: "open-sans", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #0e2350;
  padding: 0.5rem 1rem;
  background-color: #feeb94;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
  margin-top: 1rem;
  padding: 0.5rem 1rem 0.5rem 2rem;
}
#shortlist-list .no-clients_cta svg,
#shortlist-list-empty .no-clients_cta svg {
  pointer-events: none;
  margin-left: 0.25rem;
  height: 0.8rem;
  width: 0.8rem;
}
#shortlist-list .no-clients_cta path,
#shortlist-list-empty .no-clients_cta path {
  fill: #0e2350;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
#shortlist-list .no-clients_cta:hover,
#shortlist-list-empty .no-clients_cta:hover {
  color: #fff;
  background-color: #0e2350;
}
#shortlist-list .no-clients_cta:hover path,
#shortlist-list-empty .no-clients_cta:hover path {
  fill: #fff;
}
#shortlist-list footer,
#shortlist-list-empty footer {
  -webkit-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s slideUpDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s slideUp;
  -moz-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s slideUpDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s slideUp;
  -o-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s slideUpDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s slideUp;
  -ms-animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s slideUpDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s slideUp;
  animation:
    0.9s ease 0s fadeInDelay,
    0.9s ease 0s slideUpDelay,
    0.3s ease 0.9s fadeIn,
    0.3s ease 0.9s slideUp;
}
#update-account {
  background-color: #f6f6f6;
  padding-top: 6.7rem;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #0e2350;
}
#update-account .heading path {
  fill: #0e2350;
}
#update-account section {
  padding: 0 1rem;
}
@media screen and (min-width: 719px) {
  #update-account section {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 900px) {
  #update-account section {
    padding: 0 3rem;
  }
}
#update-account section:last-of-type {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#update-account label {
  display: none;
}
#update-account h1 {
  color: #0e2350;
}
#update-account .form_input {
  max-width: 30rem;
}
#update-account .extra {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 60rem;
}
#update-account .extra a {
  color: #0e2350;
  border-bottom: 1px solid;
}