@charset "UTF-8";
/* CSS Document */

body {
  margin: 140px 0px 0px 0px;
  background: #ffffff;
  color: #999999;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;

  text-rendering: optimizeLegibility;
}

body::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
}

body,
html,
a,
a:hover,
*:active,
*:focus,
* {
  cursor: none !important;
}

body.popped,
html,
body.popped a,
body.popped a:hover,
body.popped *:active,
body.popped *:focus,
body.popped * {
  cursor: pointer !important;
}

body.popped #cursor {
  display: none !important;
}

/* fonts */
.Bernina-Sans-Regular,
body,
.investor-links a,
.introBlocks a.box p,
.footerHolder.newFooter .emailform .emailField,
.esgsub-effot .figures .thecontent h3.redtext:before {
  font-family: jaf-bernina-sans, sans-serif;
  font-weight: 400;
}

.Bernina-Sans-Semibold,
ul.statHolder li,
.footerHolder ul li a,
.footerHolder .footerRow a,
.footerRow span,
.menuHolder a,
.socialRow a,
.socialRow,
.textfield,
.send-documents-nav,
.headerContent,
.sectionFAQs ul li h4,
.policies-holder ul li h4,
.propertySnippet .extradetail strong,
.contact-details p,
.sitemap-links,
.sitemap-links h2,
.positions-holder ul li h3,
.career-why-boxes h4,
.propertyBuildingSpecs h4,
.propertySnippet .extradetail ul li,
.propertySnippet .extradetail a,
.esg-activities h3,
.esg-innovation-blocks .thecontent h3 {
  font-family: jaf-bernina-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.Bernina-Sans-Bold,
.upcoming-event-date p.upcoming-event-date-day,
.about-list a,
.boxlink,
.esgsub-survey .col1 a,
.marker-label {
  font-family: jaf-bernina-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.Bernina-Sans-Extrabold,
.upcoming-event-excerpt h3,
.upcoming-events-section h2,
.introBlocks a.box,
.introBlocks a.box h2,
#cursor,
strong,
.backgroundHeader,
.senBlocks .box h4,
.emailBlocks .emailform .emailField,
.headerLarge,
.headerLarger,
.headerExtraLarge,
.headerMedium40,
.header40,
.articleSnippet .box2 p strong,
.popTeam p strong,
.byline,
.header,
.headerMedium,
.headerMediumLarge,
.testimonialsGroup ul li p,
.propertySnippet.propertyList .extradetail ul li,
.searchHolder input,
.introBlocks a.box.box3 h1,
.calendarPopBack .col2 h2,
.calendarPopBack .col1 h4,
.policies-holder ul li.open h4,
.policies-holder .downloads a,
.esg-blocks h2,
.case-list a h3 {
  font-family: jaf-bernina-sans, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.Bernina-Sans-Condensed-Bold,
.headerBar .icon-mobile,
.indicesBar div>span,
.introBlocks a.box i,
.scrollButton:before,
ul.statHolder li span:after,
.senBlocks .box:before,
.footerHolder .number,
.backtoTop:before,
.tag,
.tradeNav span,
.propertySnippet .box:before,
.pageScroller .handleMarker:before,
.news-boxes .box:before,
.jobtitle-holder h1:before,
.jobtitle-holder ul.jobkey li,
.tags,
a.btn-follow {
  font-family: jaf-bernina-sans-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.Bernina-Sans-Condensed-Extrabold,
.link,
.blacklink,
.squareButtonWhite,
.squareButtonDownload,
.squareButtonBlack,
.squareButtonRed,
.squareButtonRedb,
#cursor.read,
.map-marker,
.ui-datepicker-title,
.category-links a,
.category-navigation a,
.category-navigation-holder .dropper,
.boxButtonWhite,
.calendarPopBack .col h5,
a.cookiebutton,
.back.white, .modal-content-bx .back-to-events-btn {
  font-family: jaf-bernina-sans-condensed, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.Bernina-Sans-Narrow-Semibold,
.senBlocks .box date,
.esg-blocks a .content ul li span,
.date,
.esgsub-icons ul li span {
  font-family: jaf-bernina-sans-narrow, sans-serif;
  font-weight: 600;
  font-style: normal;
}

.Bernina-Sans-Narrow-Bold,
.next-upcoming-event-info h3,
.property-count h3,
.contact-location-details span,
.headerSmall,
.statsIcon,
.pageQuote p,
.timeline .header,
.timeline .repeater .thecontent date,
.about-list a span,
.headerNumber,
.investor-contacts h4,
.paginationGeneral .pagination,
.under-construction .p-1,
blockquote,
.sidebar .sideHeader,
.rounded-circle,
.propertyDetailStats h3,
.propertyCarousel h4,
.header span,
.rightCallers h3,
.propertySnippet .extradetail .detail .headerSmall,
.socialshare, .modal-txt-content h3, .event-card-section h2, .event-pagination .page-count {
  font-family: jaf-bernina-sans-narrow, sans-serif;
  font-weight: 700;
  font-style: normal;
}

.Bernina-Sans-Narrow-ExtraBold,
.timeline .repeater .thecontent {
  font-family: jaf-bernina-sans-narrow, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.Bernina-Sans-Compressed-Extrabold,
.indicesBar div>strong,
.introBlocks a.box b,
ul.statHolder li span,
.popBreadcrumb,
.history-table li .box1 .headerNumber,
.propertyListMap .propertyBox a span,
.propertyTitleHolder:before,
.jobtitle-holder:after,
.propertyDetailStats .number,
.esg-blocks a .content svg.background-svg,
.esgsub-effot .figures .thecontent span,
.esgsub-text1 svg text,
.esgsub-text2 svg text,
.esgsub-text3 svg text {
  font-family: jaf-bernina-sans-comp, sans-serif;
  font-weight: 800;
  font-style: normal;
}

.Bernina-Sans-Compressed-bold,
.timeline .header {
  font-family: jaf-bernina-sans-comp, sans-serif;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "equites-icons";
  src: url("../font/equites-icons.eot?30862024");
  src: url("../font/equites-icons.eot?30862024#iefix") format("embedded-opentype"),
    url("../font/equites-icons.woff2?30862024") format("woff2"),
    url("../font/equites-icons.woff?30862024") format("woff"),
    url("../font/equites-icons.ttf?30862024") format("truetype"),
    url("../font/equites-icons.svg?30862024#equites-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media only screen and (max-width: 576px) {

  .Bernina-Sans-Condensed-Bold,
  .footerHolder .number a {
    font-family: jaf-bernina-sans-condensed, sans-serif;
    font-weight: 700;
    font-style: normal;
  }
}

a:hover {
  color: #999999;
  cursor: none;
}

/*img.logo {width:500px;height:auto;}*/

.transition,
a,
.icon-mobile div,
.pageScroller .handle,
.tenantGallery .slide,
.emailBlocks .emailform .emailField::placeholder,
.squareButtonWhite,
.squareButtonWhite div,
.squareButtonWhite:after,
.squareButtonDownload,
.squareButtonDownload div,
.squareButtonRedb,
.squareButtonRedb:after,
.squareButtonDownload:after,
.squareButtonBlack,
.squareButtonBlack div,
.squareButtonBlack:after,
.introBlocks .box .image,
.footerHolder h5.headerSmall.trigger:before,
.footerHolder h5.headerSmall.trigger.open:after,
#cursorFollow,
.headerBar,
.senBlocks .box .image,
.link:before,
.link:after,
.footerHolder a:after,
.backtoTop:after,
.about-list a:hover div,
.about-list a div,
.about-map .map-marker,
.popperFull a.popperclose,
.popperFull a.popperclose:before,
.popperFull a.popperclose:after,
.popNav a:hover:before,
.popTeam ul,
.popTeam ul li,
.popTeam .box1,
.popTeam .box1.animating,
.subPageLinks a:before,
.tradeNav a:hover:before,
.sens-documents a .icon svg path,
.sens-documents a .icon svg polyline,
.sectionFAQs ul li,
.policies-holder ul li,
.pageScroller .handleMarker:before,
.buttonArrowSmallRight:before,
.buttonArrowSmallLeft:before,
.buttonArrowLeft:before,
.buttonArrowRight:before,
.testimonialsGroup ul,
.newsCarousel .slick-arrow:before,
.positions-holder ul li a:after,
.category-links a:before,
.arrow-black:after,
.arrow-white:after,
.tag,
.iMapIcon,
.results a:before,
.sens-articles.sens-list a.repeater:after {
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
}

.slowtransition,
.popNav a:before,
.tradeNav a:before {
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  -webkit-transition: all 0.7s ease-out;
}

.quicktransition,
.pageScroller .handleMarker:before,
.openFormHolder .blacklink:before,
.openFormHolder .blacklink:after,
.openFormHolder .blacklink {
  -moz-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
}

#cursor {
  transition: all 0.3s ease-out, left 0s, top 0s;
  -webkit-transition: all 0.3s ease-out, left 0s, top 0s;
  -moz-transition: all 0.3s ease-out, left 0s, top 0s;
}

#cursorFollow {
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 60px;
  padding-left: 60px;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -60px;
  margin-left: -60px;
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: 60px;
  padding-left: 60px;
  margin-right: auto;
  margin-left: auto;
}

.border-left {
  border-left: 1px solid #000 !important;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0px;
}

/* header */
.headerBar {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background: #fff;
  z-index: 100;
  min-height: 140px;
  border-bottom: 1px solid #e1e1e2;
  padding: 28px 30px;
  align-items: center;
}

.headerBar.fixed {
  top: -150px;
}

.headerBar .logo {
  padding-left: 30px;
}

.headerBar .icon {
  padding: 20px 30px;
  position: relative;
}

.headerBar .icon-mobile {
  font-size: 16px;
  letter-spacing: 0.18em;
  color: #000;
  line-height: 1em;
  width: 107px;
}

.headerBar .icon-mobile div {
  width: 95%;
  border-bottom: 3px solid #000;
  margin-top: 6px;
}

.headerBar .icon-mobile div:nth-child(2) {
  width: 50%;
}

.headerBar .icon-mobile:hover div {
  border-bottom: 3px solid #999;
  width: 95% !important;
}

.headerBar a.icon-search:hover {
  opacity: 0.5;
}

.searchBox {
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100vw;
  height: 0px;
  background: #fff;
  transition: all 0.2s ease-out;
  overflow: hidden;
}

.searchBox.open {
  display: flex;
  height: 100vh !important;
}

.searchBox form {
  align-self: center;
}

.searchHolder {
  border-bottom: 2px solid #000;
  position: relative;
  transform: translateY(-100px);
  transition: all 0.6s ease-out;
}

.searchBox.open .searchHolder {
  transform: translateY(0);
}

.searchHolder input {
  width: 100%;
  border: none;
  font-size: 40px;
  color: #000;
  text-align: center;
  outline: none;
  line-height: 70px;
}

.searchHolder input::placeholder {
  color: #999999;
}

.searchHolder input::-ms-input-placeholder {
  color: #999999;
}

.searchHolder input::-webkit-input-placeholder {
  color: #999999;
}

.searchHolder input:focus::placeholder {
  color: #999999;
}

.searchHolder button {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0px;
  bottom: 5px;
  outline: none;
  border: none;
  background: none;
  -webkit-appearance: none;
}

.searchHolder:hover .colorme {
  stroke: #ccc;
}

.menuHolder .headerBar .icon-mobile-close {
  font-size: 16px;
  letter-spacing: 0.18em;
  color: #000;
  line-height: 1em;
  width: 97px;
}

.menuHolder .headerBar .icon-mobile-close div {
  width: 34px;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
  transform-origin: center;
  top: 19px;
  position: absolute;
}

.menuHolder .headerBar .icon-mobile-close div:nth-child(2) {
  transform: rotate(135deg);
}

.menuHolder .headerBar .icon-search img {
  position: relative;
  top: 0px;
}

.menuHolder .headerBar .icon-mobile-close:hover {
  opacity: 0.8;
}

.menuHolder {
  display: block;
  transition: all 0.3s ease-in;
  background: #d2232a;
  position: fixed;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 499;
  text-align: right;
  padding: 130px 0px 10px 0px;
  width: 0px;
  overflow: hidden;
}

.menuHolder .headerBar {
  background: none;
  border-bottom: none;
  position: absolute;
  left: 0;
  top: 0px;
  width: 100%;
}

.menuHolder .icon-mobile-close {}

.menuHolder ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.menuHolder ul.primary {
  display: block;
}

.menuHolder ul.primary li {
  text-align: right;
  position: relative;
  z-index: 1;
}

.menuHolder ul.primary li a {
  color: #fff;
  font-size: 40px;
  text-align: right;
  padding: 5px 0px;
  display: inline-block;
  padding-left: 30px;
  background: #d2232a;
  position: relative;
  z-index: 1;
}

/*.menuHolder ul.primary li:hover>a, */
.menuHolder ul.primary li.fixed>a {
  color: #fff;
  text-decoration: none;
  transform: translateX(-20px);
  z-index: 2;
}

.menuHolder ul.primary li.fixed {
  z-index: 5;
}

/*.menuHolder ul.primary li:hover {z-index:2;}*/

.menuHolder ul.sub {
  position: absolute;
  right: 560px;
  top: 20px;
  width: 200px;
  display: none;
}

.menuHolder ul.sub:before {
  display: none;
  content: "";
  height: 1px;
  background: #fff;
  width: 350px;
  top: 20px;
  left: calc(100% + 30px);
  position: absolute;
}

.menuHolder ul.sub li {
  position: relative;
  min-width: 250px;
}

.menuHolder ul.sub li:first-of-type:before {
  content: "";
  height: 1px;
  background: #fff;
  width: 350px;
  top: 20px;
  left: calc(100% + 30px);
  position: absolute;
}

.menuHolder ul.sub li a {
  color: #fff !important;
  font-size: 18px;
  text-align: right;
  padding: 7px 0px;
  display: block;
}

.menuHolder ul.sub li a:hover {
  transform: translateX(-10px);
  position: relative;
  text-decoration: none;
}

.menuHolder .navScroller ul.secondary {
  display: none !important;
}

/*
.menuHolder ul.primary li:hover .sub {display:block;}
.menuHolder ul.primary li:hover .sub li  {animation: primeemove .3s ease-out forwards;transform:translateX(20px);opacity:0;}
.menuHolder ul.primary li:hover .sub li:nth-of-type(1)  {}
.menuHolder ul.primary li:hover .sub li:nth-of-type(2)  {animation-delay: .05s;}
.menuHolder ul.primary li:hover .sub li:nth-of-type(3)  {animation-delay: .1s;}
.menuHolder ul.primary li:hover .sub li:nth-of-type(4)  {animation-delay: .15s;}
*/
.menuHolder ul.primary li.fixed .sub {
  display: block;
}

.menuHolder ul.primary li.fixed .sub li {
  animation: primeemove 0.3s ease-out forwards;
  transform: translateX(20px);
  opacity: 0;
}

.menuHolder ul.primary li.fixed .sub li:nth-of-type(1) {}

.menuHolder ul.primary li.fixed .sub li:nth-of-type(2) {
  animation-delay: 0.05s;
}

.menuHolder ul.primary li.fixed .sub li:nth-of-type(3) {
  animation-delay: 0.1s;
}

.menuHolder ul.primary li.fixed .sub li:nth-of-type(4) {
  animation-delay: 0.15s;
}

@keyframes primeemove {
  from {
    transform: translateX(20px);
  }

  to {
    transform: translateX(0px);
    opacity: 1;
  }
}

.menuHolder ul.secondary {
  display: inline-block;
  margin-top: 65px;
}

.menuHolder ul.secondary li {
  text-align: right;
}

.menuHolder ul.secondary li a {
  color: #fff;
  font-size: 18px;
  text-align: right;
  padding: 5px 0px;
  display: inline-block;
}

.menuHolder ul.secondary li a:hover {
  color: #fff;
}

.menuHolder .social {
  position: absolute;
  left: 60px;
  /*bottom:40px;*/
  top: calc(100vh - 140px);
  display: inline-block;
}

.menuHolder .social a {
  color: #fff;
  position: relative;
  margin-right: 30px;
}

.menuHolder .social a:hover {
  text-decoration: none;
  color: #fff;
}

.menuHolder .social a:after {
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

.menuHolder .headerBar .icon-search:hover {
  opacity: 1;
}

.menuHolder .navScroller {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  position: relative;
  width: calc(100vw - 130px);
  padding-right: 130px;
}

.menuHolder .navScroller::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.menuHolder ul {
  transform: translateX(100px);
}

.menuHolder.open {
  display: block;
  width: 100% !important;
  transition: all 0.3s ease-out;
  padding: 130px 0px 10px 130px;
}

.menuHolder.open ul {
  transform: translateX(0px);
  transition: all 0.6s ease-out;
}

.menuHolder.open .headerBar .icon-search .colorme {
  stroke: #fff;
}

.menuHolder.open.dull a {
  color: #8e1c21;
}

.menuHolder.open.dull a:hover {
  color: #fff;
}

.menuHolder.open.dull .social a:after {
  background: #8e1c21;
}

.menuHolder.open.dull .social a:hover:after {
  background: #fff;
}

.menuHolder.open.dull .headerBar .icon-search .colorme {
  stroke: #8e1c21;
}

@media only screen and (max-width: 768px) {
  body {
    margin-top: 70px;
  }

  .menuHolder .headerBar .icon-mobile-close div {
    width: 34px;
    top: 10px;
    left: 15px;
  }

  .menuHolder .headerBar .icon-mobile-close {
    width: 77px;
  }

  .menuHolder .headerBar {
    padding-top: 12px;
  }

  .menuHolder.open,
  .menuHolder {
    padding: 0px;
  }

  .menuHolder ul.secondary li a {
    color: #fff;
    padding-left: 0px;
  }

  .menuHolder .social {
    display: none;
  }

  .menuHolder ul.primary>li>a {
    font-size: 26px;
    position: relative;
    display: inline-block;
  }

  .menuHolder.open .navScroller,
  .menuHolder .navScroller {
    margin-top: 70px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    padding: 50px 30px 100px 10px;
    width: 100vw;
  }

  .menuHolder ul.primary>li>a:before {
    content: "";
    background: #fff;
    width: 14px;
    height: 1px;
    left: 0px;
    top: 22px;
    position: absolute;
  }

  .menuHolder ul.primary>li>a:after {
    content: "";
    background: #fff;
    width: 1px;
    height: 13px;
    left: 7px;
    top: 16px;
    position: absolute;
  }

  .menuHolder ul.primary>li>a.nosubs:after,
  .menuHolder ul.primary>li>a.nosubs:before {
    display: none;
  }

  .menuHolder ul.primary>li>a.open:after {
    top: 22px;
    height: 1px;
  }

  .menuHolder ul.primary>li:hover .sub {
    display: none;
  }

  .menuHolder ul.sub {
    position: relative;
    right: 0px;
    top: 0px;
    width: auto;
    display: none;
  }

  .menuHolder ul.sub:before {
    display: none;
  }

  .menuHolder ul.primary li:hover .sub {
    display: none;
  }

  .menuHolder ul.primary li:hover>a {
    transform: translateX(0px);
  }

  .menuHolder.open.dull a {
    color: #fff;
  }

  .menuHolder.open.dull a:hover {
    color: #fff;
  }

  .menuHolder.open.dull .social a:after {
    background: #fff;
  }

  .menuHolder.open.dull .social a:hover:after {
    background: #fff;
  }

  .menuHolder.open ul {
    transition: none;
  }

  body,
  * {
    cursor: default !important;
  }
}

.mask {
  width: 100%;
  height: 100%;
  background: #333;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0px;
}

.content {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0px;
}

/* indices .sub-sens .indicesBar {border-top:1px solid #E1E1E2;} */

.indicesBar {
  border-bottom: 1px solid #e1e1e2;
  line-height: 1em;
  position: relative;
  z-index: 1;
  background: #fff;
}

.indicesBar div {
  border-left: 1px solid #e1e1e2;
  text-align: left;
  padding: 26px 30px 26px 60px;
}

.indicesBar div>span {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
  letter-spacing: 0.01em;
}

.indicesBar div>strong {
  font-size: 20px;
  color: #000000;
  letter-spacing: 0.04em;
  position: relative;
}

.indicesBar .col-movement.down strong:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  border-color: rgba(211, 36, 44, 0);
  border-top-color: #d3242c;
  border-width: 5px;
  margin-right: 4px;
  display: inline-block;
  margin-bottom: -1px;
}

.indicesBar .col-movement.up strong:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: relative;
  pointer-events: none;
  border-color: rgba(211, 36, 44, 0);
  border-bottom-color: #6fcd85;
  border-width: 5px;
  margin-right: 4px;
  display: inline-block;
  margin-bottom: 5px;
}

/* fixed indices bar ============== */
.indicesBar {
  position: fixed;
  width: 100%;
  top: 140px;
  z-index: 10;
}

.indicesBar div {
  padding: 16px 30px 16px 60px;
}

body {
  margin: 216px 0px 0px 0px;
}

@media screen and (max-width: 768px) {
  .indicesBar {
    top: 75px;
  }

  body {
    margin: 130px 0px 0px 0px;
  }
}

/* / fixed indices bar ============ */

/* introblocks */
.introBlocks {}

.introBlocks a.box {
  padding: 60px 30% 0px 60px;
  color: #ffffff;
  position: relative;
  overflow: hidden;
}

.introBlocks .box1 {
  background-color: rgba(211, 36, 44, 1);
  font-size: 40px;
  line-height: 1.08em;
  height: 55%;
}

.introBlocks .box2 {
  background-color: #646566;
  font-size: 40px;
  line-height: 1.08em;
  height: 45%;
}

.introBlocks a.box3 {
  background-color: #333;
  min-height: 600px;
  font-size: 90px;
  line-height: 1.08em;
  padding-top: 40px !important;
}

.introBlocks .box1 .mask {
  background-color: rgba(211, 36, 44, 1);
}

.introBlocks .box2 .mask {
  background-color: #646566;
}

.introBlocks .box3 .mask {
  background-color: #333;
}

.introBlocks a.box b {
  display: block;
  position: absolute;
  top: 60px;
  right: 60px;
  text-align: right;
  font-size: 64px;
  line-height: 1em;
  z-index: 2;
}

.introBlocks a.box.box2 b {
  display: inline-block;
  position: relative;
  top: 0px;
  right: auto;
  text-align: left;
  line-height: 1em;
  z-index: 2;
}

.introBlocks a.box i {
  font-size: 15px;
  display: block;
  position: absolute;
  top: 68px;
  left: calc(100% - 45px);
  font-style: normal;
  transform-origin: left top;
  transform: rotate(90deg) translate(0, -50%);
  line-height: 1em;
  z-index: 2;
}

.introBlocks a.box.box2 b {
  font-size: 100px;
  min-width: 90px;
}

.introBlocks a.box.box2 i {
  font-size: 30px;
}

.introBlocks a.box.box3 b {
  right: auto;
  position: relative;
  display: inline-block;
  min-width: 100px;
  top: auto;
  text-align: left;
  font-size: 110px;
}

.introBlocks a.box.box3 i {
  left: calc(100% - 140px);
}

.introBlocks a.box.box3 h1 {
  font-size: 64px;
}

.redtext {
  color: #d2232a;
}

.introBlocks a.box.box3 i {
  font-size: 45px;
  display: block;
  position: absolute;
  top: 64px;
  left: calc(100% - 140px);
  font-style: normal;
  transform-origin: left top;
  transform: rotate(90deg) translate(0, -50%);
  line-height: 1em;
  z-index: 2;
}

.introBlocks .rightCallers {
  min-height: 300px;
  background: #a5a5b0;
  color: #fff;
}

.rightCallers h3 {
  font-size: 24px;
  line-height: 1em;
  letter-spacing: 0.3px;
  margin-bottom: 16px;
}

.rightCallers a.col p {
  font-size: 20px;
  line-height: 1.2em;
}

.introBlocks .rightCallers .col2 {
  background: #68676d;
}

.introBlocks a.box p {
  font-size: 20px;
  line-height: 1.2em;
}

.introBlocks a.box h2 {
  font-size: 48px;
  line-height: 1.2em;
  margin-bottom: 16px;
}

@media only screen and (max-width: 768px) {
  .introBlocks a.box.box3 h1 {
    font-size: 35px;
  }

  .introBlocks a.box.box3 b {
    position: relative;
    text-align: left;
    min-width: 50px;
    top: 0px;
    margin-top: 20px;
    font-size: 45px;
  }

  .introBlocks a.box.box3 i {
    position: relative;
    left: 60px;
    transform: none;
    top: 0px;
  }

  .introBlocks .content {
    /*display: none;*/
  }

  .introBlocks a.box h2 {
    font-size: 35px;
  }

  .introBlocks a.box.box2 b {
    font-size: 50px;
    min-width: 50px;
  }

  .introBlocks a.box3 {
    min-height: 350px;
  }
}

.introBlocks .box .image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.introBlocks .content {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.introBlocks .box1 .image {
  background-position: bottom right !important;
  background-repeat: no-repeat;
  background-size: 100%;
}

.introBlocks .box:hover .image {
  transform: scale(1.2);
}

.introBlocks .box.box1 .image {
  transform-origin: bottom right;
}

.introBlocks .box .image {
  animation: latefade 0.5s ease-out forwards;
  opacity: 0;
  animation-delay: 50000;
}

.introBlocks .box1 .image {
  animation-delay: 0.5s;
}

.introBlocks .box2 .image {
  animation-delay: 0.75s;
}

.introBlocks .box3 .image {
  animation-delay: 1s;
}

@keyframes latefade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* general animations */

/*

*/

.reveal-left.animating {
  animation: reveal-left 0.5s ease-out forwards;
}

@keyframes reveal-left {
  from {
    left: 0;
    width: 100%;
    opacity: 1;
  }

  to {
    left: 100%;
    width: 0px;
  }
}

.reveal-right.animating {
  animation: reveal-right 0.5s ease-out forwards;
  left: 0;
  right: auto;
}

@keyframes reveal-right {
  from {
    left: 0;
    width: 100%;
  }

  to {
    width: 0px;
  }
}

.fade-left {
  transform: translateX(-50px);
  opacity: 0;
}

.fade-left.animating {
  animation: fade-left 0.5s ease-out forwards;
}

@keyframes fade-left {
  from {
    transform: translateX(-50px);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.fade-right {
  transform: translateX(50px);
  opacity: 0;
}

.fade-right.animating {
  animation: fade-right 0.5s ease-out forwards;
}

@keyframes fade-right {
  from {
    transform: translateX(50px);
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.fade-up {
  transform: translateY(50px);
  opacity: 0;
}

.fade-up.animating {
  animation: fade-up 0.3s ease-out forwards;
}

@keyframes fade-up {
  from {
    transform: translateY(50px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fade {
  opacity: 0;
}

.fade.animating {
  animation: fade 0.75s ease-out forwards;
}

@keyframes fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-background {
  background-color: #efefef;
}

.fade-background:before {
  content: "";
  height: 0;
  width: 100%;
  left: 0;
  top: 0;
  background: #000;
  position: absolute;
}

.fade-background.animating:before {
  animation: backfade 0.3s ease-out forwards;
}

@keyframes backfade {
  from {
    height: 0;
  }

  to {
    height: 100%;
  }
}

.delay-250.animating {
  animation-delay: 0.25s;
}

.delay-500.animating {
  animation-delay: 0.5s;
}

.delay-750.animating {
  animation-delay: 0.75s;
}

.delay-1000.animating {
  animation-delay: 1s;
}

.delay-1250.animating {
  animation-delay: 1.25s;
}

.delay-1500.animating {
  animation-delay: 1.5s;
}

.delay-1750.animating {
  animation-delay: 1.75s;
}

.delay-2000.animating {
  animation-delay: 2s;
}

.delay-2250.animating {
  animation-delay: 2.25s;
}

.introBlocks .box video {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 177.77777778vh;
  /* 100 * 16 / 9 */
  min-width: 100%;
  min-height: 56.25vw;
  /* 100 * 9 / 16 */
  left: 50%;
  /* % of surrounding element */
  top: 50%;
  transform: translate(-50%, -50%);
  /* % of current element */
}

@media only screen and (max-width: 1200px) {
  .introBlocks .box1 {
    font-size: 30px;
  }

  .introBlocks .box3 {
    font-size: 70px;
  }
}

/* ============= general ==============  */
.headerSmall {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.headerMedium {
  font-size: 40px;
}

.headerLarge {
  font-size: 64px;
  color: #000000;
  line-height: 1em;
  letter-spacing: -0.25px;
}

.headerLarger {
  font-size: 72px;
  color: #000000;
  line-height: 1.3em;
  letter-spacing: -0.25px;
}

.headerExtraLarge {
  color: #101010;
  font-size: 90px;
  line-height: 1em;
}

.paraLarge {
  font-size: 48px;
  color: #000000;
  line-height: 1.3em;
  letter-spacing: -0.25px;
}

.box .image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.intro-grey {
  background: #a5a5b0;
}

.intro-grey .paraLarge {
  font-size: 40px;
}

.m-collapse {
  scrollbar-width: 0;
  scrollbar-height: 0;
}

.m-collapse::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0px;
  background: transparent;
  opacity: 0;
}

.headerContent {
  font-size: 30px;
  color: #000;
}

.pageHeader {
  padding: 0px 0px 120px 0px;
}

.pageHeader.contact-page-header {
  padding-top: 116px;
}

.pageHeader p {
  margin: 40px 0px 40px 60px;
}

.pageHeader.contact-page-header p {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.54em;
}

.backgroundHeader {
  position: absolute;
  left: -40px;
  top: 47%;
  height: 240px;
  color: #fafafa;
  font-size: 240px;
  font-weight: 800;
  line-height: 240px;
  width: 60%;
}

.mb-140 {
  margin-bottom: 140px !important;
}

.mb-160 {
  margin-bottom: 160px !important;
}

.mt-160 {
  margin-top: 160px !important;
}

.mt-200 {
  margin-top: 200px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mt-140 {
  margin-top: 140px !important;
}

.mt-180 {
  margin-top: 180px !important;
}

.pt-30,
.py-30 {
  padding-top: 30px;
}

.pb-30,
.py-30 {
  padding-bottom: 30px;
}

.pt-60,
.py-60 {
  padding-top: 60px;
}

.pb-60,
.py-60 {
  padding-bottom: 60px;
}

.pt-80,
.py-80 {
  padding-top: 80px;
}

.pb-80,
.py-80 {
  padding-bottom: 80px;
}

.pt-100,
.py-100 {
  padding-top: 100px;
}

.pb-100,
.py-100 {
  padding-bottom: 100px;
}

.pt-120,
.py-120 {
  padding-top: 120px;
}

.pb-120,
.py-120 {
  padding-bottom: 120px;
}

.pt-130,
.py-130 {
  padding-top: 130px !important;
}

.pb-130,
.py-130 {
  padding-bottom: 130px !important;
}

.pt-140,
.py-140 {
  padding-top: 140px;
}

.pb-140,
.py-140 {
  padding-bottom: 140px;
}

.pt-160,
.py-160 {
  padding-top: 160px;
}

.pb-160,
.py-160 {
  padding-bottom: 160px;
}

.pt-180,
.py-180 {
  padding-top: 160px;
}

.pb-180,
.py-180 {
  padding-bottom: 160px;
}

.pt-200,
.py-200 {
  padding-top: 200px;
}

.pb-200,
.py-200 {
  padding-bottom: 200px;
}

.pt-40 {
  padding-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.pr-30 {
  padding-right: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-200 {
  margin-bottom: 200px !important;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.ml-60,
.mx-60 {
  margin-left: 60px;
}

.mr-60,
.mx-60 {
  margin-right: 60px;
}

.mt-120,
.my-120 {
  margin-top: 120px !important;
}

.mb-120,
.my-120 {
  margin-bottom: 120px !important;
}

.mb-300,
.my-300 {
  margin-bottom: 300px !important;
}

.mt-300,
.my-300 {
  margin-top: 300px !important;
}

.mt-130,
.my-130 {
  margin-top: 130px;
}

.mb-130,
.my-130 {
  margin-bottom: 130px;
}

.mt-100,
.my-100 {
  margin-top: 100px;
}

.mb-100,
.my-100 {
  margin-bottom: 100px;
}

.pl-30,
.px-30 {
  padding-left: 30px;
}

.pr-30,
.px-30 {
  padding-right: 30px;
}

.pl-60,
.px-60 {
  padding-left: 60px;
}

.pr-60,
.px-60 {
  padding-right: 60px;
}

.pl-120,
.px-120 {
  padding-left: 120px;
}

.pr-120,
.px-120 {
  padding-right: 120px;
}

.pl-100,
.px-100 {
  padding-left: 100px;
}

.pr-100,
.px-100 {
  padding-right: 100px;
}

@media only screen and (max-width: 992px) {
  .pageHeader .headerExtraLarge {
    font-size: 70px;
  }
}

@media only screen and (min-width: 992px) {

  .pl-md-60,
  .px-md-60 {
    padding-left: 60px !important;
  }

  .pr-md-60,
  .px-md-60 {
    padding-right: 60px !important;
  }

  .pt-md-130,
  .py-md-130 {
    padding-top: 130px !important;
  }

  .pb-md-130,
  .py-md-130 {
    padding-bottom: 130px !important;
  }
}

@media only screen and (max-width: 768px) {
  .mb-200 {
    margin-bottom: 100px !important;
  }

  .mt-200 {
    margin-top: 100px !important;
  }

  .mb-300,
  .my-300 {
    margin-bottom: 100px !important;
  }

  .mt-300,
  .my-300 {
    margin-top: 100px !important;
  }

  .headerMediumLarge {
    font-size: 36px !important;
  }

  .pageHeader .headerExtraLarge {
    font-size: 60px;
  }

  .pt-160,
  .py-160 {
    padding-top: 80px;
  }

  .pb-160,
  .py-160 {
    padding-bottom: 80px;
  }

  .pt-80,
  .py-80 {
    padding-top: 40px;
  }

  .pb-80,
  .py-80 {
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) {

  .pl-md-60,
  .px-md-60 {
    padding-left: 60px !important;
  }

  .pr-md-60,
  .px-md-60 {
    padding-right: 60px !important;
  }

  .pt-md-120,
  .py-md-120 {
    padding-top: 120px !important;
  }

  .pb-md-120,
  .py-md-120 {
    padding-bottom: 120px !important;
  }

  .mt-140 {
    margin-top: 100px;
  }

  .mt-180 {
    margin-top: 140px;
  }
}

@media only screen and (min-width: 576px) {

  .pl-sm-60,
  .px-sm-60 {
    padding-left: 60px !important;
  }

  .pr-sm-60,
  .px-sm-60 {
    padding-right: 60px !important;
  }
}

@media only screen and (max-width: 576px) {
  .floatee {
    display: none !important;
  }

  .mt-120 {
    margin-top: 60px !important;
  }

  .mb-120 {
    margin-bottom: 60px !important;
  }

  .mb-140 {
    margin-bottom: 60px !important;
  }

  .mb-160 {
    margin-bottom: 70px !important;
  }

  .mt-160 {
    margin-top: 70px !important;
  }

  .mt-130 {
    margin-top: 70px !important;
  }

  .mt-80 {
    margin-top: 40px;
  }

  .mb-80 {
    margin-bottom: 40px;
  }

  .mb-30 {
    margin-bottom: 15px !important;
  }

  .mmt-0 {
    margin-top: 0px !important;
  }

  .mt-130,
  .my-130 {
    margin-top: 70px;
  }

  .mb-130,
  .my-130 {
    margin-bottom: 70px;
  }

  .mt-100,
  .my-100 {
    margin-top: 60px;
  }

  .mb-100,
  .my-100 {
    margin-bottom: 60px;
  }

  .pt-120,
  .py-120 {
    padding-top: 60px;
  }

  .pb-120,
  .py-120 {
    padding-bottom: 60px;
  }

  .pt-100,
  .py-100 {
    padding-top: 50px;
  }

  .pb-100,
  .py-100 {
    padding-bottom: 50px;
  }

  .pt-180,
  .py-180 {
    padding-top: 80px;
  }

  .pb-180,
  .py-180 {
    padding-bottom: 80px;
  }

  .mb-60 {
    margin-bottom: 30px;
  }

  .pr-30 {
    padding-right: 15px !important;
  }

  .scrollButton {
    display: none;
  }

  .pageHeader .headerExtraLarge {
    font-size: 50px;
  }
}

.b-red {
  background-color: #d2232a;
}

.p-relative {
  position: relative;
}

.strongHighlight strong {
  color: #000000;
  font-size: 22px;
}

.pageScroller {
  position: fixed;
  top: 365px;
  right: 59px;
  height: calc(100vh - 520px);
  max-height: 300px;
  width: 2px;
  z-index: 100;
  opacity: 1;
  pointer-events: none;
}

.hidden.pageScroller {
  display: none !important;
}

.sub .pageScroller {
  height: calc(100vh - 330px);
}

.pageScroller:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #fff;
  left: -1px;
  top: 0px;
}

.pageScroller .handle {
  content: "";
  position: absolute;
  width: 3px;
  background: #fff;
  left: -2px;
  top: 0px;
}

.pageScroller.over {}

.pageScroller.over:before {
  background: #000;
}

.pageScroller.over .handle {
  background: #000;
}

.pageScroller .handleMarker:before {
  content: attr(data-content);
  position: absolute;
  left: 0px;
  top: 50%;
  font-size: 14px;
  color: #fff;
  line-height: 1em;
  white-space: nowrap;
  display: none;
  transform-origin: center;
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
  text-align: center;
  text-transform: uppercase;
}

.pageScroller .handleMarker:after {
  /*content:"";width:40px;height:22px;position:absolute;left:-16px;top:-8px;*/
  content: "";
  width: 7px;
  height: 7px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 10px;
  transition: all 0.2s linear;
}

.pageScroller .handleMarker.open:before {
  display: block;
}

.pageScroller .handleMarker {
  /*width: 7px;
    height: 7px;
    left:100%;
    transform:translateX(-50%);
    position: absolute;
    background: #fff;
    border-radius: 50%;
    pointer-events: all;
    transition:all .2s linear;
    border:1px solid rgba(255,255,255,0);*/
  width: 40px;
  height: 25px;
  position: absolute;
  transform: translateX(-50%);
  pointer-events: all;
}

.scrollblack .pageScroller .handleMarker:after {
  background: #000;
}

.pageScroller.over .handleMarker:after {
  background: #000;
}

.pageScroller.over .handleMarker:before {
  color: #d2232a;
}

.pageScroller .handleMarker.open:after {
  background: #d2232a;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
}

.pageScroller .handleMarker:hover:before {
  display: block;
  color: #d2232a;
}

.pageScroller .handleMarker:hover:after {
  background: #d2232a;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
}

.pageScroller.dull .handleMarker:before {
  opacity: 0;
}

.pageScroller.dull .handleMarker:hover:before {
  opacity: 1;
}

.sub .pageScroller .handle {
  content: "";
  position: absolute;
  width: 4px;
  background: #fff;
  left: -2px;
  top: 0px;
}

.sub .pageScroller:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background: #dfdfdf !important;
  left: -1px;
  top: 0px;
}

.colorblend {
  /*mix-blend-mode:color;*/
}

.scrollButton {
  position: fixed;
  width: 28px;
  top: calc(100vh - 130px);
  right: 48px;
  z-index: 99;
  height: 100px;
}

.scrollButton:before {
  content: "SCROLL";
  font-size: 14px;
  display: block;
  position: absolute;
  top: 0px;
  left: 13px;
  font-style: normal;
  transform-origin: left top;
  transform: rotate(90deg) translate(0, -50%);
  line-height: 1em;
  color: #fff;
}

.scrollButton:after {
  content: "";
  position: absolute;
  top: 50px;
  background: url("../images/icon-scroll-down.svg") left top no-repeat;
  width: 28px;
  height: 48px;
}

#cursor {
  width: 15px;
  height: 15px;
  position: absolute;
  background: rgba(104, 103, 109, 0);
  border: 2px solid rgba(0, 0, 0, 0.5);
  left: 50px;
  top: 100px;
  z-index: 100001;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#cursor.a {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

#cursor.read {
  width: 120px;
  height: 120px;
  background: rgba(104, 103, 109, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

#cursor.read:before {
  content: "READ MORE";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 80px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 0 10%;
  line-height: 1.2em;
  transform: translateY(-50%);
}

#cursor.read:after {
  content: "";
  left: calc(100% - 20px);
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/icon-arrow-right-white.svg") left top no-repeat;
  width: 41px;
  height: 14px;
  position: absolute;
}

#cursor.read:hover:after {
  left: calc(100% - 10px);
}

#cursor.custom {
  width: 120px;
  height: 120px;
  background: rgba(104, 103, 109, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

#cursor.custom:before {
  content: attr(data-cursor);
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 0 10%;
  line-height: 1.2em;
  transform: translateY(-50%);
  text-align: center;
}

#cursor.custom:after {
  content: "";
  left: calc(100% - 10px);
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/icon-arrow-right-white.svg") left top no-repeat;
  width: 41px;
  height: 14px;
  position: absolute;
}

#cursor.custom:hover:after {
  left: calc(100% - 10px);
}

#cursor.redback {
  width: 120px;
  height: 120px;
  background: #D2232A;
  border: 1px solid #D2232A;
}

#cursor.redback:before {
  content: "view";
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  padding: 0 10%;
  line-height: 1.2em;
  transform: translateY(-50%);
  text-align: center;
  text-transform: uppercase;
}

#cursor.redback:after {
  content: "";
  left: calc(100% - 10px);
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/icon-arrow-right-white.svg") left top no-repeat;
  width: 41px;
  height: 14px;
  position: absolute;
}

#cursor.redback:hover:after {
  left: calc(100% - 10px);
}

#cursorFollow {
  width: 120px;
  height: 120px;
  background: rgba(0, 0, 0, 0.01);
  border: 1px solid rgba(0, 0, 0, 0.3);
  position: absolute;
  pointer-events: none;
  left: 50px;
  top: 100px;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  z-index: 499;
}

#cursor.plus {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid #d2232a;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}

#cursor.plus:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #d2232a;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#cursor.plus:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background: #d2232a;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}

#cursor.download {
  border: 1px solid #fff;
}

#cursor.download:after {
  content: "\E805";
  font-family: "equites-icons";
  font-size: 24px;
  position: absolute;
  top: 50%;
  right: 0px;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 200;
}

.socialshare {
  color: #999999;
  font-size: 16px;
  letter-spacing: 0.4px;
}

.socialshare a {
  min-width: 28px;
  width: 28px;
  height: 28px;
  border-radius: 40px;
  margin-left: 10px;
  border: 2px solid #000;
  display: inline-block;
  transition: all 0.2s linear;
}

.socialshare a:hover {
  border: 2px solid #d61d22;
  color: #d61d22;
  text-decoration: none;
}

.propertyTitleHolder .socialshare {
  margin-top: 40px;
}

.socialshare .icon {
  font-family: "equites-icons";
  font-style: normal;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 15px;
}

.socialshare .icon.copy:before {
  content: "\e800";
  font-size: 16px;
}

.socialshare .icon.email:before {
  content: "\e801";
  font-size: 14px;
}

.socialshare .icon.facebook:before {
  content: "\e802";
  position: relative;
  left: 0.5px;
  top: 0.2px;
}

.socialshare .icon.linkedin:before {
  content: "\e803";
  font-size: 14px;
}

.socialshare .icon.whatsapp:before {
  content: "\e804";
}

.m-collapse {}

.text-white {
  color: #fff !important;
}

.text-lightGrey {
  color: #999 !important;
}

.text-black {
  color: #000 !important;
}

.tag {
  font-size: 16px;
}

.byline {
  font-size: 20px;
}

.headerMedium {
  font-size: 28px;
  line-height: 1em;
}

.headerMedium40 {
  font-size: 40px;
}

.headerMediumLarge {
  font-size: 48px;
}

.headerNumber {
  font-size: 28px;
  line-height: 1em;
}

.header {
  font-size: 22px;
  line-height: 1em;
}

.p-relative {
  z-index: 1;
}

.author {
  font-size: 16px;
  display: inline-block;
  color: #fff;
  position: relative;
}

.date {
  font-size: 16px;
  color: #101010;
  text-transform: uppercase;
}

.sectionRow .headerLarge {
  line-height: 1em;
}

.border-left-white {
  border-left: 1px solid #fff !important;
}

.subPageLinks {
  background: #d2232a;
  padding: 30px 0px;
  margin-top: 90px;
  display: inline-block;
}

.subPageLinks a:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 5px;
  background: url("../images/icon-arrow-right-white.svg") center center no-repeat;
  width: 40px;
  height: 14px;
  opacity: 0;
}

.subPageLinks a:hover:before {
  right: 60px;
  opacity: 1;
}

.subPageLinks a:hover {
  text-decoration: none;
}

.gutter-30 .col,
.gutter-30 [class*="col-"],
.gutter-30 [class^="col-"] {
  padding-right: 30px;
  padding-left: 30px;
}

.gutter-15 .col,
.gutter-15 [class*="col-"],
.gutter-15 [class^="col-"] {
  padding-right: 15px;
  padding-left: 15px;
}

.gutter-30 .col.pr-0,
.gutter-30 [class*="col-"].pr-0,
.gutter-30 [class^="col-"].pr-0 {
  padding-right: 0px !important;
}

.gutter-30 .col.pl-0,
.gutter-30 [class*="col-"].pl-0,
.gutter-30 [class^="col-"].pl-0 {
  padding-left: 0px !important;
}

.gutter-30.row,
.gutter-30 .row {
  margin-right: -30px;
  margin-left: -30px;
}

.gutter-15.row {
  margin-right: -15px;
  margin-left: -15px;
}

@media only screen and (max-width: 1200px) {
  .headerLarger {
    font-size: 60px;
  }
}

@media only screen and (max-width: 992px) {
  .headerLarger {
    font-size: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .subPageLinks {
    padding: 15px 0px;
    margin-top: 60px;
  }

  .subPageLinks a {
    margin-bottom: 30px;
    display: inline-block;
  }

  .sectionRow {
    padding-left: 30px;
    padding-right: 30px;
  }

  .headerLarge {
    font-size: 30px;
  }

  .headerLarger {
    font-size: 40px;
  }

  .headerMedium40 {
    font-size: 28px;
  }
}

/* homepage*/
.home-about {
  margin: 200px 0px 200px 0px;
  overflow: hidden;
}

.home-about .paraLarge p {
  margin-bottom: -5px;
}

.home-about .paraLarge {
  margin-bottom: 140px;
}

.home-about .row:last-of-type {
  background: url("../images/backgroundtext-about.png") -50px top no-repeat;
  padding-top: 30px;
}

.home-stats {
  margin-top: 0px;
}

.home-stats .intro {
  margin-bottom: 120px;
}

.home-stats .border-left {
  padding-right: 0px;
}

.statsIcon {
  border-bottom: 3px solid #d3242c;
  color: #d3242c;
  font-size: 20px;
  letter-spacing: 0.5px;
  display: flex;
  height: 60px;
  line-height: 70px;
}

.statsIcon.statsGlobal {
  border-bottom: 3px solid #fff;
  color: #fff;
  background: url("../images/icon-stat-global.svg") -1px calc(100% + 4px) no-repeat;
  padding-left: 85px;
}

.statsIcon.statsUK {
  background: url("../images/icon-stat-uk.svg") -1px calc(100% + 4px) no-repeat;
  padding-left: 115px;
}

.statsIcon.statsZA {
  background: url("../images/icon-stats-sa.svg") -1px calc(100% + 4px) no-repeat;
  padding-left: 115px;
}

ul.statHolder {
  margin: 5px 0;
  padding: 0px;
  list-style: none;
}

ul.statHolder li {
  padding-top: 50px;
}

ul.statHolder li div {
  color: #000000;
  font-size: 24px;
  letter-spacing: -0.25px;
}

ul.statHolder li span {
  color: #d2232a;
  font-size: 100px;
  letter-spacing: 0;
  line-height: 1em;
  position: relative;
  display: inline-block;
}

ul.statHolder li span:after {
  content: attr(data-description);
  position: absolute;
  transform-origin: right bottom;
  transform: rotate(90deg) translate(0, 0);
  color: #d2232a;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: right;
  width: 100px;
  bottom: 13px;
  right: -10px;
}

.b-red ul.statHolder li div,
.b-red ul.statHolder li span,
.b-red ul.statHolder li span:after {
  color: #fff;
}

.b-red.red-stats {
  background-image: url(/assets/images/img-homepage-stats-pattern-01.svg);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 470px;
}

.b-red .mask {
  background: #fff;
}

.home-stats .intro {
  position: absolute;
  top: 0px;
  width: 100%;
}

.red-stats,
.white-stats {
  padding-top: 300px;
}

.red-stats .content {
  position: relative;
}

@media only screen and (max-width: 1200px) {
  ul.statHolder li {
    min-height: 225px;
  }
}

@media only screen and (max-width: 992px) {
  .statsIcon {
    margin-top: 60px;
  }

  .statsIcon.statsGlobal,
  .statsIcon.statsUK,
  .statsIcon.statsZA {
    background: none !important;
    padding: 0px;
  }

  .home-stats .intro {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .home-stats {
    margin: 80px 0px 0px 0px;
  }

  .home-stats-row {
    margin: 0px -15px;
  }

  .home-stats .intro {
    padding: 0px 15px;
  }

  ul.statHolder li div {
    font-size: 16px;
    line-height: 1em;
  }

  ul.statHolder li span {
    font-size: 56px;
  }

  ul.statHolder li span:after {
    font-size: 11px;
    line-height: 1em;
    width: 100%;
    bottom: 7px;
    right: -5px;
  }

  ul.statHolder li {
    min-height: 140px;
  }

  .home-about {
    margin: 80px 0px;
  }

  .home-about .paraLarge {
    margin-bottom: 90px;
  }

  .home-stats .intro {
    min-height: 0px;
  }

  .red-stats,
  .white-stats {
    padding-top: 0px;
  }

  .home-stats .intro {
    position: absolute;
    top: -200px;
  }
}

@media only screen and (max-width: 576px) {
  .home-stats {
    margin: 0px 0px 0px 0px;
  }

  .home-stats .intro {
    position: absolute;
    top: -120px;
  }
}

.floater {
  position: relative;
  overflow: hidden;
}

.floatee {
  display: none !important;
  /**/
}

.footerHolder {
  position: relative;
  border-top: 1px solid #e1e1e2;
}

.footerHolder .logo img {
  width: 110px;
  height: auto;
}

.footerHolder h5.headerSmall {
  width: 100%;
  margin-bottom: 40px;
  color: #d2232a;
}

.footerHolder ul {
  margin: 0px 30px 0px 0px;
}

.footerHolder ul li {
  padding-bottom: 10px;
}

.footerHolder ul li a {
  color: #000;
  font-size: 16px;
  line-height: 1em;
}

.footerHolder .border-left {
  padding-right: 0px;
}

.footerHolder .border-left ul {
  margin-right: 0px;
}

.footerHolder .border-left ul li {
  padding-bottom: 20px;
  position: relative;
}

.footerHolder .border-left ul li:last-of-type {
  padding-bottom: 0px;
}

.footerHolder .number a {
  color: #000000;
  font-size: 22px;
  white-space: nowrap;
}

.footerHolder .number span {
  color: #999999;
  font-size: 15px;
  letter-spacing: 0.75px;
  padding-right: 20px;
}

.footerHolder .footerRow {
  margin-top: 80px;
}

.footerHolder .footerRow,
.footerHolder .socialRow {
  padding: 30px 0px;
}

.footerHolder .bordered {
  border-top: 1px solid #e1e1e2;
  border-bottom: 1px solid #e1e1e2;
}

.footerHolder .footerRow a,
.footerHolder .socialRow a {
  color: #000000;
  font-size: 14px;
  margin-right: 30px;
  position: relative;
}

.footerHolder .footerRow a:last-of-type {
  margin-right: 0px;
}

.footerHolder a {
  position: relative;
}

.footerHolder .logo a:after,
.footerHolder .logo a:hover:after {
  display: none;
}

.footerHolder a:hover {
  text-decoration: none;
  color: #000000 !important;
}

.footerHolder a:after {
  content: "";
  height: 1px;
  background: #000;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 0px;
}

.footerHolder a:hover:after {
  width: 100%;
}

.footerHolder .socialRow a:after {
  width: 100%;
}

.footerHolder.dull .socialRow a:after {
  background: #ccc;
}

.footerHolder .socialRow a:hover:after {
  animation: fadeWidth 0.3s ease-out forwards;
  background: #000 !important;
}

.footerHolder .socialRow span {
  color: #999999;
  font-size: 14px;
}

.footerHolder.dull a {
  color: #ccc;
}

@keyframes fadeWidth {
  from {
    width: 0px;
  }

  to {
    width: 100%;
  }
}

a.footer-defender {
  position: relative;
  min-width: 136px;
}

a.footer-defender img {
  width: 136px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: -6px;
}

a.footer-defender:hover:after {
  display: none;
}

@media only screen and (max-width: 1200px) {

  .footerHolder .footerRow a,
  .footerHolder .socialRow a {
    margin-right: 10px;
  }
}

a.link-underlined {
  color: #000;
  display: inline-block;
  position: relative;
  text-decoration: none;
  font-weight: 700;
}

a.link-underlined:hover {
  color: #000;
}

a.link-underlined:after {
  content: "";
  height: 1px;
  background: #000;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

a.link-underlined.text-white:after {
  background: #fff;
}

a.link-underlined:hover:after {
  animation: fadeWidth 0.3s ease-out forwards;
  background: #000 !important;
}

a.link-underlined.text-white:hover:after {
  animation: fadeWidth 0.3s ease-out forwards;
  background: #fff !important;
}

.backtoTop {
  position: absolute;
  bottom: 137px;
  right: 40px;
  z-index: 99;
  height: 43px;
  width: 43px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 100%;
}

.backtoTop:before {
  content: "BACK TO TOP";
  font-size: 14px;
  display: block;
  position: absolute;
  bottom: calc(100% + 40px);
  width: 100px;
  left: 12px;
  font-style: normal;
  transform-origin: left bottom;
  transform: rotate(90deg) translate(-100%, 0);
  line-height: 1em;
  color: #000;
  text-align: right;
  letter-spacing: 1.08px;
  pointer-events: none;
}

.backtoTop:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 21px;
  background: url(../images/icon-arrow-up-black.svg) left top no-repeat;
  width: 14px;
  height: 40px;
  overflow: hidden;
  pointer-events: none;
}

.backtoTop:hover:after {
  bottom: 8px;
  width: 14px;
  height: 25px;
}

@media only screen and (max-width: 990px) {
  .footerHolder .footerRow .flex-fill {
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px solid #e1e1e2;
    display: block;
    width: 100%;
  }

  .footerHolder .col-lg-4 h5.headerSmall.trigger {
    margin-top: 30px;
  }

  .footerHolder .col-lg-4:first-of-type h5.headerSmall.trigger {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 768px) {
  .footerHolder .footerRow a {
    display: block;
    margin-bottom: 10px;
  }

  .footerHolder .footerRow a:last-of-type {
    margin-bottom: 0;
  }

  .footerHolder .footerRow {
    margin-top: 20px;
  }

  .footerHolder h5.headerSmall {
    margin: 20px 0px 15px 0px;
  }

  .footerHolder .list-sub {
    display: none;
  }

  .footerHolder h5.headerSmall.trigger {
    position: relative;
  }

  .footerHolder h5.headerSmall.trigger:after {
    content: "";
    background: #d2232a;
    width: 14px;
    height: 1px;
    right: 10px;
    top: 7px;
    position: absolute;
  }

  .footerHolder h5.headerSmall.trigger:before {
    content: "";
    background: #d2232a;
    width: 1px;
    height: 13px;
    right: 17px;
    top: 1px;
    position: absolute;
  }

  .footerHolder h5.headerSmall.trigger.open:before {
    transform: rotate(90deg);
  }

  .footerHolder h5.headerSmall.trigger.open:after {
    opacity: 0;
    transform: rotate(90deg);
  }

  .footerHolder .border-left {
    padding-left: 0px;
    border: none !important;
  }

  .footerHolder .socialRow span:last-of-type {
    margin-top: 35px;
    padding-top: 30px;
    border-top: 1px solid #e1e1e2;
    display: block;
    width: 100%;
  }

  .footerHolder .footerRow.social .flex-fill {
    display: none;
  }

  .footerHolder .logo img {
    width: 60px;
    height: auto;
    margin-bottom: -10px;
  }

  .footerHolder ul li a {
    font-size: 14px;
  }

  .footerHolder ul li.number {
    display: inline-block;
    width: 48%;
  }

  .footerHolder .number span {
    font-size: 12px;
    display: block;
  }

  .footerHolder .number a {
    font-size: 20px;
  }

  .footerHolder .footerRow.social a:last-of-type {
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .footerHolder a:hover:after {
    display: none;
  }

  .footerHolder .socialRow a:hover:after {
    display: block;
  }

  .footerHolder.dull .socialRow a:after {
    background: #000;
  }

  .footerHolder.dull a {
    color: #000;
  }

  .backtoTop {
    bottom: 20px;
    right: 15px;
  }

  .backtoTop:hover:after {
    bottom: 21px;
    width: 14px;
    height: 40px;
  }

  .backtoTop:before {
    display: none;
  }

  .footerHolder .logo.mb-60 {
    margin-bottom: 50px;
  }

  .footerHolder .border-left .list-inline {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 576px) {}

/* tenantblocks */
.home-tenants {
  margin: 120px 0px 0px 0px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: url(../images/backgroundtext-tenants.png) top 0px left 0px no-repeat;
}

.home-tenants .intro {
  margin: 0px auto 120px auto;
}

.tenantGallery {
  overflow: hidden;
  padding-bottom: 80px;
  cursor: none;
}

.tenantGallery .slide {
  width: 240px !important;
  height: 240px;
  position: relative;
  margin: 0px 8px;
  background: rgba(235, 235, 236, 0.5);
}

.tenantGallery .slide.slide-blank {
  background: #fff;
}

.tenantGallery .slide img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 80%;
  max-height: 80%;
}

/*.tenantGallery .slide:hover {background:#D2232A;border:1px solid #D2232A;}
.tenantGallery .slide:hover img {  -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.tenantGallery .slide.slide-blank {border:none;}*/
/*.tenantGallery .slide.slide-blank:hover {background:#fff;border:none;}*/
.slick-current.slick-active,
.slick-slide {
  outline: none;
}

.slick-arrow {
  text-indent: -9999px;
  position: absolute;
  z-index: 99;
  width: 90px;
  height: 90px;
  background: none;
  border: none;
  cursor: none !important;
}

.slick-arrow:after {
  content: "";
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ccc;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  position: absolute;
  z-index: 99;
  left: 22px;
  top: 22px;
}

.slick-arrow:hover {
  opacity: 0;
}

.slick-arrow.slick-next:before {
  content: "";
  width: 40px;
  height: 14px;
  background-image: url("../images/icon-arrow-left-black.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 50%;
  top: calc(50% - 7px);
  z-index: 100;
}

.slick-arrow.slick-next {
  top: 70px;
  left: 70px;
  outline: none;
}

.slick-arrow.slick-prev:before {
  content: "";
  width: 40px;
  height: 14px;
  background-image: url("../images/icon-arrow-left-black.svg");
  background-repeat: no-repeat;
  position: absolute;
  left: 50%;
  top: calc(50% - 7px);
  z-index: 100;
  transform: rotate(180deg);
}

.slick-arrow.slick-prev {
  top: 70px;
  right: 70px;
  outline: none;
}

.slick-disabled {
  display: none !important;
}

.slick-dots {
  list-style: none;
  display: flex;
  width: 50%;
  position: absolute;
  bottom: 0px;
  left: 25%;
  margin: 0px;
}

.slick-dots li {
  flex-grow: 1;
}

.slick-dots li button {
  background: none;
  border: none;
  border-bottom: 2px solid #e1e1e2;
  text-indent: -1999px;
  overflow: hidden;
  height: 0px;
  width: 100%;
  outline: none;
}

.slick-dots .slick-active button {
  border-bottom: 3px solid #d3242c;
  outline: none;
}

#cursor.arrowRight {
  background: rgba(255, 255, 255, 1);
  border: 1px solid #ccc;
  width: 45px;
  height: 45px;
}

#cursor.arrowRight:before {
  content: "";
  width: 40px;
  height: 14px;
  background-image: url("/assets/images/icon-arrow-left-black.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 40%;
  top: calc(50% - 7px);
  z-index: 100;
}

#cursor.arrowLeft {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #ccc;
  width: 45px;
  height: 45px;
}

#cursor.arrowLeft:before {
  content: "";
  width: 40px;
  height: 14px;
  background-image: url("/assets/images/icon-arrow-left-black.svg");
  background-repeat: no-repeat;
  position: absolute;
  left: 40%;
  top: calc(50% - 7px);
  z-index: 100;
  transform: rotate(180deg);
}

@media only screen and (max-width: 576px) {
  .home-tenants {
    margin: 0px;
    padding-top: 60px;
  }

  .home-tenants .intro {
    padding: 0px 15px;
    margin: 60px auto;
  }

  .tenantGallery .slide {
    width: 100px !important;
    height: 100px;
  }

  .tenantGallery .slide.slide-blank {
    width: 15px !important;
  }

  .tenantGallery {
    padding-top: 50px;
  }

  .slick-arrow {
    background: none;
    border: none;
    height: 40px;
    width: 60px;
    transform: rotate(180deg);
    overflow: hidden;
  }

  .slick-arrow.slick-next {
    top: 0px;
    left: 72px;
    right: auto;
  }

  .slick-arrow.slick-prev {
    top: 0px;
    left: -7px;
  }

  .slick-arrow.slick-prev:before {
    left: -10px;
  }

  .slick-arrow.slick-next:before {
    left: 27px;
  }

  .slick-arrow:after {
    display: none;
  }

  .slick-arrow.slick-disabled {
    display: block !important;
  }

  .slick-arrow.slick-disabled:before {
    opacity: 0.2;
  }

  .slick-arrow:hover {
    opacity: 1;
  }

  .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 15px;
    margin: 0px;
    padding: 0px;
  }

  .slick-dots li button {
    border-bottom: 1px solid #e1e1e2;
  }

  .slick-dots .slick-active button {
    border-bottom: 2px solid #d3242c;
  }
}

/* senblocks */
.home-sens {
  padding: 200px 0px;
  background: #ebebec url("/assets/images/background-news.png") left -50px top 150px no-repeat;
}

.senBlocks {}

.senBlocks .box {
  position: relative;
  overflow: hidden;
}

.senBlocks .box .image {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.senBlocks .box:hover .image {
  transform: scale(1.2);
}

.senBlocks .box .content {
  padding: 60px;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.senBlocks .box:before {
  content: attr(data-description);
  display: block;
  padding: 10px 30px;
  background: #d3242c;
  right: 0px;
  top: 0px;
  transform: rotate(90deg) translate(100%, 0);
  transform-origin: right top;
  position: absolute;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1em;
  color: #fff;
  z-index: 3;
}

.senBlocks .box.box2:before,
.senBlocks .box.box3:before {
  background: #a5a5b0;
}

.senBlocks .box1 {
  background-color: #ccc;
  font-size: 40px;
  line-height: 1.08em;
  min-height: 630px;
  margin-bottom: -30px;
  background-size: cover;
}

.senBlocks .box2 {
  background-color: #ccc;
  font-size: 40px;
  line-height: 1.08em;
  background-size: cover;
}

.senBlocks .box3 {
  background-color: #ffffff;
  font-size: 40px;
  line-height: 1.08em;
}

.senBlocks .box1 .mask {
  background-color: #333;
}

.senBlocks .box2 .mask {
  background-color: rgba(211, 36, 44, 1);
}

.senBlocks .box3 .mask {
  background-color: #dcdcdc;
}

.senBlocks .box h4 {
  font-size: 28px;
  color: #fff;
  display: flex;
}

.senBlocks .box .article {
  width: 100%;
}

.senBlocks .box date {
  display: block;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1em;
  text-transform: uppercase;
  margin: 25px auto 10px auto;
}

.senBlocks .box1 .article:first-of-type {
  margin-bottom: 80px;
}

.senBlocks .box1 .article:first-of-type h4 {
  font-size: 72px;
  line-height: 1em;
}

.senBlocks .box1 .article:nth-child(2),
.senBlocks .box1 .article:nth-child(3) {
  width: 50%;
  float: left;
}

.senBlocks .box .article p {
  font-size: 16px;
  line-height: 1.5em;
  color: #fff;
  margin: 20px 0 0 0;
}

.senBlocks .box.box3 .article p,
.senBlocks .box.box3 h4,
.senBlocks .box.box3 date {
  color: #101010;
}

.home-sens .senBlocks a.link:after {
  opacity: 1;
  width: 100%;
}

.home-sens .senBlocks a.link:hover:after {
  opacity: 1;
}

.home-sens .senBlocks a.link:before {
  content: "";
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/icon-arrow-right-white.svg) left top no-repeat;
  width: 41px;
  height: 14px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.home-sens .senBlocks a.link:hover:before {
  right: -70px;
}

.buttonArrowSmallLeft {
  width: 40px;
  height: 20px;
  position: relative;
}

.buttonArrowSmallLeft:before {
  content: "";
  width: 30px;
  height: 10px;
  right: 0px;
  top: 5px;
  background: url("../images/icon-arrow-prev-small-red.svg") left top no-repeat;
  position: absolute;
}

.buttonArrowSmallLeft.disabled:before {
  background: url("../images/icon-arrow-prev-small-grey.svg") left top no-repeat;
  position: absolute;
}

.buttonArrowSmallLeft:hover:before {
  right: 10px;
}

.buttonArrowSmallRight {
  width: 40px;
  height: 20px;
  position: relative;
}

.buttonArrowSmallRight:before {
  content: "";
  width: 30px;
  height: 10px;
  left: 0px;
  top: 5px;
  background: url("../images/icon-arrow-next-small-red.svg") left top no-repeat;
  position: absolute;
}

.buttonArrowSmallRight.disabled:before {
  background: url("../images/icon-arrow-next-small-grey.svg") left top no-repeat;
  position: absolute;
}

.buttonArrowSmallRight:hover:before {
  left: 10px;
}

.ui-datepicker-title {
  display: flex;
}

.ui-datepicker-title .ui-datepicker-month {
  flex-grow: 1;
}

.link {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 1.33px;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
}

.link:hover {
  text-decoration: none;
  color: #fff;
}

.link:after {
  content: "";
  position: absolute;
  top: calc(100% + 4px);
  width: 100%;
  height: 1px;
  background: #ffffff;
  left: 0px;
  pointer-events: none;
}

.link:hover:after {
  content: "";
  position: absolute;
  top: calc(100% + 4px);
  width: 100%;
  height: 1px;
  background: #ffffff;
  left: 0px;
  animation: linkbuild 0.3s ease-out forwards;
}

@keyframes linkbuild {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.link.link-arrow-white:before {
  content: "";
  left: calc(100% - 20px);
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/icon-arrow-right-white.svg") left top no-repeat;
  width: 41px;
  height: 14px;
  position: absolute;
  opacity: 0;
}

.link.link-arrow-black:before {
  content: "";
  left: calc(100% - 20px);
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/icon-arrow-right-black.svg") left top no-repeat !important;
  width: 41px;
  height: 14px;
  position: absolute;
  opacity: 0 !important;
}

.link.link-arrow-black {
  color: #000;
}

.link.link-arrow-black:after {
  background: #000;
}

.link.link-arrow-white:hover:before,
.link.link-arrow-black:hover:before {
  content: "";
  left: calc(100% + 10px);
  opacity: 1 !important;
}

.link.link-arrow-black.nohover:hover:before {
  display: none;
}

.blacklink {
  font-size: 16px;
  letter-spacing: 1.33px;
  line-height: 1em;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  position: relative;
  color: #000;
}

@media only screen and (max-width: 768px) {
  .senBlocks .pr-30 {
    padding-right: 0px !important;
  }

  .senBlocks .box1 .article:first-of-type h4 {
    font-size: 38px;
  }

  .senBlocks .box1 .article:first-of-type {
    margin-bottom: 0px;
  }

  .senBlocks .box date {
    font-size: 12px;
  }

  .senBlocks .link {
    font-size: 15px;
  }

  .senBlocks .box {
    margin-bottom: 15px;
    min-height: 400px;
  }

  .senBlocks .box .content {
    padding: 25px 50px 25px 25px;
  }

  .home-sens {
    padding: 80px 15px;
  }

  .home-sens .intro {
    padding: 0px 15px;
  }
}

@media only screen and (max-width: 576px) {
  .senBlocks .box {
    min-height: 100px;
  }
}

/* senblocks */
.emailBlocks {}

.emailBlocks .box1 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.emailBlocks .box2 {
  background-color: #a5a5b0;
  color: #fff;
  min-height: 580px;
}

.emailBlocks .box2 .border-left {
  border-left: 1px solid #fff !important;
}

.emailBlocks .headerSmall {
  color: #fff;
}

.emailBlocks .row.d-block {
  padding-right: 0px;
}

.emailBlocks .emailform {
  padding-right: 0px;
}

.emailBlocks .emailform .emailField {
  margin: 30px 0px 60px 0px;
  border: none;
  border-bottom: 3px solid #fff;
  font-size: 48px;
  color: #fff;
  background: none;
  width: 100%;
  line-height: 80px;
  outline: none;
}

.emailBlocks .box1 .mask {
  background: #d2232a;
}

.emailBlocks .emailform .emailField::placeholder {
  color: #ffffff;
}

.emailBlocks .emailform .emailField::-ms-input-placeholder {
  color: #ffffff;
}

.emailBlocks .emailform .emailField::-webkit-input-placeholder {
  color: #ffffff;
}

.emailBlocks .emailform .emailField:focus::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 768px) {
  .emailBlocks .box1 .content {
    padding: 0px !important;
  }

  .emailBlocks .box2 {
    min-height: 400px;
  }
}

.squareButtonWhite {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 18px 50px 15px 50px;
  position: relative;
  font-size: 18px;
  line-height: 1em;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1.5px;
  white-space: nowrap;
  -webkit-appearance: none;
}

.squareButtonWhite .b-bottom {
  height: 1px;
  background: #fff;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  position: absolute;
  animation: butunfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.6s;
}

.squareButtonWhite .b-right {
  background: #fff;
  bottom: 0px;
  right: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  animation: butunfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.4s;
}

.squareButtonWhite .b-top {
  height: 1px;
  background: #fff;
  top: -1px;
  right: -1px;
  width: calc(100% + 2px);
  position: absolute;
  animation: butunfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.2s;
}

.squareButtonWhite .b-left {
  background: #fff;
  top: 0px;
  left: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  animation: butunfadeHeight 0.2s ease-out forwards;
}

.squareButtonWhite:hover .b-bottom {
  width: 0px;
  animation: butfadeWidth 0.2s ease-out forwards;
}

.squareButtonWhite:hover .b-right {
  height: 0px;
  animation: butfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.2s;
}

.squareButtonWhite:hover .b-top {
  width: 0px;
  animation: butfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.4s;
}

.squareButtonWhite:hover .b-left {
  height: 0px;
  animation: butfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.6s;
}

@keyframes butfadeWidth {
  from {
    width: 0px;
  }

  to {
    width: calc(100% + 2px);
  }
}

@keyframes butfadeHeight {
  from {
    height: 0px;
  }

  to {
    height: 100%;
  }
}

@keyframes butunfadeWidth {
  from {
    width: calc(100% + 2px);
  }

  to {
    width: 0px;
  }
}

@keyframes butunfadeHeight {
  from {
    height: 100%;
  }

  to {
    height: 0px;
  }
}

.squareButtonWhite:after {
  content: "";
  left: calc(100% - 20px);
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/icon-arrow-right-white.svg") left top no-repeat;
  width: 41px;
  height: 14px;
  position: absolute;
  pointer-events: none;
}

.emailBlocks .emailform .squareButtonWhite {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.squareButtonWhite:hover:after {
  left: calc(100% - 60px);
}

.squareButtonWhite:hover {
  padding: 18px 70px 15px 30px;
  text-decoration: none;
  color: #fff;
}

.squareButtonWhite.noarrow:hover {
  padding: 18px 50px 15px 50px;
}

.squareButtonWhite.noarrow:after {
  display: none;
}

.boxButtonWhite {
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 13px 24px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 1.22px;
  text-transform: uppercase;
  transition: all 0.3s linear;
  display: inline-block;
  text-decoration: none;
}

.boxButtonWhite:hover {
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
}

.squareButtonDownload {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: 18px 24px 15px 24px;
  position: relative;
  font-size: 18px;
  line-height: 1em;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1.5px;
  white-space: nowrap;
  display: inline-block;
}

.squareButtonDownload img {
  margin-right: 24px;
}

.squareButtonDownload .b-bottom {
  height: 1px;
  background: #fff;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  position: absolute;
  animation: butunfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.6s;
}

.squareButtonDownload .b-right {
  background: #fff;
  bottom: 0px;
  right: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  animation: butunfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.4s;
}

.squareButtonDownload .b-top {
  height: 1px;
  background: #fff;
  top: -1px;
  right: -1px;
  width: calc(100% + 2px);
  position: absolute;
  animation: butunfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.2s;
}

.squareButtonDownload .b-left {
  background: #fff;
  top: 0px;
  left: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  animation: butunfadeHeight 0.2s ease-out forwards;
}

.squareButtonDownload:hover .b-bottom {
  width: 0px;
  animation: butfadeWidth 0.2s ease-out forwards;
}

.squareButtonDownload:hover .b-right {
  height: 0px;
  animation: butfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.2s;
}

.squareButtonDownload:hover .b-top {
  width: 0px;
  animation: butfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.4s;
}

.squareButtonDownload:hover .b-left {
  height: 0px;
  animation: butfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.6s;
}

.squareButtonDownload:hover {
  text-decoration: none;
  color: #fff;
}

.squareButtonDownload.black {
  color: #000;
  border: 1px solid #000;
}

.squareButtonDownload.black .b-bottom,
.squareButtonDownload.black .b-right,
.squareButtonDownload.black .b-top,
.squareButtonDownload.black .b-left {
  background: #ccc;
}

.squareButtonBlack {
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.4);
  padding: 13px 50px 10px 50px;
  position: relative;
  font-size: 18px;
  line-height: 1em;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 1.5px;
  white-space: nowrap;
  display: inline-block;
}

.squareButtonBlack .b-bottom {
  height: 1px;
  background: #000;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  position: absolute;
  animation: butunfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.6s;
}

.squareButtonBlack .b-right {
  background: #000;
  bottom: 0px;
  right: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  animation: butunfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.4s;
}

.squareButtonBlack .b-top {
  height: 1px;
  background: #000;
  top: -1px;
  right: -1px;
  width: calc(100% + 2px);
  position: absolute;
  animation: butunfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.2s;
}

.squareButtonBlack .b-left {
  background: #000;
  top: 0px;
  left: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  animation: butunfadeHeight 0.2s ease-out forwards;
}

.squareButtonBlack:hover .b-bottom {
  width: 0px;
  animation: butfadeWidth 0.2s ease-out forwards;
}

.squareButtonBlack:hover .b-right {
  height: 0px;
  animation: butfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.2s;
}

.squareButtonBlack:hover .b-top {
  width: 0px;
  animation: butfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.4s;
}

.squareButtonBlack:hover .b-left {
  height: 0px;
  animation: butfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.6s;
}

.squareButtonBlack:after {
  content: "";
  left: calc(100% - 20px);
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/icon-arrow-right-black.svg") left top no-repeat;
  width: 41px;
  height: 14px;
  position: absolute;
  pointer-events: none;
}

.squareButtonBlack:hover:after {
  left: calc(100% - 60px);
}

.squareButtonBlack:hover {
  padding: 13px 70px 10px 30px;
  text-decoration: none;
  color: #000;
}

.squareButtonBlack.noarrow:after {
  display: none;
}

.squareButtonRed {
  background: #d3242c;
  padding: 13px 50px 10px 50px;
  position: relative;
  font-size: 18px;
  line-height: 1em;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1.5px;
  white-space: nowrap;
  display: inline-block;
}

.squareButtonRed .b-bottom {
  height: 1px;
  background: #d3242c;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  position: absolute;
  animation: butunfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.6s;
}

.squareButtonRed .b-right {
  background: #d3242c;
  bottom: 0px;
  right: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  animation: butunfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.4s;
}

.squareButtonRed .b-top {
  height: 1px;
  background: #d3242c;
  top: -1px;
  right: -1px;
  width: calc(100% + 2px);
  position: absolute;
  animation: butunfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.2s;
}

.squareButtonRed .b-left {
  background: #d3242c;
  top: 0px;
  left: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  animation: butunfadeHeight 0.2s ease-out forwards;
}

.squareButtonRed:hover .b-bottom {
  width: 0px;
  animation: butfadeWidth 0.2s ease-out forwards;
}

.squareButtonRed:hover .b-right {
  height: 0px;
  animation: butfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.2s;
}

.squareButtonRed:hover .b-top {
  width: 0px;
  animation: butfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.4s;
}

.squareButtonRed:hover .b-left {
  height: 0px;
  animation: butfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.6s;
}

.squareButtonRed:hover {
  text-decoration: none;
  color: #d3242c !important;
  background: #fff;
}

.squareButtonRed:hover:after {
  display: none;
}

.squareButtonRedb {
  background: none;
  border: 1px solid rgba(211, 36, 44, 0.4);
  padding: 13px 50px 10px 50px;
  position: relative;
  font-size: 18px;
  line-height: 1em;
  text-transform: uppercase;
  color: #d3242c;
  letter-spacing: 1.5px;
  white-space: nowrap;
  display: inline-block;
}

.squareButtonRedb .b-bottom {
  height: 1px;
  background: #d3242c;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  position: absolute;
  animation: butunfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.6s;
}

.squareButtonRedb .b-right {
  background: #d3242c;
  bottom: 0px;
  right: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  animation: butunfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.4s;
}

.squareButtonRedb .b-top {
  height: 1px;
  background: #d3242c;
  top: -1px;
  right: -1px;
  width: calc(100% + 2px);
  position: absolute;
  animation: butunfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.2s;
}

.squareButtonRedb .b-left {
  background: #d3242c;
  top: 0px;
  left: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  animation: butunfadeHeight 0.2s ease-out forwards;
}

.squareButtonRedb:hover .b-bottom {
  width: 0px;
  animation: butfadeWidth 0.2s ease-out forwards;
}

.squareButtonRedb:hover .b-right {
  height: 0px;
  animation: butfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.2s;
}

.squareButtonRedb:hover .b-top {
  width: 0px;
  animation: butfadeWidth 0.2s ease-out forwards;
  animation-delay: 0.4s;
}

.squareButtonRedb:hover .b-left {
  height: 0px;
  animation: butfadeHeight 0.2s ease-out forwards;
  animation-delay: 0.6s;
}

.squareButtonRedb:after {
  left: calc(100% - 20px);
  top: 46%;
  transform: translateY(-50%);
  position: absolute;
  width: 40px;
  height: 15px;
  content: "\E806";
  font-family: "equites-icons";
  font-size: 14px;
  color: #d3242c;
}

.squareButtonRedb:hover:after {
  left: calc(100% - 60px);
}

.squareButtonRedb:hover {
  padding: 13px 70px 10px 30px;
  text-decoration: none;
  color: #d3242c;
}

.arrow-black:after {
  width: 40px;
  height: 15px;
  left: 0px;
  top: 5px;
  content: "\E806";
  font-family: "equites-icons";
  font-size: 14px;
  color: #000;
  position: absolute;
  pointer-events: none;
}

.emailBlocks .b-red {
  background-size: cover;
}

.pageQuote {
  color: #fff;
  position: relative;
  position: absolute;
  bottom: 160px;
  left: 120px;
  width: calc(100% - 240px);
  margin-bottom: 25px;
}

.pageQuote p {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 28px;
  text-transform: uppercase;
}

.pageQuote .author {
  color: #fff;
  position: absolute;
  width: 150%;
}

.author strong {
  border-bottom: 1px solid #fff;
  height: 0px;
  margin-top: 11px;
  width: 70px;
}

.author span {
  padding-left: 20px;
  text-align: right;
}

@media only screen and (max-width: 1200px) {
  .pageQuote {
    left: 100px;
    width: calc(100% - 200px);
  }

  .emailBlocks .box2 .border-left {
    padding-bottom: 90px;
  }
}

@media only screen and (max-width: 576px) {
  .home-emailform {
    padding: 0px 15px;
  }

  .emailBlocks .box2 .border-left {
    border-left: 2px solid rgba(255, 255, 255, 0.4) !important;
    padding: 0px 30px 90px 15px;
  }

  .emailBlocks .emailform .squareButtonWhite {
    font-size: 15px;
    padding: 18px 40px 15px 40px;
    right: 30px;
  }

  .emailBlocks .emailform .emailField {
    font-size: 26px;
    line-height: 50px;
    margin: 20px 0px 30px 0px;
  }

  .squareButtonWhite:after {
    left: calc(100% - 12px);
    background-position: -12px top;
  }
}

@media only screen and (max-width: 768px) {
  .headerBar {
    padding: 10px 0px;
    min-height: 1px;
  }

  .headerBar .logo {
    padding-left: 15px;
  }

  .headerBar .logo img {
    width: 80px;
  }

  .headerBar .icon {
    padding: 10px 20px;
    position: relative;
  }

  .headerBar .icon-mobile {
    width: 77px;
  }

  .indicesBar div {
    padding: 10px 15px;
  }

  .indicesBar div>span {
    font-size: 11px;
    margin-bottom: 0px;
  }

  .introBlocks .box3 {
    font-size: 50px;
    min-height: calc(100vh - 130px);
  }

  /*.introBlocks a.box.box3 b {right:auto;top:auto;bottom:40px;left:40px;}
.introBlocks a.box.box3 i {top:auto;bottom: 48px;right:auto;left: 15px;transform-origin: left bottom;transform: rotate(90deg) translate(-100%,0);}*/
  .introBlocks a.box {
    padding: 30px 15px;
  }

  .paraLarge {
    font-size: 36px;
  }

  .mb-200 {
    margin-bottom: 100px !important;
  }

  .mt-200 {
    margin-top: 100px !important;
  }
}

@media only screen and (max-width: 576px) {

  .col,
  .col-1,
  .col-10,
  .col-11,
  .col-12,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-auto,
  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-auto,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-auto,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-auto,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
  }

  .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }

  .home-about {
    margin: 0px;
    padding: 60px 30px;
  }

  .headerSmall {
    font-size: 16px;
  }

  .paraLarge {
    font-size: 26px;
  }

  .floatee {
    display: none !important;
  }

  #cursor {
    display: none !important;
  }
}

/* ===================== about =========================*/

.masthead {
  height: 385px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}

.masthead .headerExtraLarge {
  color: #fff;
}

.masthead .content {
  z-index: 3;
}

.masthead p {
  margin-bottom: 0px;
}

.masthead .content {
  position: relative;
}

.sub .headerBar {
  /*border-bottom:0px;*/
}

.sub .pageScroller {
  top: 195px;
}

.sub .pageScroller:before {
  background: #000;
}

.sub .pageScroller .handle {
  background: #000;
}

/* =============== about ================ */
.about-intro {
  background: #a5a5b0;
  color: #fff;
  margin-bottom: 200px;
}

.about-intro .border-left {
  border-left: 1px solid #fff !important;
  margin-top: 120px;
  margin-bottom: 60px;
  color: #fff;
}

.about-intro .headerSmall {
  color: #fff;
}

.paraLarge p:last-of-type {
  margin-bottom: 0px;
}

.about-intro .box {
  margin-bottom: -120px;
}

.about-intro .box2 {
  width: calc(100% + 60px);
}

.about-intro .box2 .cover {
  position: relative;
}

.about-intro .box2 .cover:after {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background-image: url(/assets/images/about-pic-3.svg);
  background-size: auto;
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

.timeline .repeaterHolder img {
  width: 100%;
  display: inline-block !important;
}

/*.timeline .box2 .repeaterHolder span:nth-last-of-type(even) img {width:70%}*/
.about-intro .box1 .image {
  background-image: url(/assets/images/about-pic-1.jpg);
}

.about-intro .box1 {
  width: calc(100% + 70px);
}

.about-intro .box1 .mask {
  background: #d2232a;
}

.timeline .header {
  color: #d2232a;
  font-size: 360px;
  line-height: 1em;
}

.timeline .box {
  min-height: 400px;
  position: relative;
}

.timeline .box1 {
  width: 27%;
}

.timeline .box1 .header {
  margin-bottom: 130px;
  top: 195px;
  /*top:calc(100vh - 450px);*/
}

.timeline .box2 {
  width: 73%;
}

.timeline .repeater {
  margin-bottom: 130px;
  position: relative;
  display: flex;
  padding: 0px;
}

.timeline .repeater.hasimage {
  display: block;
  text-align: right;
}

.timeline .repeater .thecontent {
  font-size: 40px;
  line-height: 1em;
  color: #000000;
}

.timeline .repeater .thecontent date {
  font-size: 16px;
  line-height: 1em;
  color: #999999;
  display: block;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.timeline .repeater .mask {
  background: #fff;
}

.timeline .theyear {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 195px;
}

.timeline .repeaterHolder .col-sm-8 {
  margin-top: 200px;
}

.about-people {
  margin-top: 60px;
  margin-bottom: 120px;
  border-top: 1px solid #d8d8d8;
  padding-top: 80px;
}

.about-people .floatee {
  left: auto;
  right: -10px;
  top: 50px;
  display: inline-flex !important;
  width: 60%;
}

.about-list {
  margin-top: 130px;
}

.about-list a {
  display: block;
  width: 16%;
  margin: 0px 4% 130px 0px;
  position: relative;
  color: #000000;
  font-size: 18px;
}

.about-list a:hover {
  text-decoration: none !important;
}

.about-list a .box {
  width: 160px;
  height: 160px;
  position: relative;
  margin-bottom: 30px;
}

.about-list a:hover div {
  text-decoration: underline !important;
}

.about-list a span {
  color: #999999;
  font-size: 14px;
  text-transform: uppercase;
}

.about-list a .mask {
  background: #efefef;
}

.about-quote {
  background-color: #d2232a;
  background-image: url(/assets/images/img-company-values.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.about-quote .border-left {
  border-left: 1px solid #fff !important;
  margin-top: 120px;
  margin-bottom: 60px;
  color: #fff;
}

.about-quote .headerSmall {
  color: #fff;
}

.about-quote .mask {
  background: #efefef;
}

.about-quote .row {
  position: relative;
  z-index: 5;
}

.about-quote .paraLarge {
  font-size: 40px;
  line-height: 1.5em;
}

.about-properties {
  padding: 200px 0px;
}

.about-properties:before {
  content: "";
  background: #ebebec;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 30%;
  height: 100%;
}

.about-map {
  margin-top: 160px;
}

.about-map img {
  width: 100%;
  height: auto;
}

.map-marker {
  position: absolute;
}

.map-marker:before {
  content: attr(data-content);
  position: relative;
  background: #d2232a;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  display: block;
  z-index: 2;
}

.map-marker:after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  left: 19px;
  bottom: 0px;
  background: #d2232a;
  z-index: 1;
}

.about-map .map-marker.uk {
  left: 36.5%;
  bottom: 77%;
  padding-bottom: 0%;
}

.about-map .map-marker.sa {
  left: 45%;
  bottom: 29%;
  padding-bottom: 0%;
}

.about-map .map-marker.uk.grow {
  padding-bottom: 16%;
}

.about-map .map-marker.sa.grow {
  padding-bottom: 30%;
}

.about-snippet {
  margin: 160px 0px;
}

.articleSnippet .box {
  min-height: 770px;
}

.articleSnippet .box2 p {
  font-size: 22px;
  line-height: 1.5em;
}

.articleSnippet .box2 p strong {
  color: #010101;
}

.articleSnippet .box2 a {
  position: relative;
}

.pageQuoteHolder {
  background: #d0021b;
  z-index: 1;
  position: absolute;
  bottom: 130px;
  width: calc(100% - 60px);
  right: -60px;
  padding: 50px 60px;
}

.pageQuoteHolder .pageQuote {
  position: relative;
  left: 0;
  top: 0;
  width: auto;
}

.pageQuoteHolder .mask {
  background: #f1f1f1;
}

.about-commitment {
  padding: 140px 0px;
  background-color: #a5a5b0;
  color: #ffffff;
  background-image: url(/assets/images/about-commitment-background.jpg);
  background-size: cover;
}

.about-commitment .headerSmall {
  color: #ffffff;
}

.about-commitment .mask {
  background: #a5a5b0;
}

.background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.popperFull {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 500;
  background: #fff;
  overflow-y: hidden;
  display: none;
}

.popperFull.open {
  display: block;
}

.popperFull a.popperclose {
  width: 70px;
  height: 70px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 100%;
  position: fixed;
  right: 60px;
  top: 60px;
  z-index: 502;
}

.popperFull a.popperclose:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 3px;
  background: #000000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.popperFull a.popperclose:after {
  content: "";
  position: absolute;
  width: 26px;
  height: 3px;
  background: #000000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}

.popperFull a.popperclose:hover:before {
  transform: translate(-50%, -50%) rotate(135deg);
}

.popperFull a.popperclose:hover:after {
  transform: translate(-50%, -50%) rotate(225deg);
}

.popperFull a.popperclose:hover {
  border: 1px solid rgba(0, 0, 0, 0.6);
}

.popperFull ul {
  margin: 0px;
  padding: 0px;
}

.popperFull ul li {
  margin: 0px;
  padding: 0px;
  width: 100vw;
  height: 100vh;
  display: block;
  position: relative;
}

.popTeam .box1 {
  background-color: #333;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
  position: relative;
}

.popTeam .box1.animating {
  background-size: 70%;
}

.popTeam .box1 .border-left {
  border-color: #fff !important;
  color: #fff;
}

.popTeam .box1 .border-left .headerLarge {
  color: #fff;
  line-height: 1em;
}

.popTeam .box2 {
  overflow-y: scroll;
  padding-top: 50px;
  margin-top: 200px;
  scrollbar-width: none;
  z-index: 1;
  position: relative;
}

.popTeam .box2::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  opacity: 0;
}

.popTeam .box2 p strong {
  font-size: 22px;
  color: #000000;
}

.popTeam .box2 p {
  font-size: 14px;
  color: #999999;
  line-height: 1.9em;
}

.popTeam ul {
  transition: all 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.popTeam .box2 {
  transition: all 0.9s cubic-bezier(0.77, 0, 0.2, 1);
}

.popTeam .mask {
  display: none;
  opacity: 0;
}

.popNav {
  position: fixed;
  right: 60px;
  top: 50vh;
  width: 60px;
  height: 135px;
  z-index: 500;
}

a.popNext {
  position: absolute;
  top: 0px;
  right: 10px;
  width: 34px;
  height: 50px;
}

a.popNext:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  background: url(../images/icon-arrow-up-black.svg) left top no-repeat;
  width: 14px;
  height: 40px;
  overflow: hidden;
  pointer-events: none;
}

a.popNext:hover:before {
  bottom: 10px;
}

a.popPrevious {
  position: absolute;
  bottom: 0px;
  right: 10px;
  width: 34px;
  height: 50px;
}

a.popPrevious:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  top: 0px;
  background: url(../images/icon-arrow-up-black.svg) left top no-repeat;
  width: 14px;
  height: 40px;
  overflow: hidden;
  pointer-events: none;
}

a.popPrevious:hover:before {
  top: 10px;
}

.popBreadcrumb {
  position: fixed;
  top: 60px;
  left: calc(50% + 60px);
  width: 140px;
  font-size: 22px;
  color: #000000;
}

.popBreadcrumb .total {
  color: #999;
}

.popBreadcrumb .joiner {
  position: relative;
}

.popBreadcrumb .joiner:before {
  content: "";
  position: absolute;
  left: 15px;
  width: calc(100% - 30px);
  height: 3px;
  background: #000;
  top: 46%;
}

.popNav a.disable {
  opacity: 0.3;
}

@media only screen and (max-width: 1000px) {
  .about-list a {
    width: 21%;
  }
}

@media only screen and (max-width: 992px) {
  .about-snippet {
    padding: 0px 60px;
  }

  .pageQuoteHolder {
    right: 0px;
  }

  .headerExtraLarge {
    font-size: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .about-list a {
    width: 29%;
  }

  .about-people {
    padding: 30px 30px 0px 30px;
  }

  .about-intro {
    padding: 0px 30px;
  }

  .pageHeader {
    padding: 0px 30px 60px 30px;
    margin: 0px;
  }

  .pageHeader p br {
    display: none;
  }

  .about-intro .box2 {
    margin: 0px 0px -160px 0px !important;
    width: 100%;
  }

  .about-snippet {
    padding: 0px 30px;
  }

  .timeline .header {
    font-size: 200px;
    line-height: 1em;
  }

  .timeline .repeater .thecontent {
    font-size: 30px;
    line-height: 1em;
  }

  .intro-grey .paraLarge {
    font-size: 25px;
  }

  .headerExtraLarge {
    font-size: 65px;
  }

  .masthead {
    height: auto;
  }

  .timeline .repeaterHolder .col-sm-8 {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 576px) {
  .about-list a {
    width: 45%;
    margin: 0px 4% 60px 0px;
  }

  .headerExtraLarge {
    font-size: 45px;
  }

  .pageHeader .headerExtraLarge {
    font-size: 30px;
  }

  .about-quote {
    background-image: none;
    padding: 0px 30px;
  }

  .about-quote .paraLarge {
    font-size: 20px;
    margin-top: 60px;
  }

  .about-commitment {
    padding: 60px 15px;
  }

  .about-intro {
    margin-bottom: 20px;
  }

  .about-intro .border-left {
    margin-bottom: 0px;
    margin-top: 60px;
  }

  .about-list {
    margin-top: 60px;
  }

  .about-people {
    margin-top: 60px;
    margin-bottom: 0px;
  }

  .about-properties {
    padding: 60px 0px;
  }

  .about-snippet {
    margin: 60px 0px;
  }

  .pageQuoteHolder {
    width: calc(100% - 30px);
    right: 0px;
    padding: 27px;
  }

  .author {
    padding-left: 0px;
  }

  .pageQuote .author strong {
    width: 30px;
  }

  .articleSnippet .box2 p {
    font-size: 18px;
  }

  .articleSnippet .box {
    min-height: 0px;
  }

  .articleSnippet .box1 {
    height: 500px;
  }

  .timeline .header {
    font-size: 60px;
    line-height: 1em;
  }

  .timeline .repeater .thecontent {
    font-size: 20px;
    line-height: 1em;
    padding-left: 20px !important;
  }

  .timeline .repeater {
    display: block;
    margin-bottom: 60px;
  }

  .timeline .box1 {
    width: 22%;
  }

  .timeline .box2 {
    width: 78%;
  }

  .popTeam .box1 {
    min-height: 250px;
  }

  .popTeam .box2 {
    padding-top: 40px;
    height: calc(100vh - 250px);
    margin-top: 0px;
  }

  .popNav {
    right: 20px;
    top: auto;
    bottom: 60px;
  }

  .popperFull a.popperclose {
    right: 20px;
    top: 20px;
  }

  .timeline .theyear {
    top: 65px;
    left: 0px;
    padding-top: 30px;
  }

  .samsung .timeline .theyear {
    top: 115px;
  }

  .repeaterHolder {
    position: relative;
    padding-top: 10px;
  }

  .repeaterHolder .header {
    position: absolute;
    height: 100%;
    top: 0px;
    z-index: 5;
  }

  .repeaterHolder .header .theyear {
    background: #fff;
  }

  .repeaterHolder .header.col-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* =============== /about =============== */

/* =============== sitemap =============== */
.sitemap-links {
  position: relative;
  color: #101010;
}

.sitemap-links:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  width: 33%;
  height: 100%;
  background: #ebebec;
}

.sitemap-links a {
  color: #101010;
  font-size: 18px;
}

.sitemap-links h2 {
  color: #101010;
  font-size: 48px;
}

.sitemap-links ul li {
  padding-bottom: 20px;
}

.sitemap-links a {
  position: relative;
}

.sitemap-links a:hover {
  text-decoration: none;
  color: #000000 !important;
}

.sitemap-links a:after {
  content: "";
  height: 1px;
  background: #000;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 0px;
}

.sitemap-links a:hover:after {
  animation: fadeWidth 0.3s ease-out forwards;
  background: #000 !important;
}

.sitemap-links.dull a {
  color: #999;
}

.sitemap-links.dull a:hover {
  color: #000000 !important;
}

/* =============== /sitemap =============== */

/* ================= investor ======================= */
.investor-report {
  position: relative;
}

.investor-report:after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 33%;
  background: #ebebec;
  z-index: 0;
}

.investor-report:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: url(../images/img-investors-report-pattern.svg) bottom left no-repeat;
  z-index: 0;
}

.investor-report .b-red {
  min-height: 780px;
}

.investor-report .b-red a.squareButtonWhite:hover {
  color: #fff;
  text-decoration: none;
}

.investor-report .b-red a.squareButtonWhite {
  position: absolute;
  left: 50%;
  top: 70%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.investor-report .background {
  background-image: url(/assets/images/img-investors-report-red.jpg);
  background-size: cover;
  background-repeat: none;
}

.investor-report div {
  z-index: 1;
}

.investor-latest-news {
  background: #68676d;
}

.investor-latest-news .headerLarge {
  font-size: 48px;
}

.investor-links {
  margin: 60px 0px 130px 0px;
}

.investor-links a {
  display: block;
  color: #000;
  font-size: 40px;
  position: relative;
  padding-left: 60px;
}

.investor-links a.email:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 26px;
  background: url("../images/icon-details-email.svg") left top no-repeat;
}

.investor-links a.tel:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 35px;
  background: url("../images/icon-details-mobile.svg") left top no-repeat;
}

.investor-contacts h4 {
  font-size: 16px;
  line-height: 1em;
  color: #999999;
  text-transform: uppercase;
  margin-bottom: 20px;
  margin-top: 80px;
}

.investor-contacts p {
  color: #000;
  font-size: 16px;
}

.investor-fund .headerMedium {
  font-size: 48px;
}

.investor-fund .header {
  margin: 16px 0px 30px 0px;
}

.investor-fund .author {
  position: absolute;
  right: 0px;
  bottom: -30px;
}

.investor-fund .background:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.trade-history {
  margin-top: -65px;
  position: relative;
  z-index: 2;
}

.trade-history .b-red {
  min-height: 800px;
}

.history-table {
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
  transform: translateX(-100px);
  margin-top: 265px;
  margin-bottom: 265px;
}

.history-table li {
  display: flex;
}

.history-table li .box {}

.history-table li:first-of-type .box {
  height: 100px;
  padding-top: 0px;
}

.history-table li .box1 {
  width: 100px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}

.history-table li .box1 .p-relative .tag {
  position: absolute;
  top: -25px;
}

.history-table li .box1 .headerNumber {
  font-size: 30px;
}

.history-table li .box2 {
  border-bottom: 1px solid #d8d8d8;
  padding-left: 100px;
  color: #000;
  font-size: 40px;
  -ms-flex: 1 1 75% !important;
  flex: 1 1 75% !important;
  padding-top: 15px;
  padding-bottom: 15px;
}

.history-table li .box2 .headerSmall {
  font-size: 30px;
}

.history-table li.data .box {
  min-height: 150px;
  line-height: 1.2em;
}

.history-table li.data .box1 .tag {
  font-size: 20px;
}

.tradeNav {
  position: absolute;
  left: 90px;
  top: 50%;
  width: 60px;
  height: 135px;
  z-index: 500;
  font-size: 22px;
}

.tradeNav span {
  position: absolute;
  transform: translate(-50%, -50%) rotate(-90deg);
  transform-origin: center center;
  top: 50%;
  left: 50%;
  color: #fff;
}

a.tradeNext {
  position: absolute;
  top: -40px;
  right: 12px;
  width: 34px;
  height: 50px;
}

a.tradeNext:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  background: url(../images/icon-arrow-up-white.svg) left top no-repeat;
  width: 14px;
  height: 40px;
  overflow: hidden;
  pointer-events: none;
}

a.tradeNext:hover:before {
  bottom: 10px;
}

a.tradePrevious {
  position: absolute;
  bottom: -40px;
  right: 12px;
  width: 34px;
  height: 50px;
}

a.tradePrevious:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
  top: 0px;
  background: url(../images/icon-arrow-up-white.svg) left top no-repeat;
  width: 14px;
  height: 40px;
  overflow: hidden;
  pointer-events: none;
}

a.tradePrevious:hover:before {
  top: 10px;
}

.tradeNav a.disable {
  opacity: 0.3;
}

.history-table .tag.dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

.dropdown:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 3px;
  width: 15px;
  height: 15px;
  background: url(../images/icon-arrow-dropdown-down-white.svg) center center no-repeat;
}

