﻿@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i");
@import url("https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i");
.u-btn-outline-darkgray {
  color: #000;
  border-color: #989898;
  text-transform: uppercase; }
  .u-btn-outline-darkgray:hover :after {
    background-color: #989898; }

.u-btn-outline-darkgray:after {
  background-color: #989898 !important; }

.u-btn-primary-pink {
  color: #fff;
  background-color: #EB207C;
  border-radius: 0px; }
  .u-btn-primary-pink:hover {
    color: #fff;
    border-color: #ef4f97;
    background-color: #ef4f97; }

a:hover.g-bg-facebook {
  background-color: #4c70ba; }

a:hover.g-bg-twitter {
  background-color: #22c2ff; }

a:hover.g-bg-linkedin {
  background-color: #1297d7; }

.rte h2 {
  color: #000 !important;
  font-weight: 400 !important;
  font-size: 1.78571rem !important;
  line-height: 1.4;
  margin-bottom: 2.14286rem !important; }

.rte h3 {
  color: #EB207C;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0px;
  font-weight: 600; }

.rte p {
  color: #000000;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 24px; }
  .rte p .intro {
    font-size: 18px;
    line-height: 28px; }

.rte a {
  color: #000;
  text-decoration: underline; }
  .rte a:hover {
    color: #EB207C; }

.rte .quote {
  display: block;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 15px;
  margin-top: 50px;
  margin-bottom: 50px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 25px;
  padding-top: 25px;
  line-height: 20px;
  padding-left: 50px;
  padding-right: 50px;
  position: relative; }
  .rte .quote:before {
    position: absolute;
    top: 15px;
    left: 25px;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url(../Images/qoute-1.svg);
    background-repeat: no-repeat; }
  .rte .quote:after {
    position: absolute;
    bottom: 12px;
    right: 20px;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    background-size: 20px 20px;
    background-image: url(../Images/qoute-2.svg);
    background-repeat: no-repeat; }

.rte ul {
  padding-left: 0px;
  list-style: none; }
  .rte ul li {
    color: #000;
    position: relative;
    padding-left: 20px;
    line-height: 24px; }
  .rte ul li::before {
    content: "\2022";
    color: #EB207C;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    left: 0px;
    line-height: 24px; }

.rte ol {
  padding-left: 0px;
  list-style: none;
  counter-reset: li; }
  .rte ol li {
    color: #000;
    position: relative;
    padding-left: 20px;
    line-height: 24px;
    counter-increment: li; }
  .rte ol li::before {
    content: counter(li);
    color: #EB207C;
    font-weight: bold;
    font-size: 14px;
    position: absolute;
    left: 0px;
    line-height: 24px; }

.rte iframe {
  max-width: 100% !important; }

@media (min-width: 576px) {
  .text-left--sm {
    text-align: left !important; }
  .text-right--sm {
    text-align: right !important; }
  .text-center--sm {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-left--md {
    text-align: left !important; }
  .text-right--md {
    text-align: right !important; }
  .text-center--md {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-left--lg {
    text-align: left !important; }
  .text-right--lg {
    text-align: right !important; }
  .text-center--lg {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-left--xl {
    text-align: left !important; }
  .text-right--xl {
    text-align: right !important; }
  .text-center--xl {
    text-align: center !important; } }

.newsitemDate {
  display: block;
  margin-bottom: 15px;
  color: #989898;
  font-size: 12px;
  padding-left: 30px;
  position: relative; }
  .newsitemDate i {
    position: absolute;
    left: 0px;
    top: -1px; }

.contactPage .g-bg-primary--hover:hover {
  background-color: #EB207C !important; }

.contactPage .form-control:focus {
  border-color: #EB207C !important; }

.contactPage .field-validation-error {
  color: #EB207C !important; }

.teamBlock i {
  color: #EB207C !important; }

.teamBlock a {
  color: #000; }

.searchResultPage .u-check input[type="checkbox"]:checked + .u-check-icon-checkbox-v4 {
  color: #EB207C;
  border-color: #EB207C; }

.searchResultPage .btn-group input[type="radio"]:checked + .g-bg-primary--checked {
  background-color: #555 !important; }

.searchResultPage .btn-group .g-bg-primary--checked.checked {
  background-color: #555 !important; }

.searchResultPage .justified-content .u-check {
  width: 100%; }

.searchResultPage article {
  border: 1px solid #ccc;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

.searchResultPage .searchResult:hover article {
  border-color: #000;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }

article a {
  color: #000; }
  article a:hover {
    text-decoration: none;
    color: #000; }
    article a:hover figure img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }

article figure {
  overflow: hidden; }
  article figure img {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }

article span {
  display: block;
  margin-bottom: 15px;
  color: #989898;
  font-size: 12px; }

.counterBlock .counterBlock--link {
  transition: transform .2s linear; }
  .counterBlock .counterBlock--link:hover {
    text-decoration: none;
    transform: scale(1.05); }

.counterBlock .js-counter {
  color: #989898;
  font-size: 30px;
  font-weight: 300;
  line-height: 55px; }

.counterBlock h4 {
  color: #000000;
  font-size: 18px; }

.counterBlock span {
  display: block; }
  .counterBlock span img {
    max-height: 70px; }

.counterBlock .shortcode-html > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
  grid-gap: 15px;
  margin: 0; }

.linkBlocks .g-bg-black-opacity-0_3--after::after, .linkBlocks .g-bg-black-opacity-0_3--before::before {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,0.25+51,1+100 */
  background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 51%, black 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 51%, black 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.25) 50%, rgba(0, 0, 0, 0.25) 51%, black 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */
  background-color: transparent !important; }

/* IE Css only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .linkBlocks .u-block-hover--scale:hover, .linkBlocks .u-block-hover--scale-img:hover .u-block-hover__img {
    transform: none; }
  .linkBlocks [class*="g-transition"] {
    transition-property: none; } }

.agendaDate {
  padding: 18px 31px; }
  .agendaDate span {
    line-height: 30px;
    display: block; }

.agendaBlock a:hover, .agendaBlock a:active, .agendaBlock a:focus {
  text-decoration: none; }
  .agendaBlock a:hover .media, .agendaBlock a:active .media, .agendaBlock a:focus .media {
    background-color: #fff; }

.agendaBlock .media {
  -webkit-transition: background-color 300ms linear;
  -moz-transition: background-color 300ms linear;
  -o-transition: background-color 300ms linear;
  -ms-transition: background-color 300ms linear;
  transition: background-color 300ms linear; }

.media-body p {
  position: relative; }

.media-body span {
  position: absolute;
  left: 0px;
  top: -2px; }

@media (max-width: 520px) {
  .agendaDate {
    padding: 11px 21px;
    font-size: 24px !important; }
    .agendaDate span {
      line-height: 24px; } }

.sidebarAgenda {
  padding: 25px;
  background-color: #fff; }
  .sidebarAgenda .agendaDate {
    padding: 0px; }
  .sidebarAgenda a:hover, .sidebarAgenda a:focus {
    text-decoration: none; }

.sidebarContact {
  padding: 25px;
  background-color: #fff; }
  .sidebarContact img {
    width: 70px;
    height: 100%; }

.sidebarLeader {
  padding: 25px;
  background-color: #fff; }
  .sidebarLeader img {
    width: 70px;
    height: 100%; }
  .sidebarLeader hr {
    margin-top: 15px;
    margin-bottom: 15px; }

.u-pagination-v1__item {
  font-weight: 600; }

.u-pagination-v1-1--active, .u-pagination-v1-1:hover, .u-pagination-v1-1:focus {
  background-color: transparent;
  border-color: #EB207C;
  color: #EB207C;
  font-weight: 600; }

.textAndImageBlock img {
  width: 100%; }

.container .textAndImageBlock {
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto !important; }

.container .counterBlock .shortcode-html {
  margin: 0 -15px; }

.op11_CookieNotice {
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height: 200px;
  background-color: #fff;
  border-top: 1px solid #7a7a7a;
  padding: 40px 10px;
  z-index: 999999; }
  .op11_CookieNotice .companyLogo {
    width: 100%;
    padding-top: 20px; }
    .op11_CookieNotice .companyLogo img {
      width: 80%;
      max-width: 250px; }
  .op11_CookieNotice .noticeHolder h3 {
    font-size: 26px;
    line-height: 1.1em;
    color: #EB207C; }
  .op11_CookieNotice .noticeHolder p {
    font-size: 16px; }
  .op11_CookieNotice .op11_button.accept {
    border-radius: 0px;
    background-image: none;
    border: none;
    box-shadow: none;
    color: #fff;
    background-color: #EB207C;
    text-shadow: none; }
    .op11_CookieNotice .op11_button.accept:hover {
      color: #fff;
      border-color: #ef4f97;
      background-color: #ef4f97;
      background-image: none;
      border: none;
      box-shadow: none; }
  .op11_CookieNotice .op11_button.settings {
    border-radius: 0px;
    box-shadow: none;
    background-image: none;
    box-shadow: none;
    color: #000 !important;
    border: 1px solid #989898;
    background-color: transparent;
    text-shadow: none; }
    .op11_CookieNotice .op11_button.settings:hover {
      color: #fff !important;
      border-color: #989898;
      background-color: #989898;
      background-image: none;
      box-shadow: none; }

.CookieSettings {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px; }
  .CookieSettings .cookieLogo {
    width: 100%;
    max-width: 250px; }
    .CookieSettings .cookieLogo img {
      width: 100%; }
  .CookieSettings h1 {
    padding: 0; }
  .CookieSettings ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 35px; }
    .CookieSettings ul li {
      margin-bottom: 10px;
      display: flex;
      align-items: flex-start; }
      .CookieSettings ul li input {
        margin-right: 10px; }
      .CookieSettings ul li span {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        font-weight: bold; }
      .CookieSettings ul li label {
        font-weight: normal; }
  .CookieSettings .saveResult {
    display: none;
    margin-top: 15px; }
  .CookieSettings table {
    width: 100%;
    margin-bottom: 20px; }
    .CookieSettings table td, .CookieSettings table th {
      border: solid 1px #ddd;
      padding: 3px; }
  .CookieSettings .op11_button.accept {
    border-radius: 0px;
    background-image: none;
    border: none;
    box-shadow: none;
    color: #fff;
    background-color: #EB207C;
    text-shadow: none; }
    .CookieSettings .op11_button.accept:hover {
      color: #fff;
      border-color: #ef4f97;
      background-color: #ef4f97;
      background-image: none;
      border: none;
      box-shadow: none; }

.op11_button {
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #8dad62;
  -webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 1px 0 rgba(255, 255, 255, 0.6);
  -moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 1px 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.3), inset 0px 1px 1px 0 rgba(255, 255, 255, 0.6);
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  color: #ffffff !important;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.3);
  display: inline-block;
  padding: 15px 20px;
  text-align: center;
  margin: 25px 20px 5px 0;
  text-decoration: none !important; }

.u-icon-v2 {
  background-color: transparent;
  border-color: #EB207C; }
  .u-icon-v2 i {
    color: #EB207C !important; }
  .u-icon-v2:hover {
    background-color: #EB207C;
    border-color: #EB207C; }
    .u-icon-v2:hover i {
      color: #fff !important; }

body {
  overflow-x: hidden; }

.row .col-md-12 #video-streamer {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin: 0; }

.slide-item--container {
  padding: 0 40px; }

#video-streamer {
  height: 400px;
  overflow: hidden;
  position: relative;
  margin: 0 -15px; }
  #video-streamer iframe {
    width: 100vw;
    height: 56.25vw;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -35%); }
  #video-streamer .video-streamer__slider {
    min-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: none; }
    #video-streamer .video-streamer__slider li {
      display: grid;
      align-items: center;
      justify-items: center; }
      #video-streamer .video-streamer__slider li .slide-item--container h1 {
        color: #FFFFFF;
        font-size: 42px;
        font-weight: bold;
        text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5); }

.highlightBlock a {
  text-decoration: none; }
  .highlightBlock a header {
    background: #E94579;
    color: #fff;
    height: 199px;
    padding: 25px; }
    .highlightBlock a header span {
      margin: 0;
      font-size: 26px;
      font-weight: 700;
      line-height: 36px;
      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); }
  .highlightBlock a figure {
    overflow: hidden;
    min-height: 200px;
    height: calc(100% - 199px);
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0; }
    .highlightBlock a figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    @media (max-width: 768px) {
      .highlightBlock a figure {
        position: relative;
        left: 0;
        right: 0;
        height: 350px; } }
  .highlightBlock a .more {
    position: absolute;
    bottom: 30px;
    right: 50px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); }
    .highlightBlock a .more:before {
      content: '';
      border-bottom: solid 1px white;
      position: absolute;
      bottom: 4px;
      left: 0px;
      right: 12px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); }

@media (min-width: 768px) {
  .highlightBlock.visible img {
    /*                animation: imgTransition .8s;*/
    animation: pulse 2s;
    animation-iteration-count: 2; } }

@keyframes imgTransition {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }

.project--container {
  background: #fff;
  margin: 25px 15px; }
  .project--container:last-child {
    margin: 25px 15px 50px; }
  @media (max-width: 768px) {
    .project--container {
      margin: 15px; } }
  .project--container .project--link {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media (max-width: 991px) {
      .project--container .project--link {
        grid-template-columns: 250px 1fr; } }
    @media (max-width: 768px) {
      .project--container .project--link {
        grid-template-columns: 1fr; } }
  .project--container .content-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .project--container .content-text {
    padding: 30px; }
    .project--container .content-text h2 {
      font-size: 24px;
      color: #000;
      line-height: 33px; }
      @media (max-width: 768px) {
        .project--container .content-text h2 {
          font-size: 17.5px;
          line-height: 24.5px; } }
    .project--container .content-text p {
      font-size: 17px;
      color: #000;
      line-height: 23px;
      margin: 0; }
      @media (max-width: 768px) {
        .project--container .content-text p {
          font-size: 14px;
          line-height: 22px; } }
      .project--container .content-text p + p {
        margin-top: 20px; }

footer {
  border-top: #232324 solid 1px; }

.footer {
  background-color: #050505; }

.tp-caption {
  width: 250px !important; }
  .tp-caption a {
    text-decoration: none; }
    .tp-caption a:hover {
      text-decoration: none; }

.overlay {
  position: absolute !important;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.3; }

@media (max-width: 768px) {
  .tp-caption h1 {
    font-size: 24px !important; } }

@media (min-width: 768px) {
  .tp-caption {
    width: 650px !important; } }

@media (min-width: 992px) {
  .tp-caption {
    width: 850px !important; } }

@media (min-width: 1200px) {
  .tp-caption {
    width: 1000px !important; } }

body {
  background-color: #F9F9F9; }

::selection {
  color: #fff;
  background-color: #EB207C; }

.g-flex-bottom-item {
  margin-top: auto; }

.color-pink {
  color: #EB207C; }

.g-color-gray-dark-v4 {
  color: #989898 !important; }

@media (min-width: 768px) {
  .g-font-size-15--md {
    font-size: 1.07143rem !important; } }

nav .nav-item a {
  font-size: 18px; }

@media (max-width: 991px) {
  nav .navbar-collapse {
    padding-bottom: 50px; } }

nav .navbar-collapse .nav-item-flag {
  display: inline-block; }
  nav .navbar-collapse .nav-item-flag a {
    display: inline-block; }
    @media (max-width: 991px) {
      nav .navbar-collapse .nav-item-flag a {
        margin-right: 20px; } }
  nav .navbar-collapse .nav-item-flag a.activeLang img {
    opacity: 0.4; }

nav .searchField i {
  font-size: 20px; }

nav .searchField input {
  border: none;
  width: 160px !important;
  border-bottom: 1px solid grey; }
  nav .searchField input:focus {
    border-color: #EB207C; }

nav .searchField ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 18px;
  opacity: 1;
  /* Firefox */ }

nav .searchField :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 18px; }

nav .searchField ::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 18px; }

@media (max-width: 991px) {
  nav .searchField {
    position: absolute;
    width: 100%;
    border-top: 1px solid #000;
    margin-top: 10px;
    bottom: -65px; } }

nav .navbar-brand img {
  height: 30px; }
  @media (min-width: 992px) {
    nav .navbar-brand img {
      height: 70px; } }

.navbar-nav .nav-item:first-child {
  margin-left: 0px !important; }

.u-header__section--dark .container {
  padding-left: 0px; }

.u-header__section--dark .navbar-nav .nav-item .nav-link {
  color: #fff !important;
  -webkit-transition-property: color, background-color;
  -o-transition-property: color, background-color;
  transition-property: color, background-color;
  -webkit-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  .u-header__section--dark .navbar-nav .nav-item .nav-link:hover {
    background-color: #fff;
    color: #EB207C !important; }

@media (min-width: 992px) {
  .hidden-desktop {
    display: none; } }

@media (max-width: 991px) {
  .hidden-mobile {
    display: none; } }

.g-bg-whatsapp {
  background-color: #25D366; }
  @media (min-width: 576px) {
    .g-bg-whatsapp {
      display: none; } }

a:hover.g-bg-whatsapp {
  background-color: #4be083; }

.g-bg-share {
  background-color: #eb207c; }

a:hover.g-bg-share {
  background-color: #ef4f97; }