.history-table .tag.dropdown:before {
  right: auto;
  left: 60px;
  pointer-events: none;
}

.sens-articles.row {
  margin-top: 80px;
}

.sens-articles .headerLarge {
  font-size: 34px;
  line-height: 1.1em;
  margin-top: 10px;
}

.sens-articles .link {
  color: #d3242c;
  font-size: 18px;
  margin-top: 28px;
  display: inline-block;
  position: relative;
}

.sens-articles a {
  padding: 30px 0px 10px 0px;
  text-decoration: none;
  position: relative;
  display: block;
}

.sens-articles .link:before {
  content: "";
  right: -47px;
  top: -6px;
  width: 22px;
  height: 22px;
  background: url(../images/icon-link-open.svg) left top no-repeat;
  position: absolute;
  opacity: 0;
}

.sens-articles a:hover .link:before {
  opacity: 1;
}

.sens-articles a:before {
  content: "";
  height: 1px;
  background: #000;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

.sens-articles a:hover:before {
  content: "";
  height: 2px;
  background: #d3242c;
  width: 0px;
  animation: fadeWidth 0.3s ease-out forwards;
}

.sens-articles-holder .link-arrow-black {
  position: absolute;
  right: 0px;
  top: 0px;
}

.sens-articles.sens-list a.repeater {
  padding-right: 80px;
  position: relative;
}

.sens-articles.sens-list a.repeater:after {
  content: "";
  width: 30px;
  height: 30px;
  right: 30px;
  top: 65px;
  background: url("../images/icon-arrow-next-small-red.svg") left top no-repeat;
  position: absolute;
  opacity: 0;
}

.sens-articles.sens-list a.repeater:hover:after {
  opacity: 1;
  right: 0px;
}

.sens-articles.sens-list a .headerMedium {
  line-height: 1.2em;
}

.sens-articles.sens-list a:before {
  background: #e8e8e9;
}

.sens-articles.sens-list a:hover:before {
  content: "";
  height: 2px;
  background: #d3242c;
  width: 0px;
  animation: fadeWidth 0.3s ease-out forwards;
}

.sens-documents-holder {
  background: #ebebec url(/assets/images/img-investors-docs-pattern.svg) bottom right no-repeat;
}

.sens-documents.row {
  margin-top: 80px;
}

.sens-documents a {
  background: #fff;
  display: block;
  padding: 30px;
  position: relative;
  min-height: 140px;
  height: 100%;
}

.sens-documents .headerMedium {
  font-size: 20px;
  line-height: 1.1em;
  color: #101010;
}

.sens-documents a .icon {
  margin-right: 30px;
  pointer-events: none;
  display: none !important;
}

.sens-documents a:hover .icon .colorme {
  stroke: #d2232a;
}

.sens-documents a:hover {
  text-decoration: none;
}

.sens-documents a:before {
  content: "";
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

.sens-documents a:hover:before {
  content: "";
  height: 2px;
  background: #d3242c;
  width: 0px;
  animation: fadeWidth 0.3s ease-out forwards;
}

.sens-documents-holder .link-arrow-black {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.send-documents-nav ul li {
  padding-bottom: 20px;
}

.b-grey {
  background: #ebebec;
}

.send-documents-nav ul li a {
  color: #999999;
  font-size: 22px;
  position: relative;
}

.send-documents-nav ul li a.open {
  color: #000;
}

.send-documents-nav ul li a:hover:after,
.send-documents-nav ul li a.open:after,
.send-documents-nav ul.dull li a.open:hover:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  border-top: 1px solid #000;
  animation: fadeWidth 0.3s ease-out forwards !important;
}

.send-documents-nav ul li a:hover,
.send-documents-nav ul.dull li a:hover.open {
  text-decoration: none;
  color: #000;
}

.send-documents-nav ul.dull li a.open {
  color: #999;
}

.send-documents-nav ul.dull li a.open:after {
  border-color: #999;
}

@media only screen and (max-width: 992px) {
  .send-documents-nav ul li a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .tradeNav {
    left: 10px;
  }
}

.investor-commitment .floatee {
  display: block !important;
}

.investor-commitment .floater {
  min-height: 200px;
}

.investor-commitment .backgroundHeader {
  left: -30px;
  top: 50px;
}

.sens-articles.sens-list a {
  margin-bottom: 100px;
}

.filterBox {
  position: relative;
  z-index: 10;
  background: #ebebec;
  min-height: 100px;
}

.pageHeader.sensHead {
  background: url(../images/img-sens-pattern.svg) right bottom no-repeat;
  margin-bottom: 0px;
}

.pageHeader.docsHead {
  background: url(../images/img-documents-pattern.svg) right bottom no-repeat;
  margin-bottom: 0px;
}

.textfield {
  background: none;
  outline: none;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 16px;
  height: 40px;
  line-height: 1em;
  width: 240px;
}

.textfield.date {
  background: url(../images/icon-date-grey.svg) calc(100% - 5px) center no-repeat;
}

.textfield.search {
  border-bottom: 1px solid #101010;
  padding-left: 36px;
}

.textfield.dropper {
  height: 40px;
  width: 240px;
  -webkit-appearance: none;
  background: url(../images/icon-dropdown-arrow-down-grey.svg) right 60% no-repeat;
}

.searchFieldHolder {
  display: inline-block;
  position: relative;
}

.searchFieldHolder button {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 40px;
  height: 40px;
  background: url(../images/icon-search-input.svg) center left no-repeat;
  border: none;
  outline: none;
}

.dropList {
  display: none;
  position: absolute;
  top: -10px;
  left: 0px;
  width: 100%;
  z-index: 100;
}

.dropDown {
  position: relative;
}

.dropList .listClose {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #000;
  padding: 13px;
  z-index: 2;
}

.dropList a {
  color: #000;
  text-decoration: none;
}

.dropList a:hover {
  color: #000;
  text-decoration: none;
  background: #efefef;
}

.paginationGeneral .pagination {
  color: #d2232a;
  font-size: 16px;
}

input.textfield::placeholder {
  text-transform: capitalize;
  color: #999;
}

input.textfield::-ms-input-placeholder {
  text-transform: capitalize;
  color: #999;
}

input.textfield::-webkit-input-placeholder {
  text-transform: capitalize;
  color: #999;
}

input.textfield:focus::placeholder {
  text-transform: capitalize;
  color: #999;
}

.filter input.textfield.search::placeholder {
  color: #101010;
  opacity: 1;
}

.filter input.textfield.search::-ms-input-placeholder {
  color: #101010;
  opacity: 1;
}

.filter input.textfield.search::-webkit-input-placeholder {
  color: #101010;
  opacity: 1;
}

.filter input.textfield.search:focus::placeholder {
  color: #101010;
  opacity: 1;
}

@media only screen and (max-width: 1200px) {
  .filter .textfield {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .sens-articles.sens-list a {
    margin-bottom: 50px;
  }

  .searchFieldHolder {
    width: 100%;
  }

  .history-table li .box2 {
    padding-left: 30px;
    -ms-flex: 1 1 75% !important;
    flex: 1 1 75% !important;
  }

}

@media only screen and (max-width: 576px) {
  .tag.px-30 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .investor-links {
    margin: 60px 0px 70px 0px;
  }
}

@media only screen and (max-width: 1200px) {
  .investor-fund .author {
    position: relative;
    margin-top: 30px;
    right: 0px;
    bottom: 0px;
  }

  .investor-fund .background:before {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .sens-documents a .icon {
    position: absolute;
    right: 0px;
    top: calc(100% - 30px);
  }

  .sens-articles .headerLarge {
    font-size: 30px;
  }

  .investor-report .headerLarge {
    font-size: 48px;
  }

  .investor-links a {
    font-size: 36px;
  }
}

@media only screen and (max-width: 992px) {
  .sens-documents a .icon {
    position: relative;
    right: auto;
    top: 0;
  }

  .sens-documents a {
    margin-bottom: 30px;
  }

  .sens-articles a {
    margin-bottom: 30px;
  }

  .investor-report .headerLarge {
    font-size: 30px;
  }

  .investor-report .b-red {
    min-height: 160px;
  }

  .investor-report .b-red a.squareButtonWhite {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .investor-links a {
    font-size: 26px;
  }
}

@media only screen and (max-width: 768px) {
  .investor-fund .author {
    position: relative;
    margin-top: 30px;
    right: 0px;
    bottom: 0px;
  }

  .investor-fund .background:before {
    background-color: rgba(0, 0, 0, 0.5);
  }

  .sens-documents-holder .link-arrow-black,
  .sens-articles-holder .link-arrow-black {
    position: relative;
    right: 0px;
    bottom: 0px;
    margin-top: 30px;
  }

  .investor-latest-news .headerLarge {
    font-size: 36px;
  }

  .investor-links a {
    font-size: 20px;
  }

  .investor-contacts h4 {
    margin-top: 40px;
  }

  .history-table {
    margin-top: 165px;
    margin-bottom: 165px;
  }

  .history-table li .box2 {
    font-size: 20px;
  }

  .history-table li {
    width: calc(100vw - 120px);
  }
}

@media only screen and (max-width: 576px) {
  .history-table {
    position: relative;
    left: -25%;
    transform: translateX(0);
  }

  .history-table li .box1 {
    -ms-flex: 1 1 30% !important;
    flex: 1 1 30% !important;
  }

  .history-table li .box2 {
    -ms-flex: 1 1 70% !important;
    flex: 1 1 70% !important;
  }
}

/* ================= / investor ===================== */

.ui-datepicker {
  background: rgba(255, 255, 255, 0.95);
  display: inline-block;
  padding: 20px;
  margin: 0px;
  border: 1px solid #efefef;
}

.ui-datepicker .ui-state-default {
  color: #555;
  padding: 3px 5px;
}

.ui-datepicker .ui-state-highlight .ui-state-default {
  color: #999;
  text-decoration: underline;
}

.ui-datepicker .ui-state-disabled .ui-state-default {
  color: #ccc;
}

.ui-datepicker .ui-state-hover {
  color: #d3242c;
  text-decoration: none;
}

.ui-datepicker .ui-state-active {
  color: #000;
}

.ui-datepicker .ui-datepicker-group {
  display: inline-block;
  margin-right: 30px;
}

.ui-datepicker .ui-datepicker-group:last-of-type {
  margin-right: 0px;
}

.ui-datepicker .ui-datepicker-title {
  color: #000;
  font-size: 18px;
  text-transform: uppercase;
}

.ui-datepicker-prev,
.ui-datepicker-next {
  position: relative;
  height: 20px;
  margin-bottom: 0px;
  width: 50%;
  display: inline-block;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
  display: none;
}

.ui-datepicker-prev:before {
  content: "";
  left: 0px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  background: url("../images/icon-arrow-right-black.svg") right top no-repeat;
  width: 30px;
  height: 14px;
  position: absolute;
  overflow: hidden;
}

.ui-datepicker-next {}

.ui-datepicker-next:before {
  content: "";
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/icon-arrow-right-black.svg") right top no-repeat;
  width: 30px;
  height: 14px;
  position: absolute;
  overflow: hidden;
}

.ui-datepicker-calendar {
  font-size: 13px;
}

.ui-datepicker-calendar th {
  font-weight: 400;
  font-size: 13px;
}

.ui-datepicker-calendar td {
  text-align: right;
}

/* ================= / suppliers ===================== */

.panel-left {
  position: relative;
}

.panel-left:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 33%;
  background: #ebebec;
  z-index: 0;
}

.panel-left .b-red {
  min-height: 200px;
}

.panel-left div {
  z-index: 1;
}

.icon-underline {
  border-bottom: 3px solid #d2232a;
}

.icon-underline img {
  position: relative;
  margin-bottom: -3px;
  margin-left: -1px;
}

/* ================= / tenants ===================== */
.tenants-documents-holder {
  background: #ebebec url(/assets/images/img-tenants-info-pattern.svg) bottom right no-repeat;
}

.sectionFAQs ul li h4 {
  padding-right: 60px;
  color: #101010;
  font-size: 28px;
}

.sectionFAQs ul {
  border-bottom: 1px solid #d8d8d8;
}

.sectionFAQs ul li {
  border-top: 1px solid #d8d8d8;
  padding: 60px;
  position: relative;
}

.sectionFAQs ul li:hover {}

.sectionFAQs ul li:after {
  content: "";
  width: 0px;
  height: 0px;
  left: 0;
  top: -1px;
  position: absolute;
  border-top: 2px solid #d2232a;
}

.sectionFAQs ul li:hover:after {
  animation: fadeWidth 0.3s ease-out forwards;
}

.sectionFAQs ul li .answer {
  display: none;
  margin: 60px;
}

.sectionFAQs ul li.open .answer {
  display: block;
}

.sectionFAQs ul li.open {
  display: block;
  background: #a5a5b0;
  color: #fff;
}

.sectionFAQs ul li.open h4 {
  color: #fff;
  max-height: 1000px;
}

.sectionFAQs ul li:before {
  content: "";
  position: absolute;
  right: 60px;
  top: 60px;
  width: 41px;
  height: 41px;
  background: url(../images/icon-faq-plus-grey.svg) center center no-repeat;
}

.sectionFAQs ul li.open:before {
  content: "";
  background: url(../images/icon-faq-minus-white.svg) center center no-repeat;
}

.testimonialsHolder {
  background: #a5a5b0;
}

.testimonialsBack {
  background-image: url(/assets/images/img-tenants-testimonials.jpg);
  background-size: 40% 100%;
  background-position: left top;
  background-repeat: no-repeat;
}

.testimonialsGroup {
  position: relative;
  left: calc((8.3333vw + 60px) * -1);
  width: 100vw;
  overflow: hidden;
}

.testimonialsGroup ul {
  list-style: none;
  margin: 0 0 0 30px;
  padding: 0px;
  margin-left: calc(8.3333vw + 200px);
}

.testimonialsGroup ul li {
  padding: 60px 60px 60px 90px;
  margin-right: 60px;
  background: #fff;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.testimonialsGroup ul li p:before {
  content: open-quote;
  position: absolute;
  left: -30px;
  top: 0px;
  width: 30px;
  height: 30px;
  font-size: 20px;
}

.testimonialsGroup ul li p:after {
  content: close-quote;
  opacity: 0;
}

.testimonialsGroup ul li p {
  font-size: 20px;
  color: #000;
  line-height: 1.3em;
  position: relative;
}

.testimonialsGroup .author {
  color: #000;
}

.testimonialsGroup .author strong {
  border-bottom: 1px solid #000;
  height: 0px;
  margin-top: 11px;
  width: 70px;
  margin-right: 30px;
}

.background-relationship {
  background: url(../images/backgroundtext-relationship.png) top 410px left no-repeat;
}

@media only screen and (max-width: 992px) {
  .testimonialsGroup ul li {
    p-ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
  }
}

@media only screen and (max-width: 786px) {
  .testimonialsBack {
    background-image: none;
  }

  .testimonialsGroup {
    left: -60px;
  }

  .testimonialsGroup ul {
    margin-left: 60px;
  }

  .testimonialsGroup ul li {
    p-ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
  }

  .background-relationship {
    background-position: top 200px left;
  }
}

@media only screen and (max-width: 576px) {
  .testimonialsGroup {
    left: -15px;
  }

  .testimonialsGroup ul li {
    p-ms-flex: 0 0 95%;
    flex: 0 0 95%;
    max-width: 95%;
    padding: 30px;
  }

  .testimonialsGroup ul li p {
    font-size: 18px;
  }

  .testimonialsGroup ul li p:before {
    left: 0px;
    top: -20px;
    font-size: 18px;
  }

  .testimonialsGroup ul {
    margin-left: 15px;
  }

  .testimonialsBack {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

/* =================== under construction ==================== */
.underconstruction {
  height: calc(100vh - 150px);
  background: url("../images/background-under-construction.jpg") center center no-repeat;
  background-size: cover;
}

body.under-construction {
  margin: 0px;
}

.under-construction .p-1 {
  font-size: 90px;
  line-height: 1em;
  text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
  .under-construction .p-1 {
    font-size: 60px;
    line-height: 1em;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 768px) {
  .under-construction .p-1 {
    font-size: 40px;
    line-height: 1em;
    text-transform: uppercase;
  }
}

@media only screen and (max-width: 562px) {
  .under-construction .p-1 {
    font-size: 30px;
    line-height: 1em;
    text-transform: uppercase;
  }
}

/* =================== / under construction ==================== */

/* =================== news pages ============================== */
.news-boxes .box:before,
.article-head.box:before {
  content: attr(data-description);
  display: block;
  padding: 10px 30px;
  background: #d3242c;
  right: 0px;
  top: 0px;
  transform: rotate(90deg) translate(100%, 0);
  transform-origin: right top;
  position: absolute;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1em;
  color: #fff;
  z-index: 3;
}

.news-boxes a {
  text-decoration: none;
  color: #000;
}

.news-boxes a:hover {
  text-decoration: none;
}

.news-first-row .box .headerLarger {
  line-height: 1em;
}

.news-first-row .box1 {
  min-height: 750px;
  position: relative;
  width: 100%;
}

.news-first-row .box2 {
  min-height: 250px;
  position: relative;
}

.news-first-row .box.box2:before {
  background: #a5a5b0;
}

.news-first-row .box .headerLarger {
  line-height: 1em;
}

.news-first-row .box1 {
  min-height: 750px;
  position: relative;
  width: 100%;
}

.news-first-row .box2 {
  min-height: 250px;
  position: relative;
}

.news-first-row .box.box2:before {
  background: #a5a5b0;
}

.news-second-row .box1 {
  min-height: 440px;
}

.news-second-row a:hover {
  text-decoration: none;
}

.news-second-row .box2 {
  min-height: 400px;
}

.news-second-row .box:before {
  background: #a5a5b0;
}

.news-fourth-row .box .headerLarger {
  line-height: 1em;
}

.news-fourth-row .box1 {
  min-height: 750px;
  position: relative;
  width: 100%;
}

.news-fourth-row .box2 {
  min-height: 250px;
  position: relative;
}

.news-fourth-row .box.box2:before {
  background: #a5a5b0;
}

.news-fourth-row .box .headerLarger {
  line-height: 1em;
}

.news-fourth-row .box1 {
  min-height: 750px;
  position: relative;
  width: 100%;
}

.news-fourth-row .box2 {
  min-height: 250px;
  position: relative;
}

.news-fourth-row .box.box2:before {
  background: #a5a5b0;
}

.news-fourth-row .box.box2.nopic:before,
.news-third-row .box.box2.nopic:before {
  background: none;
  transform: none;
  color: #a5a5b0;
  position: relative;
  padding: 30px 0 0 0;
}

.news-fourth-row .box.box2.nopic,
.news-third-row .box.box2.nopic {
  border-top: 1px solid #000;
  min-height: 0px;
}

.category-links a {
  background: #fff;
  text-transform: uppercase;
  color: #000;
  padding: 15px 30px;
  font-size: 18px;
  letter-spacing: 0.05em;
  display: inline-block;
  position: relative;
}

.category-links a:before {
  content: "";
  width: 0px;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  background: #999999;
}

.category-links a:hover:before {
  width: 100%;
}

.category-links a:hover {
  text-decoration: none;
}

.category-links a .content {
  position: relative;
}

.subpage.emailBlocks .emailform .squareButtonWhite {
  position: relative;
  right: auto;
}

.newsCarousel .slick-arrow {
  text-indent: -9999px;
  position: absolute;
  z-index: 99;
  width: 90px;
  height: 90px;
  background: none;
  border: none;
  cursor: none !important;
}

.newsCarousel .slick-arrow:after {
  display: none;
}

.newsCarousel .slick-arrow.slick-next {
  top: -115px;
  left: auto;
  right: 120px;
}

.newsCarousel .slick-arrow.slick-prev {
  top: -115px;
  left: auto;
  right: 60px;
}

.newsCarousel .slick-arrow.slick-next:before {
  right: 30%;
}

.newsCarousel .slick-arrow.slick-prev:before {
  left: 30%;
}

.newsCarousel .slick-arrow.slick-next:hover:before {
  right: 40%;
}

.newsCarousel .slick-arrow.slick-prev:hover:before {
  left: 40%;
}

.newsCarousel .slick-arrow:hover:before {
  display: block !important;
}

.newsCarousel .slick-arrow:hover {
  opacity: 1;
}

.newsCarousel .slick-disabled {
  display: block !important;
  opacity: 0.2;
}

.newsCarousel .headerMediumLarge {
  line-height: 1em;
  font-size: 40px;
}

.news-second-row .box1 {
  background: #68676d;
}

.news-second-row .box3 {
  background: #d61d22;
}

.category-navigation {
  border-bottom: 1px solid #d8d8d8;
}

.category-navigation a {
  color: #999999;
  padding: 12px 0px;
  position: relative;
  font-size: 18px;
  text-transform: uppercase;
}

.category-navigation a:hover:before,
.category-navigation.sub a.highlight:hover:before {
  content: "";
  height: 0px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0px;
  border-bottom: 1px solid #000;
  animation: fadeWidth 0.3s forwards;
}

.category-navigation a:hover,
.category-navigation.sub a.highlight:hover {
  text-decoration: none;
  color: #000;
}

.category-navigation a.highlight {
  color: #000000;
  position: relative;
}

.category-navigation a.highlight:before {
  content: "";
  height: 0px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0px;
  border-bottom: 1px solid #000;
}

.category-navigation.sub a.highlight {
  color: #999999;
}

.category-navigation.sub a.highlight:before {
  border-bottom: 1px solid #999;
}

.category-navigation-holder .dropper {
  font-size: 18px;
  text-transform: uppercase;
  color: #000;
}

.category-navigation a:first-of-type {
  margin-left: 0px !important;
}

@media only screen and (max-width: 768px) {
  .news-first-row .box2 {
    min-height: 400px;
  }
}

@media only screen and (max-width: 576px) {
  .newsCarousel .slick-arrow {
    transform: none !important;
  }
}

.article-head {
  height: 600px;
  position: relative;
}

.article .paraLarge {
  font-size: 40px;
}

.article blockquote {
  font-size: 28px;
  text-transform: uppercase;
  color: #d2232a;
  margin: 60px 0px 60px -60px;
}

.article h2 {
  font-weight: 700;
  font-size: 26px;
  color: #000;
  margin-bottom: 10px;
}

.article h3 {
  font-weight: 700;
  font-size: 24px;
  color: #000;
  margin-bottom: 10px;
}

.article h4 {
  font-weight: 700;
  font-size: 22px;
  color: #000;
  margin-bottom: 10px;
}

.sidebar .sideHeader {
  font-size: 18px;
  color: #999999;
}

.sidebar .share-links li {
  padding-top: 20px;
}

.sidebar .category-links li {
  padding-top: 20px;
}

.sidebar .category-links a {
  border: 1px solid #d8d8d8;
  padding: 13px 12px 10px 12px;
  line-height: 1em;
  text-transform: uppercase;
}

.sidebar .category-links a:hover {
  text-decoration: none;
  border-color: #000;
  background: #fff;
}

.sidebar .category-links a:hover:before {
  display: none;
}

a.next-article {
  display: block;
  position: relative;
}

a.next-article:hover {
  text-decoration: none;
}

@media only screen and (max-width: 992px) {
  .article .paraLarge {
    font-size: 35px;
  }
}

@media only screen and (max-width: 768px) {
  .article .paraLarge {
    font-size: 30px;
  }

  .article-head.box:before {
    transform: none;
    font-weight: 700;
  }

  .article-head {
    height: 90vh;
    position: relative;
  }

  .article blockquote {
    font-size: 18px;
  }

  .sidebar a {
    margin-right: 15px;
  }
}

@media only screen and (max-width: 576px) {
  .article .paraLarge {
    font-size: 20px;
  }

  .article blockquote {
    margin: 30px 0px;
  }
}

/* =================== / news pages ============================ */

/* =================== careers =================================*/
.positions-holder {
  position: relative;
}

.positions-holder:before {
  content: "";
  width: 33.333333%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ebebec;
  position: absolute;
}

.positions-holder ul li {
  border-bottom: 1px solid #d8d8d8;
  font-size: 18px;
}

.positions-holder ul li:first-of-type {
  padding-bottom: 60px;
}

.positions-holder ul li a {
  text-decoration: none;
  color: #000000;
  position: relative;
  padding: 50px 0px;
}

.positions-holder ul li a:after {
  content: "";
  background: url("../images/icon-arrow-right-black.svg") left top no-repeat;
  width: 41px;
  height: 14px;
  position: absolute;
  right: 20px;
  top: 57px;
  opacity: 0;
}

.positions-holder ul li a:hover:after {
  right: 0px;
  opacity: 1;
}

.positions-holder ul li .col1 {
  -ms-flex: 0 0 39%;
  flex: 0 0 39%;
  max-width: 39%;
  padding-right: 10px;
}

.positions-holder ul li .col2 {
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  max-width: 22%;
}

.positions-holder ul li .col3 {
  -ms-flex: 0 0 22%;
  flex: 0 0 22%;
  max-width: 22%;
}

.positions-holder ul li .col4 {
  -ms-flex: 0 0 16%;
  flex: 0 0 16%;
  max-width: 16%;
}

.positions-holder ul li .icon img {
  margin-right: 10px;
}

.whyicon {
  border-bottom: 3px solid #da1517;
  min-height: 65px;
  display: flex;
}

.whyicon img {
  position: relative;
  left: -1px;
  bottom: -2px;
  margin-top: auto;
}

.career-why-boxes .col-md-4 {
  margin-bottom: 120px;
}

.career-why-boxes h4 {
  color: #000;
  font-size: 24px;
  margin-bottom: 25px;
}

.popperInline.popperFull {
  display: block;
  position: relative;
  background: #ebebec;
}

.popperInline .popBreadcrumb {
  position: absolute;
  left: 60px;
}

.popperInline .popNav {
  position: absolute;
  right: auto;
  left: 40px;
}

.careersApplyHolder {
  position: fixed;
  padding-top: 300px;
  right: 10%;
  top: 0;
  height: 100vh;
  pointer-events: none;
}

.careersApplyHolder .squareButtonBlack {
  pointer-events: all;
  display: none;
}

.careersApplyHolder.show .squareButtonBlack {
  display: inline-block;
}

.job-office #map {
  height: 100%;
}

.job-office .mapHolder {
  height: 600px;
  margin-top: -100px;
  margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
  .careersApplyHolder {
    position: relative;
    right: auto;
    top: 0;
    height: auto;
    pointer-events: all;
    padding-left: 0;
    padding-top: 30px;
  }

  .careersApplyHolder .squareButtonBlack {
    display: inline-block;
  }
}

@media only screen and (max-width: 768px) {
  .positions-holder ul li .col1 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .positions-holder ul li .col2 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    margin-top: 10px;
  }

  .positions-holder ul li .col3 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    margin-top: 10px;
  }

  .positions-holder ul li .col4 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
    margin-top: 10px;
  }

  .positions-holder ul li .icon {
    padding-right: 15px;
    font-size: 18px;
  }

  .positions-holder ul li .icon img {
    display: none;
  }

  .career-why-boxes .col-md-4 {
    margin-bottom: 30px;
  }

  .career-why-boxes {
    padding-left: 60px;
  }

  .popperInline .popNav {
    position: absolute;
    right: 40px;
    left: auto;
  }
}

@media only screen and (max-width: 576px) {
  .positions-holder ul li a {
    padding: 20px 0px;
  }

  .positions-holder ul li a:after {
    display: none;
  }
}

.job-detail .headerBar {}

.jobtitle-holder {
  min-height: 300px;
  position: relative;
  overflow: hidden;
}

.jobtitle-holder:before {
  content: "";
  width: 66.6666666%;
  height: 200%;
  right: 0;
  bottom: 0;
  background: #ebebec;
  position: absolute;
  z-index: -1;
}

.jobtitle-holder:after {
  content: attr(data-property);
  position: absolute;
  z-index: -1;
  right: -40px;
  bottom: -170px;
  font-size: 750px;
  color: #ebebec;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: rgba(0, 0, 0, 0.03);
  width: auto;
  height: auto;
  line-height: 1em;
}

.jobtitle-holder h1 {
  position: relative;
}

.jobtitle-holder h1:before {
  content: attr(data-description);
  display: block;
  left: -10px;
  top: 12px;
  transform: rotate(90deg);
  transform-origin: left top;
  position: absolute;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1em;
  color: #000;
  z-index: 3;
}

.jobtitle-holder ul.jobkey {
  padding-left: 70px;
  position: relative;
}

.jobtitle-holder ul.jobkey:before {
  content: "";
  height: 1px;
  width: 40px;
  top: 11px;
  background: #da1517;
  left: 0px;
  position: absolute;
}

.jobtitle-holder ul.jobkey li {
  color: #da1517;
  text-transform: uppercase;
  font-size: 18px;
  padding-right: 40px;
  margin-bottom: 20px;
}

.jobtitle-holder ul.jobkey li img {
  margin-right: 12px;
  position: relative;
  top: -2px;
}

.jobtitle-holder .sidebar {
  font-weight: 700;
}

.jobtitle-holder .sidebar ul li {
  padding-right: 17px;
}

.jobtitle-holder .sidebar ul li:last-of-type {
  padding-right: 0px;
}

.jobtitle-holder .popBreadcrumb {
  position: relative;
  top: 0;
  left: 0;
  width: 240px;
  font-size: 22px;
  color: #000000;
}

.section-description {
  background: url(../images/backgroundtext-description.png) left -50px top 130px no-repeat;
}

.section-skils {
  background: url(../images/backgroundtext-skills.png) right -50px top 130px no-repeat;
}

.section-scope {
  background: url(../images/background-scope.png) right -50px top 130px no-repeat;
}

.section-responsibilities {
  background: url(../images/backgroundtext-responsibilities.png) left top 130px no-repeat;
}

.job-sections ul li {
  padding: 0px 0px 10px 60px;
  position: relative;
}

.job-sections ul li:before {
  content: "";
  height: 1px;
  width: 20px;
  top: 11px;
  background: #d8d8d8;
  left: 0px;
  position: absolute;
}

.job-sections h2.headerSmall {
  font-size: 28px;
}

.job-office {
  font-size: 18px;
}

@media only screen and (max-width: 768px) {
  .job-office img {
    position: relative;
    top: 0px;
  }
}

@media only screen and (max-width: 576px) {
  .jobtitle-holder h1:before {
    display: none;
  }

  .jobtitle-holder:before {
    width: 100%;
  }
}

/* =================== / careers =============================== */

/* =================== vacancies =============================== */
.listIcon {
  width: 50px;
  height: 50px;
  border: 1px solid #e1e1e2;
  margin-left: 10px;
  background-position: center center;
  background-repeat: no-repeat;
}

.listIcon:hover,
.listIcon.highlight {
  border-color: #000;
}

.listIcon.iconList {
  background-image: url(/assets/images/icon-toggle-list.svg);
}

.listIcon.iconMap {
  background-image: url(/assets/images/icon-toggle-map.svg);
}

.rounded-circle {
  border: 2px solid #999999;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 22px;
  color: #999999;
  font-size: 15px;
}

.propertySnippet .box {
  min-height: 700px;
  background: #efefef;
  position: relative;
}

.propertySnippet .box .background {
  background-size: cover;
  background-position: center;
}

.propertySnippet .box:before {
  content: attr(data-description);
  display: block;
  padding: 10px 30px;
  background: #d3242c;
  right: 0px;
  top: 0px;
  transform: translateX(100%) rotate(90deg);
  transform-origin: left top;
  position: absolute;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1em;
  color: #fff;
  z-index: 3;
}

.propertySnippet .detail {
  position: relative;
  z-index: 1;
}

.propertySnippet .detail span {
  color: #fff;
  position: relative;
  display: inline-block;
  padding-left: 60px;
}

.propertySnippet .detail span:before {
  content: "";
  position: absolute;
  margin-right: 30px;
  width: 40px;
  left: 0px;
  top: 10px;
  height: 0px;
  border-top: 2px solid #fff;
}

.propertySnippet .extradetail .tag {
  color: #999;
}

.propertySnippet .extradetail {
  position: relative;
  padding: 60px;
}

/*.propertySnippet .extradetail:before {content:"";position:absolute;left:0px;top:60px;width:15px;height:15px;background:url("/assets/images/icon-info-plus-small-grey.svg") center center no-repeat;display:none;}
    .propertySnippet .extradetail:after {display:none;}*/
.propertySnippet .extradetail strong {
  font-size: 28px;
  color: #101010;
  display: block;
  line-height: 1em;
  margin-top: 3px;
}

a.proplink:hover .arrow-black:after {
  left: 5px;
  color: #d3242c;
}

a.proplink:hover .arrow-black:hover:after {
  left: 5px;
}

a.proplink .description p {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.propertySnippet.propertyList .proplink:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  border-top: 2px solid #67666c;
}

.propertySnippet.propertyList .proplink:hover:before {
  border-top: 3px solid #d2232a;
}

.proplink .arrow-black:before,
.proplink .arrow-black:hover:before {
  transition: none !important;
}

@media only screen and (max-width: 1200px) {
  .propertySnippet .box {
    min-height: 600px;
  }
}

@media only screen and (max-width: 992px) {
  .propertySnippet .box {
    min-height: 500px;
  }
}

@media only screen and (max-width: 768px) {
  .sectionFAQs ul li {
    padding: 30px;
  }

  .sectionFAQs ul li h4 {
    font-size: 18px;
  }

  .sectionFAQs ul li:before {
    right: 15px;
    top: 20px;
  }

  .sectionFAQs ul li .answer {
    margin: 30px;
  }

  .home-stats.red-facts {
    margin: 140px 0px 0px 0px;
  }

  .propertySnippet .box {
    min-height: 600px;
  }

  .propertySnippet .extradetail {
    padding: 30px;
  }

  .propertySnippet .extradetail:before {
    top: 32px;
    left: 0px;
  }
}

@media only screen and (max-width: 576px) {
  .propertySnippet .box {
    min-height: 400px;
  }
}

.propertySnippet.propertyList .extradetail .detail {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.propertySnippet.propertyList .extradetail {
  padding: 50px 0 30px 0;
}

/*.propertySnippet .extradetail:before {position:absolute;background:#999999;content:"";height:15px;width:1px;left:7px;top:0px;transform: translateY(60px);}
    .propertySnippet .extradetail:after {position:absolute;background:#999999;content:"";height:1px;width:15px;left:0px;top:7px;transform: translateY(60px);}

    .propertySnippet.propertyList .extradetail:before {position:absolute;background:#999999;content:"";height:15px;width:1px;left:auto;right:7px;top:0px;transform: translateY(60px);}
    .propertySnippet.propertyList .extradetail:after {position:absolute;background:#999999;content:"";height:1px;width:15px;left:auto;right:0px;top:7px;transform: translateY(60px);}*/

.propertySnippet .extradetail .detail span {
  color: #000;
}

.propertySnippet .extradetail .detail span:before {
  border-bottom: 1px solid #000;
}

.propertySnippet .extradetail .detail .headerMedium {
  font-size: 20px;
  font-weight: 600;
}

.propertySnippet .extradetail .detail .headerSmall {
  font-size: 20px;
}

.propertySnippet.propertyList .extradetail strong {
  font-weight: 800;
}

/*.propertySnippet .extradetail:hover:before {background:#D3242C}
    .propertySnippet .extradetail:hover:after {background:#D3242C}
    
    .propertySnippet.propertyList .extradetail.open:before {display:none;}
    .propertySnippet.propertyList .extradetail.open:after {background:#D3242C}*/
.propertySnippet ul li {
  color: #101010;
  font-size: 22px;
  line-height: 1em;
  text-decoration: none;
  padding-bottom: 5px;
}

.propertySnippet ul li a {
  color: #101010;
  font-size: 22px;
  line-height: 1em;
  text-decoration: none;
}

.propertySnippet ul li a:hover {
  color: #d3242c;
}

.propertySnippet .extra ul li {
  color: #101010;
  font-size: 18px;
  line-height: 1.5em;
  text-decoration: none;
  padding-bottom: 10px;
  font-weight: 400 !important;
  font-size: 16px;
}

.propertySnippet .extra p {
  color: #101010;
  margin-top: 10px;
}

.propertySnippet .extra ul {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
  margin-top: 10px;
}

.propertySnippet .extra ul.list-unstyled li {
  font-weight: 800 !important;
  line-height: 1em;
  font-size: 18px;
}

.propertyListMap {
  position: relative;
}

.propertyListMap .mapHolder {
  height: 800px;
}

.propertyListMap .mapHolder #map {
  height: 800px;
}

.propertyListMap .propertyBox {
  background: #fff;
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 100;
  min-width: 200px;
  min-height: 100px;
  padding: 30px 30px 10px 30px;
  font-weight: 900;
}

.propertyListMap .propertyBox a {
  color: #000;
  font-size: 13px;
}

.propertyListMap .propertyBox a:hover {
  text-decoration: none;
}

.propertyListMap .propertyBox a span {
  color: #d3242c;
  font-size: 28px;
  padding-right: 10px;
}

.propertyListMap .propertyBox.dull a:hover {
  text-decoration: none;
  color: #000;
}

.propertyListMap .propertyBox.dull a:hover span {
  color: #d3242c;
}

.propertyListMap .propertyBox.dull a {
  text-decoration: none;
  color: #999;
}

.propertyListMap .propertyBox.dull a span {
  color: #999;
}

.propertyListMap .propertyBox .box {
  padding-right: 30px;
}

.propertySnippet .extradetail .extra {
  margin: 0px !important;
  height: auto;
  max-height: 0px;
  overflow: hidden;
  -moz-transition: max-height 0.5s ease-out;
  -o-transition: max-height 0.5s ease-out;
  transition: max-height 0.5s ease-out;
  -webkit-transition: max-height 0.5s ease-out;
}

.propertySnippet .extradetail.open .extra {
  max-height: 1000px;
  height: auto;
  -moz-transition: max-height 1s ease-out;
  -o-transition: max-height 1s ease-out;
  transition: max-height 1s ease-out;
  -webkit-transition: max-height 1s ease-out;
}

.propertyEnquiries {
  border-top: 1px solid #d8d8d8;
}

.emailBlocks .headerSmall img {
  position: relative;
  margin-right: 15px;
  top: -3px;
}

/* =================== / vacancies =============================== */

/* =================== properties =============================== */
.featuredBox {
  position: relative;
}

.featuredBox:before {
  content: "";
  background: #ebebec;
  width: 33%;
  top: 0;
  right: 0;
  height: 100%;
  position: absolute;
}

.featuredBox .box {
  min-height: 600px;
}

.featuredBox p {
  font-size: 18px;
}

.text-grey {
  color: #999999;
}

.propertyLogistics {
  background: url(../images/backgroundtext-logistics.png) bottom 30% left -50px no-repeat;
}

.propertyLogistics .paraLarge {
  font-size: 40px;
}

.propertyBuildingSpecs {
  position: relative;
  min-height: 200px;
}

.propertyBuildingSpecs:before {
  content: "";
  background: #ebebec;
  width: 33%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.propertyBuildingSpecs .holder {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.propertyBuildingSpecs .icon {
  border-bottom: 3px solid #da1517;
  min-height: 65px;
  display: flex;
}

.propertyBuildingSpecs .icon img {
  position: relative;
  left: 0px;
  bottom: -2px;
  margin-top: auto;
}

.propertyBuildingSpecs h4 {
  color: #000;
  font-size: 24px;
  margin-bottom: 25px;
}

.propertyDevelopments {
  min-height: 500px;
  position: relative;
}

.propertyDevelopments .content {
  position: relative;
}

.tags {
  font-size: 15px;
  color: white;
  line-height: 1em;
  transform: translateX(100%) rotate(90deg);
  transform-origin: left top;
  background: black;
  right: 0px;
  top: 0px;
  position: absolute;
}

.tags div {
  padding: 10px 30px;
}

.blue {
  background: #55628b;
}

.red {
  background: #d2232a;
}

.rounded-circle.text-white {
  border: 2px solid rgba(255, 255, 255, 0.4);
  color: rgba(255, 255, 255, 0.4);
}

.header40 {
  font-size: 35px;
}

.extradetail .arrow-black {
  position: absolute;
  right: 0px;
  bottom: 90px;
}

.propertySnippet.propertySnippetShort .box {
  height: 400px;
  min-height: 400px;
}

.propertySnippet .description {
  font-size: 22px;
}

@media only screen and (max-width: 1200px) {
  .propertySnippet.propertySnippetShort .box {
    height: 300px;
    min-height: 300px;
  }

  .header40 {
    font-size: 33px;
  }
}

@media only screen and (max-width: 92px) {
  .header40 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .featuredBox .box {
    min-height: 300px;
  }

  .propertyLogistics .paraLarge {
    font-size: 35px;
  }

  .propertyBuildingSpecs .holder {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .tags {
    transform: none;
  }

  .header40 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 576px) {
  .propertyLogistics .paraLarge {
    font-size: 30px;
  }

  .featuredBox .box {
    min-height: 300px;
  }

  .propertyBuildingSpecs .holder {
    max-width: 100%;
  }

  .header40 {
    font-size: 25px;
  }
}

.extradetailPropertyList {
  color: #000;
  padding: 60px 0 0 0;
  border-top: 1px solid #000;
}

.propertySnippet .extradetailPropertyList .detail span {
  color: #000;
}

.propertySnippet .extradetailPropertyList .detail span:before {
  content: "";
  position: absolute;
  margin-right: 30px;
  width: 40px;
  left: 0px;
  top: 10px;
  height: 0px;
  border-top: 2px solid #000;
}

.propertySnippet .extradetailPropertyList .description p {
  line-height: 1.3em;
  font-weight: 400;
}

.propertyTitleHolder h1 {
  position: relative;
}

.propertyTitleHolder h1:before {
  content: attr(data-description);
  display: block;
  left: -10px;
  top: 12px;
  transform: rotate(90deg);
  transform-origin: left top;
  position: absolute;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1em;
  color: #000;
  z-index: 3;
}

.propertyTitleHolder .popBreadcrumb {
  position: relative;
  top: 0;
  left: 0;
  width: 240px;
  font-size: 22px;
  color: #000000;
}

.author.text-black strong {
  border-color: #000;
}

.propertyTitleHolder .author strong {
  width: 40px;
}

.propertyTitleHolder .arrow-black.left,
.jobtitle-holder .arrow-black.left {
  margin-right: 30px;
}

.propertyTitleHolder {
  position: relative;
  overflow: hidden;
}

.propertyTitleHolder:before {
  content: attr(data-property);
  position: absolute;
  z-index: 0;
  right: -40px;
  bottom: -100px;
  font-size: 750px;
  color: #fff;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: rgba(0, 0, 0, 0.03);
  width: auto;
  height: auto;
  line-height: 1em;
}

.propertyDetailStats img {
  margin-top: -130px;
  margin-bottom: 130px;
}

.propertyDetailStats {
  color: #fff;
}

.propertyDetailStats h3 {
  font-size: 22px;
  letter-spacing: 0.02em;
}

.propertyDetailStats h4 {
  font-size: 16px;
  font-weight: 600;
}

.propertyDetailStats .number {
  font-size: 90px;
  line-height: 1em;
  white-space: nowrap;
}

.propertyDetailStats .number i {
  font-style: normal;
}

.propertyDetailStats span {
  font-size: 28px;
}

.propertyDetailStats sub {
  font-size: 12px;
  position: relative;
  bottom: 0em;
}

.propertyDetailStats sup {
  font-size: 12px;
  position: relative;
  bottom: 0em;
}

.mapColumn .mapHolder {
  width: 260px;
  height: 260px;
  background: #efefef;
  position: relative;
}

.mapColumn .mapHolder #map {
  position: relative;
  width: 100%;
  height: 100%;
}

.mapColumn .link-underlined {
  font-size: 22px;
}

.section-location {
  background: url("../images/backgroundtext-location.png") right -40px top 130px no-repeat;
}

.section-estate {
  background: url("../images/backgroundtext-estate.png") left -40px top 130px no-repeat;
}

.section-specs {
  background: url("../images/backgroundtext-specs.png") right -40px top 130px no-repeat;
}

.section-siteplan {
  background: url("../images/backgroundtext-siteplan.png") left -40px top 130px no-repeat;
}

.propertyCarousel .carouselHolder {
  height: 600px;
  margin-top: -100px;
  background: #999;
}

.propertyCarousel.b-grey {
  background: #ebebec;
  color: #999999 !important;
}

.propertyCarousel h4 {
  color: #d61d22;
  font-size: 16px;
  text-transform: uppercase;
}

.propertyCarousel ul li {
  color: #ebebec;
  font-size: 18px;
  padding-bottom: 5px;
}

.propertyCarousel ul li a {
  color: #ebebec;
  text-decoration: none;
}

.propertyCarousel ul li a:hover {
  color: #d61d22;
}

.propertyCarousel .img-frame {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
}

.propertyCarousel .carouselHolder .img {
  height: 100%;
}

.propertyCarousel .carouselHolder .slick-slide,
.propertyCarousel .carouselHolder .slick-list,
.propertyCarousel .carouselHolder .slick-track {
  height: 100%;
}

.propertyCarousel .carouselFrame,
.propertyCarousel div {
  position: relative;
  height: 100%;
}

.propertyCarousel .slick-arrow.slick-next {
  top: 100%;
  right: 60px;
  left: auto;
}

.propertyCarousel .slick-arrow.slick-prev {
  top: 100%;
  right: 130px;
}

.propertyCarousel .slick-arrow:hover {
  opacity: 1;
}

.propertyCarousel .slick-arrow.slick-prev.slick-disabled,
.propertyCarousel .slick-arrow.slick-next.slick-disabled {
  display: block !important;
  opacity: 0.5;
}

.propertyCarousel .slick-arrow {
  width: 40px;
}

.propertyCarousel .slick-arrow:before {
  right: auto;
  left: 0px !important;
}

.propertyCarousel .slick-arrow:after {
  display: none;
}

/**/
.propertyCarousel .slick-arrow.slick-prev {
  transform: rotate(180deg);
}

.propertyCarousel .slick-arrow.slick-next {
  transform: rotate(180deg);
}

/*.propertyCarousel .slick-arrow.slick-next:before {background-image:url("/assets/images/icon-arrow-right-white.svg");}    
.propertyCarousel .slick-arrow.slick-prev:before {background-image:url("/assets/images/icon-arrow-right-white.svg");}*/

.otherProperties.propertySnippet.propertySnippetShort .box {
  height: 630px;
  min-height: 630px;
}

.otherProperties {
  border-top: 1px solid #d8d8d8;
}

.otherProperties .proplink {
  padding-bottom: 0px;
}

@media only screen and (max-width: 992px) {
  .header40 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 768px) {
  .header40 {
    font-size: 30px;
  }

  .otherProperties.propertySnippet.propertySnippetShort .box {
    height: 400px;
    min-height: 400px;
  }

  .propertyDetailStats img {
    margin-top: -70px;
    margin-bottom: 70px;
  }

  .mapColumn .mapHolder {
    width: 100%;
    height: 260px;
  }

  .propertyCarousel .slick-arrow.slick-next {
    top: 103%;
    right: 0px;
    left: auto;
  }

  .propertyCarousel .slick-arrow.slick-prev {
    top: 103%;
    right: 70px;
    left: auto;
  }
}

@media only screen and (max-width: 1200px) {
  .section-siteplan br {
    display: none;
  }
}

/* =================== / properties =============================== */

/* ===================  developments =============================== */
.section-details {
  background: url("../images/backgroundtext-details.png") right -30px top 120px no-repeat;
}

.section-specs2 {
  background: url("../images/backgroundtext-specs.png") left -50px top 120px no-repeat;
}

.section-specs2 .headerMedium {
  color: #000;
}

.section-specs2 .headerSmall {
  padding-bottom: 25px;
  border-bottom: 3px solid #d2232a;
}

.propertySnippet.developmentShorts .box:before {
  display: none;
}

.propertyDevelopments.propertySnippet .box:before {
  display: none;
}

.iMap {}

.iMap .iMapText {
  position: relative;
  z-index: 9;
  margin-left: 60px;
  width: calc(100% + 60px);
  margin-top: 60px;
  padding: 60px;
}

.iMap .iMapText p {
  font-size: 20px;
  font-weight: 800;
  margin: 0px;
  line-height: 1.4em;
}

.iMapImage {
  position: relative;
}

.iMapImage .iMapIcon {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 50px;
  top: 50px;
  background: url(../images/icon-hotspot-active.svg) left top no-repeat;
  background-size: 40px;
  opacity: 0.5;
  z-index: 1;
}

.iMapImage .iMapIcon.over {
  opacity: 1;
  z-index: 2;
}

.iMapImage .iMapIcon:hover {
  opacity: 1;
  z-index: 3;
}

.iMapImage .iMapIcon.icon1 {
  left: 51%;
  top: 40%;
}

.iMapImage .iMapIcon.icon2 {
  left: 36%;
  top: 34%;
}

.iMapImage .iMapIcon.icon3 {
  left: 26%;
  top: 38%;
}

.iMapImage .iMapIcon.icon4 {
  left: 23%;
  top: 50.5%;
}

.iMapImage .iMapIcon.icon5 {
  left: 56%;
  top: 57%;
}

.iMapImage .iMapIcon.icon6 {
  left: 58%;
  top: 63.5%;
}

.iMapImage .iMapIcon.icon7 {
  left: 61.5%;
  top: 59%;
}

.iMapImage .iMapIcon.icon8 {
  left: 79%;
  top: 29.5%;
}

.iMapImage .iMapIcon.icon9 {
  left: 76%;
  top: 36%;
}

.iMapImage .iMapIcon.icon10 {
  left: 89%;
  top: 41%;
}

.iMapImage .iMapIcon.icon11 {
  left: 4.5%;
  top: 52.5%;
}

.iMapText p {
  display: none;
}

.iMapText p.over {
  display: block;
}

.iMapHolder {
  padding-left: 0px !important;
}

.otherProperties.propertySnippet.propertySnippetShort.developmentShorts .box {
  height: 530px;
  min-height: 530px;
}

@media only screen and (max-width: 1200px) {
  .iMap .iMapText {
    padding: 30px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .iMapHolder {
    padding-left: 60px !important;
  }

  .iMap .iMapText {
    position: relative;
    z-index: 100;
    margin-left: 0px;
    width: 100%;
    margin-top: 60px;
    padding: 20px;
  }
}

@media only screen and (max-width: 576px) {
  .iMapHolder {
    padding-left: 15px !important;
  }
}

/* =================== / developments =============================== */

/* =================== innovation & sustainability ================== */
.sectionRow.section-environmental-contribution .headerSmall {
  font-size: 28px;
}

.b-responsibility p {
  font-size: 24px;
}

.savingsIcons .headerMediumLarge {
  font-size: 40px;
  color: #000;
}

.savingsIcons .statHolder {
  display: none;
}

.savingsIcons .statHolder.over {
  display: block;
}

.savingsIcons .box {
  padding: 120px;
}

.savingsIcons .box p {
  font-size: 22px;
}

.b-responsibility {
  background: url("../images/backgroundtext-responsibilities.png") left -60px top 20px no-repeat;
}

.innovationArticles {
  position: relative;
}

.innovationArticles:before {
  position: absolute;
  content: "";
  width: 33%;
  height: 100%;
  background-color: #ebebec;
  left: 0;
  top: 0;
  background-image: url(/assets/images/img-innovation-environment-pattern-copy.svg);
  background-position: bottom right 30px;
  background-repeat: no-repeat;
}

.innovationArticles p.headerMedium {
  color: #000000;
  line-height: 1.4em;
}

.innovationArticles p {
  line-height: 1.6em;
}

.innovationArticles .box .background {
  position: relative;
}

.innovationArticles .box .mask {}

.innovationCommunity {
  min-height: 400px;
  background-color: #a5a5b0;
  background-image: url(/assets/images/img-innovation-community-pattern.svg);
  background-position: bottom right;
  background-repeat: no-repeat;
}

.innovationCommunity .communityBackground {
  background: url(../images/backgroundtext-community.png) left -40px top 100px no-repeat;
  position: relative;
}

.selection {
  position: absolute;
  bottom: 40px;
  left: 60px;
  width: calc(100% - 60px);
}

.selection a.headerSmall {
  color: rgba(153, 153, 153, 0.4);
  font-size: 16px;
  margin-bottom: -1px;
  border-bottom: 3px solid rgba(153, 153, 153, 0.0000001);
}

.selection a.headerSmall.over {
  color: #999999;
  border-bottom: 3px solid #999999;
}

.selection a.headerSmall:hover {
  text-decoration: none;
}

.selection .holder {
  border-bottom: 1px solid rgba(153, 153, 153, 0.4);
}

.innovationIcons.propertyBuildingSpecs .holder {
  max-width: 100%;
}

.innovationQuote {
  min-height: 300px;
  background-image: url(/assets/images/img-innovation-quote.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.innovationQuote .border-left-white {
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
}

#innovation-content h4 {
  min-height: 100px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  #innovation-content h4 {
    min-height: 1px;
    margin-bottom: 25px;
  }
}

@media only screen and (max-width: 1200px) {
  .savingsIcons .box {
    padding: 60px;
  }
}

/* =================== /innovation & sustainability ================== */

/* =========================== search results  ============================== */
.searchHolderOnPage {
  margin-top: 300px;
}

.searchHolderOnPage .searchHolder {
  transform: none;
}

.resultsHeader {
  color: #000;
  text-transform: uppercase;
  font-size: 18px;
}

.resultsBox {
  background: url("../images/backgroundtext-search.png") left -70px top 0px no-repeat;
  min-height: 500px;
}

.results p {
  padding-right: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  padding-top: 20px;
}

.results date {
  padding-top: 10px;
  display: block;
}

.results li a {
  color: #999999;
  position: relative;
  padding: 25px 0px 10px 0px;
  display: block;
}

.results li a:hover {
  text-decoration: none;
}

.results li a:hover h3 {
  color: #d2232a;
}

.results li a:after {
  content: "";
  height: 3px;
  background: #d2232a;
  position: absolute;
  left: 0px;
  bottom: -1px;
  width: 0px;
}

.results li a:hover:after {
  animation: fadeWidth 0.3s ease-out forwards;
}

.results h3 {
  color: #000000;
}

.results li a:before {
  content: "";
  width: 40px;
  height: 14px;
  background: url(../images/icon-arrow-right-red.svg) left top no-repeat;
  position: absolute;
  right: 30px;
  bottom: 30px;
  opacity: 0;
}

.results li a:hover:before {
  right: 0px;
  opacity: 1;
}

a.loadMore {
  display: inline-block;
  width: 42px;
  height: 42px;
  border-radius: 50px;
  border: 1px solid #dee2e6;
  background: url(../images/icon-plus-black.svg) left 10px top 10px no-repeat;
}

/* =========================== / search results  ============================== */

/* =================== 404 =============================== */
.properties-404 {}

.properties-404 a {
  min-height: 300px;
  background-size: cover;
  background-repeat: none;
  background-position: center;
}

/* =================== / 404 =================================== */

.buttonArrowLeft {
  width: 40px;
  height: 20px;
  position: relative;
  display: inline-block;
}

.buttonArrowLeft:before {
  content: "";
  width: 40px;
  height: 15px;
  right: 0px;
  top: 5px;
  background: url("../images/icon-arrow-right-white.svg") left top no-repeat;
  position: absolute;
  transform: rotate(180deg);
  transform-origin: center;
}

.buttonArrowLeft.disabled:before {
  opacity: 0.5;
}

.buttonArrowLeft:hover:before {
  right: 10px;
}

.buttonArrowRight {
  width: 40px;
  height: 20px;
  position: relative;
  display: inline-block;
}

.buttonArrowRight:before {
  content: "";
  width: 40px;
  height: 15px;
  left: 0px;
  top: 5px;
  background: url("../images/icon-arrow-right-white.svg") left top no-repeat;
  position: absolute;
}

.buttonArrowRight.disabled:before {
  opacity: 0.5;
}

.buttonArrowRight:hover:before {
  left: 10px;
}

.proplink {
  padding-bottom: 50px;
  position: relative;
  display: block;
}

.proplink:hover {
  text-decoration: none;
}

.arrow-black {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 15px;
  line-height: 1em;
}

/*.arrow-black:after {content:"";width:40px;height:15px;left:0px;top:5px;background:url("/assets/images/icon-arrow-right-black.svg") left top no-repeat;position:absolute;pointer-events: none;}*/

.arrow-black:after {
  width: 40px;
  height: 15px;
  left: 0px;
  top: 5px;
  content: "\E806";
  font-family: "equites-icons";
  font-size: 14px;
  color: #000;
  position: absolute;
  pointer-events: none;
}

.arrow-white {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 15px;
}

.arrow-white:after {
  content: "";
  width: 40px;
  height: 15px;
  left: 0px;
  top: 5px;
  background: url("../images/icon-arrow-right-white.svg") left top no-repeat;
  position: absolute;
  pointer-events: none;
}

.arrow-black.left:after {
  content: "";
  width: 40px;
  height: 15px;
  right: 0px;
  top: 6px;
  background: url("../images/icon-arrow-right-black.svg") left top no-repeat;
  transform: rotate(180deg);
  position: absolute;
}

.arrow-black.disabled {
  opacity: 0.5;
}

.arrow-black:hover:after,
.arrow-white:hover:after {
  left: 10px;
}

.arrow-black.left:hover:after,
.arrow-white.left:hover:after {
  right: 10px;
  left: auto;
}

.red-facts .b-red.red-stats {
  background-image: url(/assets/images/img-tenants-facts-pattern.svg);
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 470px;
}

.red-facts .white-stats {
  z-index: 1;
}

/* =================  contact ===================== */

.contact-details {}

.investor-links h4 {
  color: #999999;
}

.contact-details .b-red {
  background-image: url(/assets/images/img-contact-details-pattern.svg);
  background-position: bottom left;
  background-repeat: no-repeat;
}

.contact-form .tag {
  display: block;
}

.contact-form .textfield {
  width: 100%;
  border-color: #000;
  font-size: 22px;
  margin: 20px 0px 40px 0px;
}

.textfield.error {
  border-color: #d2232a;
}

.contact-form .dropper {
  color: #101010;
}

.contact-form .textfield.dropper {
  background: url(../images/icon-dropdown-arrow-down-black.svg) right 60% no-repeat;
}

.sensDocYear .dropper {
  color: #101010;
  min-width: 200px;
}

.input-group.focus .textarea,
.input-group.focus .textfield {
  border-bottom: 3px solid #d2232a;
  margin-bottom: 38px;
}

.input-group.focus .tag {
  color: #d2232a;
}

.input-group input.textfield::-webkit-outer-spin-button,
.input-group input.textfield::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-group input.textfield[type="number"] {
  -moz-appearance: textfield;
}

.contact-details.dull a {
  color: #999;
}

.contact-details.dull a:hover {
  color: #000;
}

.contact-details .box {
  background-size: cover;
  background-position: center;
  color: #fff;
  padding-top: 60px;
  padding-bottom: 100px;
}

.contact-details .box1 {
  background-image: url("/assets/images/img-contact-ct.jpg");
}

.contact-details .box2 {
  background-image: url("/assets/images/img-contact-jhb.jpg");
}

.contact-details .headerSmall {}

.contact-details p {
  font-size: 22px;
}

.background-contact {
  margin: 0px;
  background: url(../images/backgroundtext-contact.png) top 150px left -80px no-repeat;
}

.background-social {
  margin: 0px;
  background: url("../images/background-social-2.png") top 150px left -80px no-repeat;
}

@media only screen and (max-width: 768px) {

  .pt-200,
  .py-200 {
    padding-top: 100px !important;
  }

  .pb-200,
  .py-200 {
    padding-bottom: 100px !important;
  }

  .pt-140,
  .py-140 {
    padding-top: 70px !important;
  }

  .pb-140,
  .py-140 {
    padding-bottom: 70px !important;
  }

  .pt-120,
  .py-120 {
    padding-top: 60px !important;
  }

  .pb-120,
  .py-120 {
    padding-bottom: 60px !important;
  }

  .pt-130,
  .py-130 {
    padding-top: 70px !important;
  }

  .pb-130,
  .py-130 {
    padding-bottom: 70px !important;
  }

  .mt-100,
  .my-100 {
    margin-top: 50px !important;
  }

  .mb-100,
  .my-100 {
    margin-bottom: 50px !important;
  }

  .mt-120,
  .my-120 {
    margin-top: 60px !important;
  }

  .mb-120,
  .my-120 {
    margin-bottom: 60px !important;
  }

  .mt-140,
  .my-140 {
    margin-top: 60px !important;
  }

  .mb-140,
  .my-140 {
    margin-bottom: 60px !important;
  }

  .mb-160 {
    margin-bottom: 70px !important;
  }

  .mt-160 {
    margin-top: 70px !important;
  }

  .mt-80 {
    margin-top: 40px !important;
  }

  .mt-90 {
    margin-top: 45px !important;
  }

  .mt-200 {
    margin-top: 100px;
  }

  .mb-60 {
    margin-bottom: 30px !important;
  }

  .mt-80 {
    margin-top: 40px !important;
  }

  .mb-80 {
    margin-bottom: 40px !important;
  }

  .pr-30 {
    padding-right: 15px !important;
  }

  .mb-30 {
    margin-bottom: 15px !important;
  }

  .mmt-0 {
    margin-top: 0px !important;
  }

  .mmb-0 {
    margin-bottom: 0px !important;
  }

  .pageHeader p {
    margin: 20px 0px;
  }
}

.homeGallery {
  width: 100%;
  height: 100%;
  position: absolute !important;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.homeGallery .slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.homeGallery .slick-slide,
.homeGallery .slick-slide>div,
.homeGallery .slick-list,
.homeGallery .slick-track {
  height: 100%;
}

a.footer-defender {
  position: relative;
  min-width: 136px;
}

a.footer-defender img {
  width: 136px;
  height: 36px;
  position: absolute;
  left: 0px;
  top: -6px;
}

a.footer-defender:hover:after {
  display: none;
}

@media only screen and (max-width: 1200px) {

  .footerHolder .footerRow a,
  .footerHolder .socialRow a {
    margin-right: 10px;
  }
}

.contact-form {
  display: none;
}

.openFormHolder {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
}

.openFormHolder .blacklink {
  padding-right: 60px;
}

.openFormHolder .blacklink:hover {
  text-decoration: none;
}

.openFormHolder .blacklink:before,
.openFormHolder .blacklink:after {
  content: "";
  height: 1px;
  width: 40px;
  background: #000;
  position: absolute;
  right: 0px;
  top: 50%;
  transform-origin: center center;
}

.openFormHolder .blacklink:before {
  transform: rotate(90deg);
}

.openFormHolder .blacklink.open:before {
  transform: rotate(45deg);
}

.openFormHolder .blacklink.open:after {
  transform: rotate(-45deg);
}

.openFormHolder .blacklink.open span {
  opacity: 0;
}

.propertyEnquiries .openFormHolder .blacklink {
  /*margin-right:-50px;*/
}

@media screen and (max-width: 768px) {
  .openFormHolder {
    position: relative;
    margin: 30px 0px;
  }

  .openFormHolder .blacklink.open span {
    opacity: 1;
  }
}

.footerHolder .socialRow a.socialCircle {
  border: 2px solid #000;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 40px;
  display: flex;
  margin-right: 15px;
}

.footerHolder .socialRow a.socialCircle:hover {
  border-color: #ccc;
}

.socialCircle:after {
  display: none;
}

.socialCircle img {
  margin: auto;
  max-height: 16px;
}

.footerHolder.dull .socialRow a.socialCircle img {
  opacity: 0.2;
}

.footerHolder.dull .socialRow a.socialCircle {
  border-color: #ccc;
}

.footerHolder.dull .socialRow a.socialCircle:hover img {
  opacity: 1;
}

.footerHolder.dull .socialRow a.socialCircle:hover {
  border-color: #000;
}

.menuHolder .social {
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: auto;
  left: 10px;
  margin-top: 20px;
}

.menuHolder .social a.socialCircle {
  border: 1px solid #fff;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 40px;
  display: flex;
  margin-right: 15px;
  line-height: 40px;
}

.menuHolder .social a.socialCircle:hover {
  border-color: #fff;
}

.menuHolder .social .socialCircle:after {
  display: none;
}

.menuHolder .social .socialCircle img {
  margin: auto;
  max-height: 16px;
  display: none;
}

.menuHolder.dull .social .socialCircle {
  border-color: #8e1c21;
}

.menuHolder.dull .social .socialCircle img {
  mix-blend-mode: color;
  opacity: 0.2;
}

.menuHolder.dull .social a.socialCircle:hover img {
  mix-blend-mode: normal;
  opacity: 1;
}

.socialCircle {
  align-items: center;
  justify-content: center;
}

.menuHolder .socialCircle:before {
  line-height: 20px;
  height: 20px;
}

.menuHolder .socialCircle.socialFacebook:before {
  content: "\f09a";
  font-family: "equites-icons";
  font-size: 20px;
}

.menuHolder .socialCircle.socialInstagram:before {
  content: "\f16d";
  font-family: "equites-icons";
  font-size: 20px;
}

.menuHolder .socialCircle.socialLinkedin:before {
  content: "\e803";
  font-family: "equites-icons";
  font-size: 16px;
  margin-top: -2px;
}

.menuHolder .socialCircle.socialTwitter:before {
  content: "\f099";
  font-family: "equites-icons";
  font-size: 20px;
}

.menuHolder .socialCircle.socialYoutube:before {
  content: "\f16a";
  font-family: "equites-icons";
  font-size: 19px;
}

.investor-contact-background {
  background-color: #ebebec;
  background-image: url("/assets/images/backgroundtext-message-trans.png");
  background-repeat: no-repeat;
  background-position: -80px 150px;
}

.propertyEnquiries {
  margin: 0px;
  background: #ebebec url(/assets/images/background-message-grey.png) top 150px left -80px no-repeat;
}

.section-media {
  background: url("../images/backgroundtext-media.png") left -30px top 120px no-repeat;
}

.popHolder {
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100vh;
  z-index: 2000;
  display: none;
}

.popHolder.open {
  display: flex;
}

.popHolder .popContent {
  margin: auto;
  padding: 0px 10px;
  position: relative;
}

.popHolder .popContent .popClose {
  position: absolute;
  top: -80px;
  right: 10px;
  color: #fff;
  font-size: 40px;
}

.popHolder .popContent .popClose:hover {
  text-decoration: none;
}

.popHolder .popContent .popDetail iframe {
  max-width: 100%;
  margin-bottom: -80px;
}

.wordcount {
  position: absolute;
  top: calc(100% + 5px);
  right: 30px;
}

.careersbox .intro p:first-of-type {
  font-size: 22px;
}

.career-internships .openFormHolder {
  position: relative;
}

.career-internships .contact-form {}

.career-internships .textfield.dropper {
  height: 51px;
  color: #999;
}

.contact-internship {}

.input-group.focus .textfield.dropper {
  height: 53px;
}

.career-internships .contact-form .textfield.date {
  background: url(../images/icon-date-black.svg) right 10px top 8px no-repeat;
  background-size: 24px;
}

.career-internships .contact-form label.upload {
  width: 100%;
  border: 1px solid #000;
  padding: 35px 10px;
  margin-bottom: 0px;
}

.career-internships .contact-form label.upload:hover {
  border: 1px solid #ccc;
  position: relative;
}

.career-internships .contact-form label.upload input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0px;
  left: 0px;
  top: 0px;
}

.career-internships .contact-form label.upload span {
  display: block;
  text-align: center;
  margin: 10px 0px;
}

.career-internships .contact-form label.upload h3 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 0px;
}

.career-internships .contact-form label.upload i.icon.icon-upload:before {
  content: "\E809";
  color: #d8d8d8;
  font-family: "equites-icons";
  font-size: 40px;
  font-weight: 700;
  font-style: normal;
  line-height: 1em;
}

.career-internships .contact-form textarea.textfield {
  margin-bottom: 0px;
  margin-top: 0px;
}

.career-internships .contact-form .hiddenfield,
.contact-form .hiddenfield {
  position: absolute;
  bottom: 0px;
  pointer-events: none;
  opacity: 0;
}

.trade-history.careers-calendar {
  margin-top: 0px;
}

.careers-bursaries {
  background: #efefef;
  padding-top: 130px;
  padding-bottom: 130px;
}

.careers-bursaries .background {
  position: relative;
}

@media screen and (max-width: 768px) {
  .careers-bursaries {
    padding-top: 0px;
    padding-bottom: 60px;
  }
}

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

.mags a {
  max-width: calc(50% - 30px);
  margin-right: 30px;
  margin-bottom: 30px;
  text-decoration: none;
}

.mags a div {
  position: relative;
}

.mags a div:before {
  content: "";
  position: absolute;
  border: 4px solid rgba(255, 255, 255, 0);
  width: 100%;
  height: 100%;
  transition: all 0.2s linear;
}

.mags a div:hover:before {
  border: 4px solid #d2232a;
}

.mags a h4 {
  color: #999;
  font-size: 16px;
  text-decoration: none;
  padding: 10px 30px 10px 0px;
  position: relative;
}

.mags a h4:after {
  content: "\E805";
  font-family: "equites-icons";
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 10px;
}

.mags a:hover h4:after {
  color: #d2232a;
}

a.cal-download {
  position: relative;
  text-decoration: none;
  transition: all 0.2s linear;
}

a.cal-download:after {
  content: "\E807";
  font-family: "equites-icons";
  font-size: 30px;
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s linear;
  color: #000;
}

a.cal-download:hover {
  color: #d2232a;
}

a.cal-download:hover:after {
  color: #d2232a;
}

a.cal-link {
  position: relative;
  text-decoration: none;
  transition: all 0.2s linear;
}

a.cal-link:after {
  content: "\E806";
  font-family: "equites-icons";
  font-size: 15px;
  position: absolute;
  right: 45px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.2s linear;
  color: #000;
}

a.cal-link:hover {
  color: #d2232a;
}

a.cal-link:hover:after {
  color: #d2232a;
}

@media screen and (max-width: 768px) {
  a.cal-download:after {
    right: 0px;
    top: calc(100% - 30px);
  }

  a.cal-link:after {
    right: 0px;
    top: calc(100% - 30px);
  }
}

.career-apply {
  background: #ebebec url(/assets/images/background-application.png) left -50px top 120px no-repeat;
  margin-top: 100px;
}

.career-apply .openFormHolder {
  width: auto;
}

.section-alerts {
  background: #68676d;
}

.section-alerts img {
  max-width: 100%;
  width: 204px;
}

.section-alerts .col1 {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.section-alerts .col2 h2 {
  font-size: 28px;
}

@media screen and (max-width: 768px) {
  .section-alerts .col2 h2 {
    font-size: 20px;
  }

  .section-alerts .col1 {
    border-right: none;
  }
}

/* broker page additions ============================= */

.broker-newsletter {
  background: #a5a5b0;
  padding-top: 130px;
  padding-bottom: 130px;
}

.broker-newsletter p,
.broker-newsletter .headerSmall {
  color: #fff;
}

.broker-newsletter .border-left {
  border-color: #fff !important;
}

.broker-newsletter .emailBlocks .emailform .squareButtonWhite {
  position: relative;
}

.broker-newsletter p {
  font-size: 22px;
  margin-bottom: 0px;
}

.broker-newsletter p:first-of-type {
  font-size: 48px;
  line-height: 64px;
  letter-spacing: -0.25px;
  margin-bottom: 30px;
}

@media screen and (max-width: 1200px) {
  .broker-newsletter p {
    font-size: 20px;
  }

  .broker-newsletter p:first-of-type {
    font-size: 35px;
    line-height: 45px;
  }

  .broker-newsletter .emailBlocks .emailform .emailField {
    font-size: 35px;
  }

  .broker-newsletter .emailBlocks .emailform .squareButtonWhite {
    right: 0;
  }
}

@media screen and (max-width: 976px) {
  .broker-newsletter .emailBlocks .emailform {
    border-left: 1px solid #fff;
  }
}

@media screen and (max-width: 768px) {
  .broker-newsletter {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.calendarPopBack {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  display: none;
  overflow-x: auto;
}

.calendarPopBack.over {
  display: block;
}

.calendarPopHolder {
  display: flex;
  position: relative;
}

.calendarPopHolder textarea.textfield {
  margin: 0px;
  height: 200px;
}

.calendarPopHolder .wordcount {
  right: 0px;
}

.calendarPopBack .col {
  flex: 1;
  padding: 130px 60px;
}

.calendarPopBack .col.col1 {
  background: #bc1115 url(/assets/images/wings.svg) right top no-repeat;
  background-size: 100%;
}

.calendarPopBack .col.col2 {
  background: #fff;
  padding-right: 180px;
}

.calendarPopBack .socialshare {
  background-color: #ffffff;
  opacity: 0;
  pointer-events: none;
  padding: 10px 10px;
  z-index: 2;
  box-shadow: 0 5px 15px 0 rgb(0 0 0 / 20%);
  position: absolute;
  top: 0;
  left: 50px;
  transform: translate(-50%, -60px);
}

.calendarPopBack .socialshare:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 6px;
  margin-left: -8px;
}

.calendarPopBack .socialshare.over {
  opacity: 1;
  pointer-events: all;
}

.checker label p {
  position: relative;
  width: 33px;
  height: 33px;
  margin-right: 10px;
  border: 1px solid #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
}

.checker label p:before {
  content: "\E80A";
  font-family: "equites-icons";
  font-size: 14px;
  color: #000;
  position: relative;
  opacity: 0;
}

.checker label p.over:before {
  opacity: 1;
}

.checker label input {
  position: absolute;
  /*top:-10000px*/
  opacity: 0;
}

.calendarPopBack .col2 h2 {
  font-size: 22px;
  color: #000;
  line-height: 1.5em;
  margin-bottom: 5px;
}

.calendarPopBack .col1 h2 {
  margin-bottom: 0px;
  line-height: 1.05em;
}

.calendarPopBack .col1 h3 {
  margin-bottom: 10px;
}

.calendarPopBack .col1 h4 {
  font-size: 20px;
  color: #fff;
  line-height: 1.45em;
  margin-bottom: 10px;
}

.calendarPopBack .col1 h5 {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  margin-bottom: 30px;
}

.calendarPopBack .col1 p {
  color: #fff;
}

.calendarPopBack .col2 .contact-form {
  margin-top: 40px;
}

.calendarPopBack a.popperclose {
  width: 70px;
  height: 70px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.9);
  border-radius: 100%;
  position: fixed;
  right: 50px;
  top: 40px;
  z-index: 502;
}

.calendarPopBack a.popperclose:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 3px;
  background: #000000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.calendarPopBack a.popperclose:after {
  content: "";
  position: absolute;
  width: 26px;
  height: 3px;
  background: #000000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}

.calendarPopBack a.popperclose:hover:before {
  transform: translate(-50%, -50%) rotate(135deg);
}

.calendarPopBack a.popperclose:hover:after {
  transform: translate(-50%, -50%) rotate(225deg);
}

.calendarPopBack a.popperclose:hover {
  border: 1px solid rgba(0, 0, 0, 0.6);
}

.calendarPopBack .track {
  position: fixed;
  top: 140px;
  right: 84px;
  width: 1px;
  background: #555;
  height: calc(100vh - 240px);
  z-index: 1;
}

.calendarPopBack .track .handle {
  content: "";
  position: absolute;
  top: 0px;
  left: -1px;
  width: 3px;
  background: #000;
  height: 50%;
}

.calendarPopBack ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.calendarPopBack ul li {
  position: relative;
  padding-left: 50px;
  color: #fff;
  padding-bottom: 10px;
}

.calendarPopBack ul li:before {
  content: "";
  height: 1px;
  border-top: 1px solid #fff;
  width: 20px;
  top: 10px;
  left: 0px;
  position: absolute;
}

@media only screen and (max-width: 1000px) {
  .calendarPopBack.over {
    display: block;
  }

  .calendarPopBack .calendarPopHolder {
    display: block;
  }

  .calendarPopBack .col {
    padding: 80px 30px;
  }

  .calendarPopBack .col.col1 {
    padding-right: 80px;
  }

  .calendarPopBack .col.col2 {
    padding-right: 80px;
  }

  .calendarPopBack a.popperclose {
    width: 50px;
    height: 50px;
    right: 30px;
    top: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .calendarPopBack .track {
    display: none;
  }
}

/* Corporate Governance ========================== */

.policies-holder {
  min-height: 500px;
  position: relative;
  padding-top: 200px;
  padding-bottom: 120px;
  background: url(../images/background-policies.png) left -20px top 150px no-repeat;
}

.policies-holder ul li h4 {
  padding: 60px 60px 60px 0px;
  color: #000;
  font-size: 28px;
}

.policies-holder ul {
  margin-top: 120px;
}

.policies-holder ul li {
  border-top: 1px solid #d8d8d8;
  position: relative;
}

.policies-holder ul li:hover {}

.policies-holder ul li:after {
  content: "";
  width: 0px;
  height: 0px;
  left: 0;
  top: -1px;
  position: absolute;
  border-top: 2px solid #d2232a;
}

.policies-holder ul li:hover:after {
  animation: fadeWidth 0.3s ease-out forwards;
}

.policies-holder ul li .thecontent {
  display: none;
  padding: 0px 60px 60px 0px;
}

.policies-holder ul li.open .thecontent {
  display: block;
}

.policies-holder ul li.open h4 {
  color: #d2232a;
}

.policies-holder ul li:before {
  content: "\E80B";
  position: absolute;
  right: 60px;
  top: 50px;
  font-size: 40px;
  font-family: "equites-icons";
  pointer-events: none;
  transition: all 0.3s linear;
}

.policies-holder ul li.open:before {
  color: #d2232a;
  transform-origin: center;
  transform: rotate(45deg);
}

.policies-holder .downloads a {
  display: block;
  margin-bottom: 30px;
  background: #fff;
  color: #000;
  padding: 30px 60px 30px 30px;
  position: relative;
  font-size: 20px;
  line-height: 1.2em;
}

.policies-holder .downloads a:before {
  content: "\E805";
  font-family: "equites-icons";
  color: #999999;
  font-size: 22px;
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1em;
  transition: color 0.3s linear;
}

.policies-holder .downloads a:hover:before {
  color: #d2232a;
}

.policies-holder .downloads a:hover {
  text-decoration: none;
}

.policies-holder .headerSmall {
  font-size: 16px;
  margin-bottom: 30px;
}

.policies-holder:before {
  content: "";
  width: 37%;
  height: 100%;
  left: 63%;
  top: 0;
  background: #ebebec;
  position: absolute;
}

.cp-directors .about-list {
  margin-top: 60px;
}

.cp-directors.about-people {
  border-top: none;
  background: url(../images/background-people.png) right -50px top 150px no-repeat;
  margin-top: 0px;
  padding-top: 180px;
}

.contactRow {
  background: url(../images/background-contact.png) left 30px top 170px no-repeat;
}

.cop-directors {
  background: url(../images/background-people.png) right -50px top 100px no-repeat;
}

@media screen and (max-width: 1200px) {
  .policies-holder:before {
    width: 50%;
    left: 50%;
  }
}

@media screen and (max-width: 768px) {
  .policies-holder:before {
    display: none;
  }

  .policies-holder {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 80px;
    padding-bottom: 0px;
  }

  .cp-directors.about-people {
    padding-top: 80px;
  }

  .policies-holder ul li h4 {
    font-size: 20px;
  }

  .policies-holder ul li:before {
    right: 0px;
  }

  .policies-holder ul li .thecontent {
    padding: 0px;
  }

  .policies-holder ul li .downloads a {
    background: #e8e8e8;
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .contactRow {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.policyrequest {
  background: #ebebec url(/assets/images/background-request.png) left -50px top 120px no-repeat;
  margin-top: 100px;
}

.policyrequest .openFormHolder {
  width: auto;
}

.contact-governance {
  margin-top: -70px;
}

@media screen and (max-width: 1200px) {
  .contact-governance {
    margin-top: 70px;
  }
}

/* Coookie Policy ========================= */
.cookiepolicy {
  background: #fff;
  padding: 30px 30px 20px 30px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 100;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.cookiepolicy.hide {
  display: none !important;
}

.cookiepolicy .col1 a.link-underline {
  color: #000;
  display: inline;
  position: relative;
  text-decoration: none;
}

.cookiepolicy .col1 a.link-underline:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0px;
  width: 100%;
  height: 0px;
  border-top: 1px solid #000;
}

.cookiebutton {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 16px;
  letter-spacing: 1.33px;
  height: 50px;
  display: inline-flex;
  padding: 0px 30px;
  justify-content: center;
  align-items: center;
  line-height: 1em;
  margin-bottom: 8px;
  margin-left: 4px;
}

.cookiepolicy .col2 {
  text-align: right;
}

.cookiebutton.black {
  border: 1px solid #000;
  color: #000;
}

.cookiebutton.black:hover {
  border: 1px solid #000;
  background: #000;
  color: #fff;
  text-decoration: none;
}

.cookiebutton.red {
  color: #fff;
  border: 1px solid #d2232a;
}

.cookiebutton.red:hover {
  color: #d2232a;
  background: #fff;
  text-decoration: none;
}

.cookiepolicy .ccol {
  flex: 1;
}

@media screen and (max-width: 768px) {
  .cookiepolicy .col2 {
    margin-top: 20px;
    text-align: left;
  }

  .cookiepolicy {
    padding: 15px;
  }

  .cookiebutton {
    margin-left: 0px;
    height: 40px;
    font-size: 14px;
    padding: 0px 20px;
  }
}

.newFooter {
  border-top: 2px solid #d3242c;
  margin-top: 120px;
}

.newFooter .footerRow {
  padding: 32px 0px;
  align-items: center;
}

.newFooter .footerRow .socialRow {
  padding: 0px;
  margin-right: auto;
}

.newFooter .footerRow a {
  font-weight: normal;
  text-transform: uppercase;
}

.newFooter .footerRow a.footer-defender img {
  position: relative;
  top: 0px;
}

.footerHolder.newFooter .footerRow.bordered {
  border-top: 1px solid #d3242c;
  border-bottom: 1px solid #d3242c;
}

.footerHolder.newFooter .socialRow a.socialCircle {
  color: #d3242c;
  border: 1px solid #d3242c;
  line-height: 40px;
}

.footerHolder.newFooter .socialRow a.socialCircle:after {
  display: none;
}

.footerHolder.newFooter .number a {
  font-size: 16px;
}

.footerHolder.newFooter .number h5 {
  display: inline;
  padding-right: 12px;
}

.footerHolder.newFooter .squareButtonRed {
  width: 100%;
  text-align: center;
}

.footerHolder.newFooter .squareButtonRed:hover {
  text-decoration: none;
  color: #d3242c !important;
  background: #fff;
}

.footerHolder.newFooter .socialCircle:before {
  height: 20px;
  line-height: 20px;
}

.footerHolder.newFooter .socialCircle.socialFacebook:before {
  content: "\f09a";
  font-family: "equites-icons";
  font-size: 20px;
  margin-top: 2px;
}

.footerHolder.newFooter .socialCircle.socialInstagram:before {
  content: "\f16d";
  font-family: "equites-icons";
  font-size: 20px;
}

.footerHolder.newFooter .socialCircle.socialLinkedin:before {
  content: "\e803";
  font-family: "equites-icons";
  font-size: 16px;
  margin-top: -2px;
}

.footerHolder.newFooter .socialCircle.socialTwitter:before {
  content: "\f099";
  font-family: "equites-icons";
  font-size: 20px;
  margin-top: 2px;
}

.footerHolder.newFooter .socialCircle.socialYoutube:before {
  content: "\f16a";
  font-family: "equites-icons";
  font-size: 20px;
  margin-top: 2px;
}

.footerHolder.newFooter .emailform {
  margin-top: 60px;
  width: 100%;
}

.footerHolder.newFooter .emailform .emailField:focus-visible {
  outline: none;
}

.footerHolder.newFooter .emailform .emailField {
  border: none;
  border-bottom: 1px solid #d3242c;
  font-size: #999999;
  font-size: 16px;
  padding: 13px 0px;
  width: 100%;
}

.footerHolder.newFooter .emailform h5.headerSmall {
  margin-bottom: 0px;
  font-size: 20px;
}

.footerHolder.newFooter .emailform .squareButtonRedb {
  margin-top: 24px;
  width: 100%;
}

.footerHolder.newFooter .col-form {
  padding-right: 100px;
  min-width: 280px;
}

.footerHolder.newFooter .col {
  flex: 1;
  flex-grow: 0;
}

.footerHolder.newFooter .col-holder {
  display: flex;
  justify-content: space-between;
}

.footerHolder.newFooter .col.logoholder {
  flex: 0 0 100px;
}

.footerHolder ul li.number {
  white-space: nowrap;
}

@media only screen and (max-width: 1100px) {
  .footerHolder.newFooter .col.logoholder {
    display: none;
  }
}

@media only screen and (max-width: 1100px) {
  .footerHolder.newFooter .col-holder {}

  .footerHolder.newFooter .col-form {
    min-width: 100%;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .footerHolder .socialRow span:last-of-type {
    margin-top: 0px;
    padding-top: 0px;
    border-top: none;
  }

  .footerHolder.newFooter .col-holder {
    display: block;
  }

  .footerHolder ul li.number {
    width: 100%;
  }
}

@media only screen and (max-width: 576px) {
  .development-stat {
    width: 100vw !important;
  }

  .development-stat i {
    font-size: 80px;
  }
}

#thankYou {
  font-size: 18px;
  font-weight: bold;
  color: #D2232A;
  display: none;
  min-height: 43px;
  padding-top: 10px;
}


/* NEW ESG PAGES: Landing  ===================== */

.esg-intro {
  background: url(../images/background-approach.png) bottom 30% left -50px no-repeat;
}

.esg-intro .col2 p {
  font-size: 22px;
}

.esg-approach {}

.esg-blocks {
  margin-right: -60px;
}

.esg-blocks a {
  flex: 0 0 calc(50% - 60px);
  margin-right: 60px;
  margin-bottom: 60px;
  margin-bottom: 60px;
  position: relative;
  min-height: 600px;
  text-decoration: none;
  color: #fff;
  padding: 50px 40px;
  position: relative;
}

.esg-blocks a .content {
  padding: 90px 40px 50px 40px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.esg-blocks a .content h2 {
  font-size: 40px;
  line-height: 1.4em;
  margin-bottom: 25px;
}

.esg-blocks a .content p {
  font-size: 22px;
  line-height: 1.4em;
}

.esg-blocks a .content svg.background-svg {
  position: absolute;
  left: -70px;
  top: -70px;
  z-index: -1;
  opacity: 0.3;
}

.esg-blocks a .content svg text {
  font-size: 50px;
  transform: translate(0px, 50%);
}

.esg-blocks a .content ul {
  list-style: none;
  display: flex;
  margin: 0px;
  padding: 0px;
}

.esg-blocks a .content ul li {
  margin-right: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 120px;
}

.esg-blocks a .content ul li span {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.05em;
  display: block;
  margin: 10px 0px 0px 0px;
  text-align: center;
}


.esg-activities {}

.approach-blocks>div {
  flex: 0 0 50%;
  margin-bottom: 120px;
  display: flex;
}

.approach-blocks>div>div {
  padding-right: 60px;
}

.approach-blocks h3 {
  margin-bottom: 10px;
  margin-top: 5px;
  font-size: 24px;
  line-height: 1.4em;
  color: #000;
  letter-spacing: -0.25px
}

.esg-health {
  background: #A5A5B0;
  color: #fff;
  position: relative;
}

.esg-health p {
  font-size: 22px;
}

.esg-health img.i-desktop {
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: calc(100% + 60px);
}

.esg-health .i-mobile {
  display: none;
}

.esg-health .textcol {
  max-width: 60%;
}

.esg-governance p {
  font-size: 22px;
}


.esg-innovation {
  background: url(../images/background-innovation.png) -30px 170px no-repeat
}

.esg-innovation-blocks .thecontent h3 {
  font-size: 24px;
  line-height: 1.2em;
  letter-spacing: -0.25px;
  color: #000;
  margin-bottom: 30px;
  margin-top: 30px;
  min-height: 65px;
}

.esg-innovation-blocks .thecontent {
  display: flex;
  flex-direction: column;
}

.esg-innovation-blocks .box {
  margin-bottom: 30px;
}

.esg-innovation-blocks .box .thecontent {
  background: #EBEBEC;
  border-top: 3px solid #D2232A;
  display: flex;
  flex-direction: column;
  display: flex;
  flex-direction: column;
  padding: 60px 40px;
  height: 100%;
}

@media screen and (max-width:1500px) {
  .esg-health .col-lg-8 {
    max-width: 50%;
  }
}

@media screen and (max-width:1400px) {
  .esg-health img.i-desktop {
    display: none;
  }

  .esg-health .i-mobile {
    display: block;
  }

  .esg-health .textcol {
    max-width: 100%;
  }
}

@media screen and (max-width:1100px) {
  .governance-boxes {
    flex-direction: column;
  }

  .esg-governance .col:nth-of-type(3),
  .esg-governance .col:nth-of-type(2) {
    margin-top: 30px;
  }

  .esg-governance h2 {
    margin-bottom: 0px;
  }
}

@media screen and (max-width:980px) {
  .esg-blocks a {
    flex: 0 0 100%;
    margin-right: 0px;
  }

  .approach-blocks img {
    max-width: 80px;
  }

  .approach-blocks h3 {
    font-size: 18px;
  }
}

@media screen and (max-width:768px) {
  .esg-blocks a {
    min-height: 400px;
    padding: 0px;
  }

  .esg-blocks a .content {
    position: relative;
    padding: 20px;
  }

  .esg-blocks a .content h2 {
    font-size: 30px;
  }

  .esg-blocks a .content p {
    font-size: 16px;
  }

  .esg-blocks a .content ul li img {
    max-height: 40px;
  }

  .esg-blocks a .content ul li span {
    font-size: 9px;
  }

  .esg-approach,
  .esg-activities {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .approach-blocks>div>div {
    padding-right: 20px;
  }

  .esg-health.py-130 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .esg-health p {
    font-size: 18px;
  }

  .esg-innovation-blocks .thecontent h3 {
    min-height: 10px;
    Margin-bottom: 15px;
  }

  .esg-innovation-blocks .box .thecontent {
    padding: 15px;
  }


}

@media screen and (max-width:576px) {
  .approach-blocks>div {
    flex: 1;
    margin-bottom: 30px;
  }

  .esg-health .i-mobile img {
    max-width: 100%;
  }

}

/* /NEW ESG PAGES: Landing  ===================== */

/* NEW ESG PAGES: Sub environment  ===================== */
.back.white {
  color: #fff;
  padding-left: 60px;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
}

.back.white:hover {
  text-decoration: none;
}

.back.white:hover:before {
  text-decoration: none;
  transform: rotate(180deg) translateX(10px);
}

.back.white:before {
  width: 40px;
  height: 15px;
  content: "\E806";
  font-family: "equites-icons";
  font-size: 14px;
  color: #fff;
  position: absolute;
  pointer-events: none;
  transform-origin: center;
  transform: rotate(180deg);
  left: 0px;
  top: 6px;
  transition: all .3s linear;
}

.esgsub-intro h1 {
  max-width: 600px;
}

.esgsub-icons {
  margin-top: -100px;
  position: relative;
  z-index: 1;
}

.esgsub-icons .holder {
  background: #fff;
}

.esgsub-icons .holder:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 0px;
  height: 100%;
  width: 500px;
  background: #fff;
}

.esgsub-icons .holder:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 100px;
  height: 100%;
  width: 500px;
  background: #EBEBEC;
}

.esgsub-icons ul {
  list-style: none;
  display: flex;
  margin: 0px;
  padding: 0px;
  justify-content: space-between;
}

.esgsub-icons ul li {
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}

.esgsub-icons ul li span {
  font-size: 18px;
  line-height: 1.05em;
  letter-spacing: -0.19px;
  display: block;
  margin: 20px 0px 0px 0px;
  color: #000;
}

.esgsub-effot {
  background: #EBEBEC;
}

.esgsub-effot .figures .thecontent {
  background: #EBEBEC;
  border-top: 3px solid #D2232A;
  padding: 40px 0px;
}

.esgsub-effot .figures .thecontent span {
  color: #d2232a;
  font-size: 140px;
  letter-spacing: 0;
  line-height: 1em;
  position: relative;
  display: inline-block;
}

.esgsub-effot .figures .thecontent h3.redtext {
  font-size: 16px;
  position: relative;
}

.esgsub-effot .figures .thecontent h3.redtext:before {
  content: attr(data-extra);
  color: #999;
  font-size: 13px;
  position: absolute;
  top: 100%;
  left: 0px;
  text-transform: none;
}

.esg-nav .esg-blocks a {
  flex: 0 0 33%;
  margin-right: 0px;
  margin-bottom: 0px;
}

.esg-nav .esg-blocks a .content {
  justify-content: flex-end;
}

.esg-nav .esg-blocks a .content svg.background-svg {
  left: -30px;
  top: 20px;
}

.esg-nav .esg-blocks a .content svg text {
  font-size: 65px;
}

.esgsub-econsiousness {
  background: url(../images/background-conscious.png) -70px 120px no-repeat;
}

.introParagraph p:nth-of-type(1) {
  font-size: 22px;
}

@media screen and (max-width:1120px) {
  .esgsub-effot .figures .thecontent span {
    font-size: 100px;
  }

  .esgsub-icons ul li span {
    font-size: 14px;
  }

  .esgsub-icons ul li img {
    width: 80px;
    height: auto;
  }

  .esgsub-effot .paraLarge {
    font-size: 28px;
  }

}

@media screen and (max-width:980px) {
  .esgsub-icons {
    margin-top: -50px;
  }

  .esgsub-icons .holder:after {
    top: 50px;
  }

  .esg-nav .esg-blocks a {
    min-height: 270px;
  }

  .esg-nav .esg-blocks a .content h2 {
    line-height: 1.1em;
  }
}

@media screen and (max-width:768px) {
  .esg-nav .esg-blocks a {
    min-height: 300px;
    flex: 0 0 100%;
  }

  .esgsub-icons ul li span {
    font-size: 12px;
  }

  .esgsub-icons ul li img {
    width: 40px;
    height: auto;
  }

  .esgsub-icons .row.flex-column {
    padding: 40px 20px 20px 0px;
  }

  .esgsub-icons ul {
    flex-wrap: wrap;
  }

  .esgsub-icons ul li {
    width: 50%;
    margin: 0px 0px 20px 0px;
  }

  .esgsub-econsiousness .pl-60 {
    padding-left: 0px;
  }

  .paraLarge .pl-60 {
    padding-left: 20px;
  }

  .esgsub-effot .figures .thecontent span {
    font-size: 80px;
  }

  .esgsub-quote {
    margin-top: 20px;
  }

  .esgsub-quote .border-left-white {
    border-left: none !important;
  }
}

@media screen and (max-width:768px) {
  .esgsub-intro .border-left-white {
    border-left: none !important;
    padding-left: 0px;
  }
}


/* /NEW ESG PAGES: Sub environment  ===================== */
/* NEW ESG PAGES: Sub community  ===================== */
.esgsub-upliftment {
  background: #EBEBEC url("/assets/images/background-upliftment.png") -70px 150px no-repeat;
}

.esgsub-initiatives {
  background: #D3242C url("/assets/images/background-initiative.png") -70px 150px no-repeat;
}

.esgsub-initiatives .box {
  border-top: 3px solid #fff;
  padding-top: 60px;
  margin-bottom: 80px;
}

@media screen and (max-width:768px) {
  .esgsub-initiatives .row.mt-120.pl-60.pr-60 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .esgsub-initiatives .box {
    padding-top: 30px;
    margin-bottom: 50px;
  }
}

/* /NEW ESG PAGES: Sub community  ===================== */


/* NEW ESG PAGES: Sub tenants  ===================== */

.case-list a h3 {
  font-size: 28px;
  line-height: 1.05em;
  letter-spacing: 0.5px;
}

.case-list a {
  padding: 20px 60px 60px 0px;
  border-top: 1px solid #E1E1E2;
  display: block;
  position: relative;
}

.case-list a:before {
  content: "";
  width: 0;
  top: 0px;
  height: 0px;
  border-top: 3px solid #D3242C;
  position: absolute;
  transition: all .3s linear;
  z-index: 5;
}

.case-list a:after {
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s linear;
  z-index: 5;
  content: "\E806";
  font-family: "equites-icons";
  position: absolute;
  color: #D3242C;
}

.case-list a:hover:before {
  animation: fadeWidth 0.3s ease-out forwards;
}

.case-list a:hover {
  text-decoration: none;
}

.case-list a .date {
  margin-bottom: 10px;
  display: block;
}

@media screen and (max-width:576px) {
  .case-list a h3 {
    font-size: 22px;
  }
}


.esgsub-tenants {
  background: #EBEBEC url("/assets/images/background-tenants2.png") -70px 150px no-repeat;
}

.esgsub-vendors {
  background: #EBEBEC url("/assets/images/background-vendors2.png") -70px 150px no-repeat;
}

.esgsub-survey {
  background: #D71E25;
}

.esgsub-survey .col1 {
  min-width: 500px;
  flex: 0 0 40%;
}

.esgsub-survey .col2 {
  padding: 0px;
  position: relative;
  margin-top: -80px;
}

.esgsub-survey .box {
  position: relative;
  width: 100%;
  height: 100%;
}

.esgsub-survey .box .content {
  position: relative;
  padding: 120px;
  font-size: 40px;
  line-height: 1.1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.esgsub-survey .esgsub-vendorsbox {
  background: #EBEBEC;
}

.esgsub-survey .col1 p {
  font-size: 22px;
}

.esgsub-survey .col1 p a {
  color: #fff;
  text-decoration: underline;
}

@media screen and (max-width:1300px) {
  .esgsub-survey .box .content {
    padding: 80px;
    font-size: 30px;
  }
}

@media screen and (max-width:991px) {
  .esgsub-survey .col2 {
    padding: 0px;
    margin-top: 0px;
  }

  .esgsub-survey .box {
    position: relative;
    bottom: 0px;
    margin: 0px;
  }

  .esgsub-survey .box .content {
    position: relative;
    padding: 100px 40px;
  }

  .esgsub-survey {
    padding: 0px;
  }
}

@media screen and (max-width:768px) {
  .esgsub-survey {
    padding: 0px !important;
  }

  .esgsub-survey .box .content {
    position: relative;
    padding: 30px 20px;
    font-size: 22px;
  }

  .esgsub-survey .box .content .border-left-white {
    padding-left: 20px;
  }

  .esgsub-survey .col1 {
    min-width: 20px;
  }
}

@media screen and (max-width:576px) {
  .squareButtonWhite {
    padding: 10px 20px;
    font-size: 13px;
  }

  .esgsub-survey {
    padding: 0px !important;
  }
}


.esgsub-employ1 .headerSmall {
  max-width: 670px;
}

.esgsub-employ1 .quote {
  font-size: 40px;
  color: #000;
}

.quote span {
  position: relative;
  font-size: 16px;
  padding-left: 40px;
}

.quote span:before {
  content: "";
  position: absolute;
  width: 30px;
  left: 0px;
  top: 10px;
  height: 0px;
  border-top: 1px solid #000;
}

.blackbox {
  background: #000;
  color: #fff;
  padding: 60px 130px 60px 80px;
  font-size: 22px;
}

.blackbox .squareButtonDownload:before {
  content: "\E805";
  transition: all .3s linear;
  font-family: "equites-icons";
  transform: translateY(-50%);
  color: #FFF;
  text-decoration: none;
  font-size: 20px;
  margin-right: 10px;
}

.esgsub-values .box {
  border-top: 2px solid #fff;
  background: #cc1c21;
  padding: 60px 40px;
}

.row4 .imagerow img {
  width: 100%;
}

.esgsub-employ1 .col2 img {
  width: 100%;
}

@media screen and (max-width:980px) {
  .esgsub-employ1 .quote {
    font-size: 24px;
  }

  .paraLarge {
    font-size: 24px;
  }
}

@media screen and (max-width:576px) {
  .esgsub-employ1 .pl-60 {
    padding-left: 0px;
  }

  .blackbox {
    padding: 20px
  }
}

.esgsub-text1 svg {
  position: absolute;
  left: 0px;
  top: -180px;
  z-index: 0;
  opacity: 0.10;
  width: 500px;
}

.esgsub-text1 svg text {
  font-size: 128px;
  transform: translate(0px, 90px);
}

.esgsub-text2 svg {
  position: absolute;
  right: 0px;
  top: -40px;
  z-index: 0;
  opacity: 0.10;
  width: 500px;
}

.esgsub-text2 svg text {
  font-size: 128px;
  transform: translate(0px, 90px);
}

.esgsub-text3 svg {
  position: absolute;
  left: -130px;
  top: -60px;
  z-index: 0;
  opacity: 0.10;
  width: 500px;
}

.esgsub-text3 svg text {
  font-size: 128px;
  transform: translate(0px, 90px);
}

.environment .iMapImage .iMapIcon.icon1 {
  left: 35%;
  top: 25%;
}

.environment .iMapImage .iMapIcon.icon2 {
  left: 60%;
  top: 18%;
}

.environment .iMapImage .iMapIcon.icon3 {
  left: 66%;
  top: 24%;
}

.environment .iMapImage .iMapIcon.icon4 {
  left: 50%;
  top: 73%;
}

.environment.iMap .iMapText {
  position: relative;
  z-index: 9;
  margin-left: 0px;
  width: 100%;
  margin-top: 60px;
  padding: 60px 0px 80px 60px;
}

.environment.iMap .col-md-4.col-lg-3.offset-md-1:before {
  content: "";
  background: #EBEBEC;
  width: calc(100% + 500px);
  height: calc(100% - 65px);
  top: 65px;
  right: 0px;
  position: absolute;
  z-index: -1;
}

.environment.iMap {
  overflow: hidden;
}

.environment.iMap .iMapText {
  padding: 120px 0px 80px 60px;
}

/* / NEW ESG PAGES: Sub tenants  ===================== */

form .processing {
  display: none;
  border: 2px solid #e5e5e5;
  border-top: 2px solid #000000;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.application-complete {
  background: #d2232a;
  padding: 60px 30px;
  color: #fff;
  margin-bottom: -100px;
  display: none;
}

@media screen and (max-width:576px) {
  .application-complete {
    padding: 30px;
    margin-bottom: -50px;
  }
}


/* New Contact Area  ----------------------------- */

.google-map-modal {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 00, 0, 0.7);
  display: flex;
  align-items: center;
  padding: 0px 10px;
  display: none;
}

.close-current-loc-map {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: 10px;
  right: 10px;
  height: 50px;
  width: 50px;
  font-size: 50px;
  color: #000;
  background-color: #fff;
  border-radius: 50vh;
  padding-bottom: 5px;
}

.google-map-modal iframe {
  height: 50%;
  width: 100%;
}

/* /modal */

.contact-visible-details {
  display: flex;
  justify-content: space-between;
}

.contact-location-details,
.contact-map {
  width: 50%;
}

.contact-map {
  position: relative;
}

.contact-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.contact-location-details {
  padding: 64px 64px 80px 130px;
}

.contact-location-details h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.125em;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 8px;
}

.contact-location-details h3 {
  font-size: 48px;
  font-weight: 800;
  letter-spacing: 0.5px;
  line-height: 1.20em;
  color: #000;
  margin-bottom: 54px;
}

.contact-location-details ul {
  margin-bottom: 95px;
}

.contact-location-details li,
.contact-location-details li a {
  list-style: none;
  color: #000;
  font-weight: 600;
}

.contact-location-details li {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 1.36em;
  margin-bottom: 18px;
  position: relative;
}

.details-email:before {
  content: "";
  position: absolute;
  left: -35px;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 16px;
  background: url("../images/icon-details-email.svg") center center/cover no-repeat;
}

.details-tel:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 23px;
  background: url("../images/icon-details-mobile.svg") center center/cover no-repeat;
  ;
}

.details-loc:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 20%;
  transform: translateY(-50%);
  width: 14px;
  height: 17.5px;
  background: url("../images/icon-location.svg") center center /cover no-repeat;
}

.view-on-maps-btn {
  display: inline-block;
  font-size: 22px;
  font-weight: 700;
  color: #000;
  letter-spacing: 0;
  line-height: 28px;
  border-bottom: 2px solid hsl(0, 0%, 65%);
}

.view-on-maps-btn:hover {
  text-decoration: none;
}

.select-visible-branch-detail {
  display: flex;
}

.visible-branch-location-1,
.visible-branch-location-2 {
  width: 50%;
  padding: 51px 150px 51px 100px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.visible-branch-location-1 img,
.visible-branch-location-2 img {
  width: 40px;
  height: 12px;
}

.branch-is-visible {
  display: flex;
}

/* .visible-branch-location-1::before,
    .visible-branch-location-2::before {
      content: "";
      position: absolute;
      right: 150px;
      top: 54%;
      transform: translateY(-50%);
      width: 40px;
      height: 12px;
      background: url("../images/icon-arrow-right-black@1x.webp") center center/cover;
    } */

.visible-branch-location-1 {
  background-color: #D61D22;
}

.visible-branch-location-2 {
  background-color: #A5A5B0;
}

.visible-branch-location-1 h4,
.visible-branch-location-2 h4 {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.125em;
  color: #fff;
  font-weight: 700;
}

.visible-branch-location-1 h3,
.visible-branch-location-2 h3 {
  font-size: 48px;
  font-weight: 800;
  letter-spacing: 0.5px;
  line-height: 1.20em;
  color: #fff;
}

.london-contact-details,
.johannesburg-contact-details,
.capetown-contact-details {
  display: none;
}

.contact-details-vis-class {
  display: initial;
}

@media screen and (max-width: 1350px) {

  .visible-branch-location-1,
  .visible-branch-location-2 {
    padding-right: 64px;
  }
}

@media screen and (max-width: 1200px) {
  .details-loc br {
    display: none;
  }
}

@media screen and (max-width: 1150px) {

  .visible-branch-location-1,
  .visible-branch-location-2 {
    padding-left: 60px;
    padding-right: 50px;
  }
}

@media screen and (max-width: 992px) {
  .contact-visible-details {
    flex-direction: column;
  }

  .contact-location-details {
    width: 100%;
    padding-right: 130px;
  }

  .select-visible-branch-detail {
    flex-direction: column;
  }

  .visible-branch-location-1,
  .visible-branch-location-2 {
    width: 100%;
    padding-left: 130px;
    padding-right: 150px;
  }
}

@media screen and (max-width: 768px) {
  .contact-location-details {
    padding-left: 30px;
  }

  .visible-branch-location-1,
  .visible-branch-location-2 {
    padding-left: 30px;
  }
}

@media screen and (max-width: 615px) {

  .visible-branch-location-1,
  .visible-branch-location-2 {
    padding-right: 100px;
  }
}

@media screen and (max-width: 576px) {
  .contact-location-details {
    padding-right: 30px;
  }

  .contact-location-details h3 {
    font-size: 30px;
    margin-bottom: 26px;
  }

  .view-on-maps-btn {
    font-size: 20px;
  }

  .contact-location-details li {
    font-size: 20px;
  }

  .contact-location-details ul {
    margin-bottom: 45px;
  }

  .visible-branch-location-1,
  .visible-branch-location-2 {
    padding-right: 30px;
  }

  .visible-branch-location-1 h3,
  .visible-branch-location-2 h3 {
    font-size: 30px;
    margin-top: 5px;
  }

}

.select-visible-branch-detail>div:nth-of-type(1) {
  display: none;
}

.contact-location-details {
  display: none;
}

.contact-location-details:nth-of-type(1) {
  display: block;
}

.marker-label {
  color: #D61D22 !important;
  font-size: 18px !important;
  font-style: italic !important;
  font-weight: bold !important;
  letter-spacing: 0 !important;
  line-height: 1.1em !important;
  text-shadow:
    1px 1px 1px #fff,
    -1px 1px 1px #fff,
    1px -1px 1px #fff,
    -1px -1px 1px #fff,
    0px 0px 20px rgba(0, 0, 0, 0.3);
  transform: translateY(30px);
}

.contact-map #map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* Property Schedule ============================ */

.close-current-loc-map {
  position: absolute;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: 10px;
  right: 10px;
  height: 50px;
  width: 50px;
  font-size: 50px;
  color: #000;
  background-color: #fff;
  border-radius: 50vh;
  padding-bottom: 5px;
}


/* /modal */

/* property gallery modal */

.img-modal-holder {
  position: fixed;
  z-index: 100;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  padding-top: 100px;
  padding-bottom: 100px;
  align-items: flex-start;
  overflow-y: auto;
  display: none;
}

.property-img-gal-modal {
  width: 90%;
  max-width: 960px;
  background-color: #fff;
  padding: 64.25px 68px 54.5px 68px;
  margin: 0 auto;
  position: relative;
}

.close-property-gallery {
  position: absolute;
  top: 0px;
  right: 25px;
  font-size: 50px;
}

.current-property-img {
  background-color: #d8d8d8;
  /*height: calc(100% - 90px);*/
  position: relative;
}

.current-property-name {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 3;
  background-color: #D2232A;
  color: #fff;
  transform-origin: left top;
  transform: rotate(90deg);
  padding: 8px 20px 5px 20px;
  text-transform: uppercase;
  white-space: nowrap;
}

.current-property-img img {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.gallery-control-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gallery-control-bar img:first-child {
  margin-right: 15px;
}





@media screen and (max-width: 1024px) {

  .property-img-gal-modal {
    margin: 20px;
    width: calc(100% - 40px);
  }
}

@media screen and (max-height: 900px) {
  .property-img-gal-modal {
    margin: 20px auto;
  }

}

@media screen and (max-width: 768px) {
  .img-modal-holder {
    padding-top: 50px;
  }
}

@media screen and (max-width: 576px) {
  .property-img-gal-modal {
    padding: 50px 10px 10px 10px;
  }

  .close-property-gallery {
    top: -15px;
    right: 11px;
  }
}

/* /property gallery modal */

.property-pagination {
  margin-top: 130px;
  display: flex;
  justify-content: center;
}

.page-count {
  padding: 0px 30px;
}

.page-count,
.current-page,
.total-pages {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.375em;
  text-align: center;
  color: #D2232A;
}

.property-count h3 {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: 1.4em;
  color: #D2232A;
  margin-bottom: 90px;
  text-transform: uppercase;
}

.property-count span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 16px;
  color: #999999;
  border: 2px solid #999;
  max-height: 24px;
  max-width: 24px;
  border-radius: 50vh;
  padding: 8px;
}

.properties-section {
  padding: 140px 130px 200px 0px;
}

.all-properties-table tr th {
  font-size: 20px;
  letter-spacing: 0.5px;
  line-height: .9em;
  padding-bottom: 16.5px;
  text-transform: uppercase;
}

.all-properties-table tr td {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 1.55em;
}

.all-properties-table .property-labels {
  border-bottom: 1px solid #7f7f7f;
}

.all-properties-table .property {
  border-bottom: 1px solid #D0CFCF;
}

.all-properties-table .property td {
  padding: 26px 0px;
  /* padding-right: 100px; */
  color: #000;
}

.all-properties-table .property td:last-child {
  color: #999;
}

.all-properties-table .property td:nth-child(6) {
  padding-left: 15px;
}

.all-properties-table .property td:nth-child(6) img {
  width: 14.5px;
  height: 19px;
}

.all-properties-table .property td:last-child {
  padding-right: 0px;
  text-align: right;
  position: relative;
}

.all-properties-table .property td:last-child span {
  border-bottom: 1px solid #7f7f7f;
}

.all-properties-table table {
  /* border-collapse: separate;
            border-spacing: 100px 1em; */
  width: 100%;
}

@media screen and (max-width:1200px) {
  .all-properties-table .property-labels {
    display: none;
  }

  .property-count {
    margin-bottom: 20px;
  }

  .property {
    position: relative;
  }

  .property td {
    display: flex;
    text-align: right;
  }

  .property td::before {
    content: "NULL";
    margin-right: auto;
    font-weight: 700;
  }

  .property td:nth-child(2)::before {
    content: "Property Type";
  }

  .property td:nth-child(3)::before {
    content: "Location";
  }

  .property td:nth-child(4)::before {
    content: "Region";
  }

  .property td:nth-child(5)::before {
    content: "GLA(M2)";
  }

  .all-properties-table .property td:nth-child(6) {
    padding-left: 0px;
  }

  .property td:nth-child(6)::before {
    content: "Map";
  }

  .property td:first-child {
    text-align: left;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: .5px;
    color: #999999;
  }

  .property td:first-child::before {
    display: none;
  }

  .all-properties-table .property td:last-child {
    position: absolute;
    top: 0px;
    right: 0px;
  }

  .all-properties-table .property td:last-child a::before,
  .all-properties-table .property td:last-child::before {
    display: none;
  }
}

@media screen and (max-width:768px) {
  .properties-section {
    padding-left: 30px;
  }

  .property-shedule-filter {
    display: flex !important;
    gap: 32px;
  }

  .property-shedule-filter .d-flex {
    width: 50%;
  }

  .property-shedule-filter .d-flex .textfield.dropper {
    width: 100%;
  }
}

@media screen and (max-width:576px) {
  .properties-section {
    padding-right: 30px;
  }

  .all-properties-table .property td {
    padding: 20px 0px;
  }

  .property-count h3 {
    margin-bottom: 40px;
  }
}

@media screen and (max-width:425px) {
  .all-properties-table .property td {
    font-size: 14px;
  }

  .property td::before {
    content: "NULL";
    margin-right: auto;
    font-weight: 700;
    font-size: 16px;
  }

  .property td:first-child {
    text-align: left;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: .5px;
    color: #999999;
  }
}

.upcoming-property-img {
  padding-right: 15px;
}

.upcoming-property-img img {
  position: relative;
  ;
  max-width: 100%;
  height: auto;
}

.property-img-list .slick-arrow {
  width: 40px;
  height: 10px;
  left: auto;
  top: 30px;
  right: 0px
}

.property-img-list .slick-arrow.slick-prev {
  right: 60px;
}

.property-img-list .slick-arrow.slick-prev:before {
  transform: rotate(0deg);
  width: 40px;
  left: 0px;
}

.property-img-list .slick-arrow.slick-next:before {
  transform: rotate(180deg);
  width: 40px;
  left: 0px;
}

.property-img-list .slick-arrow:after {
  display: none;
}

.property-img-list .slick-arrow:before {}

.property-img-list .slick-arrow:hover {
  opacity: 1;
}

.property-img-list .slick-arrow.slick-disabled {
  display: block !important;
  opacity: 0.3;
  pointer-events: none;
}

.property-img-list {
  margin-top: 19.5px;
  display: block;
  width: 100%;
  padding-right: 120px;
}

@media screen and (max-width:576px) {
  .property-img-list .slick-arrow {
    display: none !important;
  }

  .property-img-list {
    padding-right: 0px;
  }

  .current-property-name {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 3;
    background-color: #D2232A;
    color: #fff;
    transform-origin: left top;
    transform: rotate(90deg);
    padding: 5px 13px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1em;
    white-space: normal
  }
}

.list-icons {
  margin-left: auto;
  display: none;
}

.list-icons a {
  border: 1px solid black;
  width: 50px;
  height: 50px;
  opacity: 0.3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-icons a.over {
  opacity: 1;
}

.list-icons a:nth-of-type(1) {
  margin-right: 10px;
}

.proplink a {
  color: #D61D22;
}

.property-schedule-results .thumbnail-holder,
.event-results .thumbnail-holder {
  list-style: none;
  display: flex;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

.property-schedule-results .thumbnail-holder li,
.event-results .thumbnail-holder li {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 70px;
  flex: 1;
  margin-right: 10px;
  position: relative;
}

.property-schedule-results .thumbnail-holder li:nth-last-of-type(1),
.event-results .thumbnail-holder li:nth-last-of-type(1) {
  margin-right: 0px;
}

.property-schedule-results .thumbnail-holder li:nth-last-of-type(1):before,
.event-results .thumbnail-holder li:nth-last-of-type(1):before {
  content: attr(data-count);
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.upcoming-events-slider .slick-arrow {
  width: 40px;
  height: 10px;
  left: auto;
  top: calc(100% + 30px);
  right: 0px
}

.upcoming-events-slider .slick-arrow.slick-prev {
  right: 60px;
}

.upcoming-events-slider .slick-arrow.slick-prev:before {
  transform: rotate(0deg);
  width: 40px;
  left: 0px;
}

.upcoming-events-slider .slick-arrow.slick-next:before {
  transform: rotate(180deg);
  width: 40px;
  left: 0px;
}

.upcoming-events-slider .slick-arrow:after {
  display: none;
}

.upcoming-events-slider.slick-arrow:before {}

.upcoming-events-slider .slick-arrow:hover {
  opacity: 1;
}

.upcoming-events-slider .slick-arrow.slick-disabled {
  display: block !important;
  opacity: 0.3;
  pointer-events: none;
}

@media screen and (max-width:576px){
    .upcoming-events-slider .slick-arrow {transform: rotate(0deg);}
}

 /* upcoming-event-section */

        .upcoming-events-section-holder {background:url(../images/background-events.png) left top 140px no-repeat;}
        
        .upcoming-events-section { 
        }

        .upcoming-events-section h2 {
            font-size: 60px;
            letter-spacing: 0;
            line-height: 1.06em;
            color: #000;
            margin-bottom: 130px;
        }

        .upcoming-event-container>.row {
            padding-left:80px;
            padding-right: 60px;
        }

        .next-upcoming-event {
        }

        .next-upcoming-event-img-bx {
            position: relative;
        }

        .next-upcoming-event-img-bx,
        .next-upcoming-event-img-bx img {
            width: 100%;
        }

        .next-event-date {
            position: absolute;
            top: 0;
            left: 100%;
            z-index: 3;
            background-color: #D2232A;
            color: #fff;
            transform-origin: left top;
            transform: rotate(90deg);
            padding: 8px 20px 5px 20px;
            text-transform: uppercase;
            white-space: nowrap;
        }

        .next-upcoming-event-info {
            margin: 25px 0px 0px 30px;
            padding: 16px 25px;
            border-left: 2px solid #D2232A;
        }

        .next-upcoming-event-info h3 {
            font-size: 20px;
            letter-spacing: 0.5px;
            line-height: 0.9em;
            color: #000;
            margin-bottom: 22px;
            text-transform: uppercase;
        }

        .next-upcoming-event-info p {
            margin-bottom: 0px;
            font-size: 16px;
            letter-spacing: 0;
            line-height: 1.75em;
            max-width: 401px;
        }

        .next-upcoming-event-info p a {
            font-size: 16px;
            font-style: italic;
            font-weight: 600;
            letter-spacing: 0;
            line-height: 1.75em;
            color: #000;
        }

        .event-list-item {
            width:100%;
            display: flex;
            margin-bottom: 22px;
        }

        .upcoming-event-date {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            width: 138px;
            padding: 10px 30px;
            background-color: #68676D;
            color: #fff;
        }

        .upcoming-event-date p.upcoming-event-date-day {
            font-size: 60px;
            letter-spacing: 0;
            line-height: 1em;
            margin-bottom: 0px;
        }

        .upcoming-event-date p.upcoming-event-date-month {
            margin-bottom: 0px;
        }

        .upcoming-event-excerpt {
            background-color: #EBEBEC;
            padding: 21px 23px;
            flex-grow: 1;
        }

        .upcoming-event-excerpt h3 {
            font-size: 20px;
            letter-spacing: 0;
            line-height: 0.9em;
            color: #000;
            margin-bottom: 16.5px;
        }

        .upcoming-event-excerpt p {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 1.75em;
            margin-bottom: 0px;
        }
  
        .events-arrow {display:inline-flex;}
        .events-arrow:after {
          content: "\E806";
          font-family: "equites-icons";
          font-size: 14px;
          color: #D2232A;
        }
        .events-arrow.previous-events:after {transform:rotate(180deg);}
        .events-arrow.disabled:after {color:#D8D8D8;}
        .events-arrow.disabled {pointer-events:none;}

        @media screen and (max-width:1500px) {

            .upcoming-events-section {
            }

            .upcoming-events-section h2 {
                margin-left: 0px;
            }

            .upcoming-event-container>.row {
                padding-left:0px;
            }
        }
        
        @media screen and (max-width:1200px) {
            .upcoming-event-container>.row {padding-right: 0px;}
        }

        
        @media screen and (max-width:1150px) {
            .upcoming-event-container {
                flex-direction: column;
            }

            .next-upcoming-event {
                margin-bottom: 22px;
                margin-right: 0px;
            }
        }

        @media screen and (max-width:992px) {
           .upcoming-event-list {padding:0px 60px;} 
        }
        
        
        @media screen and (max-width:768px) {
            .upcoming-event-container {max-width:100%;}
            .upcoming-events-section-holder {background-size:100% auto;background-position:left 60px;}
            
            .upcoming-events-section h2 {
                font-size: 40px;
            }

            .event-list-item {
                width: 100%;
            }
            
            
        }

        @media screen and (max-width:576px) {
            .upcoming-events-section h2 {
                font-size: 30px;
                margin-bottom: 60px;
            }

            .upcoming-event-date {
                padding: 10px 20px;
            }

            .upcoming-event-excerpt {
                padding: 15px;
            }
            
            .upcoming-event-list {
                padding: 0px 15px;
            }
        }

        @media screen and (max-width: 415px) {
            .upcoming-event-excerpt h3 {
                margin-bottom: 8px;
            }
        }



        /* /upcoming-event-section */

        .event-filter .searchFieldHolder button {
            left: auto;
            right: 0px;
            width: 20px;
            height: 20px;
            opacity: 0.3;
            top: 50%;
            transform: translateY(-50%);
        }

        .event-filter .textfield.search {
            padding-left: 0px;
            color: #000;
            border-bottom: 1px solid rgba(0, 0, 0, 0.2);
        }

        .event-filter .textfield.dropper {
            display: flex;
            align-items: center;
            color: #000;
        }

        .event-card-section {
            padding-top: 140px;
        }

        .event-filter .searchFieldHolder {
            width: 100%;
        }

        .event-filter .searchFieldHolder .textfield {
            width: 100%;
        }

        .event-results .event-summary {
            color: #999999;
            margin-top: 40px;
        }

        .event-card-section h2 {
            margin-bottom: 90px;
            font-size: 20px;
            letter-spacing: 0.5px;
            line-height: 1.4em;
            color: #d2232a;
            text-transform:uppercase;
        }

        .all-event-cards {
            display: flex;
            flex-wrap: wrap;
            margin-left: -25px;
            margin-right: -25px;
        }

        .event-card {
            border-top: 2px solid #d2232a;
            padding-top: 64.5px;
            margin: 0px 25px;
            margin-bottom: 130px;
            width: 401px;
        }

        .event-card h3 {
            font-size: 20px;
            letter-spacing: 0.5px;
            line-height: 0.9em;
            color: #000;
            margin-bottom: 16.5px;
        }

        .event-card .date {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 1.75em;
        }

        .event-current-img-bx {
            height: 401px;
            width: 100%;
            background-color: #d8d8d8;
        }

        .other-event-imgs {
            margin-top: 15px;
            display: flex;
        }

        .next-event-img-bx {
            height: 71px;
            background-color: #d8d8d8;
            margin-right: 15px;
            width: calc(100% / 4);
        }

        .next-event-img-bx:last-child {
            margin-right: 0px;
        }

        .event-pagination {
            display: flex;
            justify-content: center;
        }

        .page-count {
            padding: 0px 30px;
        }

        .page-count,
        .current-page,
        .total-pages {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 1.375em;
            text-align: center;
            color: #D2232A;
        }
        
        .propertyDevelopments.listEvents {min-height:none;}

        @media screen and (max-width:1500px) {
            .event-results .propertySnippet.propertySnippetShort .box {
                min-height: 300px;
                height: 300px;
            }

            .event-results .thumbnail-holder li {
                min-height: 50px;
            }
        }
        
        @media screen and (max-width:576px) {
            .event-card-section {padding-top: 60px;}
            .event-card-section h2 {margin-bottom:40px;}
        }
    
        .events-img-gal-modal .gallery {
            max-width: 60%
        }
        .property-img-gal-modal.events-img-gal-modal {max-width: 1400px;}
           
        
        .modal-flex-container {
            display: flex;
        }

        .modal-flex-container .gallery {
            max-width: 70%;
        }

        .modal-flex-container .modal-content-bx {
            width: 30%;
            margin-left: 40px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
   
        .modal-txt-content {
            padding-top: 60px;
            border-top: 2px solid #d2232a;
            margin:auto 0px;
        }
        
        
        .modal-txt-content h3 {
            font-size: 20px;
            letter-spacing: 0.5px;
            line-height: 0.9em;
            color: #000;
            margin-bottom: 16.5px;
            text-transform: uppercase;
        }

        .modal-txt-content .modal-txt-date {
            font-size: 16px;
            letter-spacing: 0;
            line-height: 1.75em;
            color: #000;
            display:inline-flex;
            align-items: center;
        }
        .modal-txt-content .modal-txt-date:before {
            content:"";
            border:1px solid #000;
            height:0px;width:40px;margin-right:18px;
        }

        .modal-content-bx .back-to-events-btn {
            width: 213px;
            height: 50px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(0,0,0,0.4);
            color: #000;
            font-size: 16px;
            letter-spacing: 1.33px;
            line-height: 1.5em;
            text-transform: uppercase;
            align-self: end;
        }
        @media screen and (max-width:880px){
            .modal-flex-container {flex-direction:column-reverse;} 
            .modal-flex-container .gallery {width:100%;max-width:100%;}
            .modal-flex-container .modal-content-bx {width:100%;margin-left:0px;margin-bottom:60px;}
        }
.previous-properties.disabled, .next-properties.disabled {opacity:0.3;pointer-events: none;}