/*VIDEO MP4 STAND*/
.video-container-stand {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

.video-container-stand:hover::after {
  opacity: 0;
  transition: 0.2s ease;
}

.video-container-stand:hover::before {
  transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1);
  transition: 0.2s ease;
  transform-origin: center;
}

.video-container-stand:before {
  content: "";
  z-index: 1;
  width: 140px;
  transform-origin: center;
  height: 140px;
  display: block;
  position: absolute;
  background-image: url("../../images/icon-play.png");
  left: 50%;
  top: 50%;
  background-size: contain;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: 0.2s ease;
}

.video-container-stand::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  transition: 0.2s ease;
  z-index: 0;
  background-color: #0000000d;
  position: absolute;
  pointer-events: none;
  top: 0;
}


.video-container-stand.activeCover:before {
  opacity: 0;
  transition: 1s ease;
  pointer-events: none;
}

.video-container-stand.activeCover .video-cover-stand {
  opacity: 0;
  transition: 1s ease;
  pointer-events: none;
}

.video-container-stand .video-cover-stand {
  border-radius: 10px;
  overflow: hidden;
  opacity: 1;
  cursor: pointer;
}

.video-stand {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: -1;
}

.video-stand.zIndex {
  z-index: 1;
}

.video-stand video {
  width: 100%;
  height: auto;
}



@media (max-width:768px) {
  .video-container-stand:before {
    width: 100px;
    height: 100px;
  }
}



/*-----------------*/


.rocket-chat-container .block- {
  display: flex;
}

.rocket-chat-container .view-header {
  background: #1396d3;
  border-radius: 13px 13px 0px 0px;
  color: #fff;
  padding: 1rem 1rem 2rem 2rem;
}

.rocket-chat-container .visitors h1 {
  color: #fff;
}

.carousel .tooltip {
  position: absolute;
  opacity: 0;
}

.rocket-chat-container .visitors .person {
  position: relative;
  width: 36%;
  margin: 6px 14px 6px 47px;
}

#rocket-chat {
  padding: 0rem 1rem;
}

.rocket-chat-container .block->iframe,
.rocket-chat-container .block->div {
  width: 50%;
}

.rocket-chat-container .block->div {
  display: flex;
  justify-content: center;
}

.rocket-chat-container .block- div.visitors {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: -3px;
  position: relative;
}

.rocket-chat-container .person {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin: 0px 14px;
}

.rocket-chat-container .person h1,
.rocket-chat-container .person h2,
.rocket-chat-container .person p {
  color: #fff;
}

#chat_users:before {
  font-family: "Montserrat";
  font-weight: 300;
  color: #fff;
  font-size: 2.875rem;
}

.rocket-chat-container .visitors .person {}

.rocket-chat-container .person .tooltip {
  font-weight: 400;
  color: #fff;
  font-family: "Titillium Web";
  font-size: 0.85rem;
  margin: 5px 0px;
}

.rocket-chat-container .person h2 {
  font-weight: 600;
  color: #fff;
  font-family: "Montserrat";
  font-size: 1.2rem;
}

.rocket-chat-container .person p {
  font-weight: 400;
  color: #fff;
  font-family: "Montserrat";
  font-size: 0.8rem;
}

.rocket-chat-container .visitors h1 {
  font-weight: 400;
  color: #fff;
  font-family: "Montserrat";
  font-size: 1.2rem;
  border-top: 1px solid #ffffff5c;
  padding-top: 18px;
}

.rocket-chat-container .visitors span {
  font-weight: 600;
  color: #fff;
  font-family: "Montserrat";
  font-size: 1.8rem;
}

.rocket-chat-container .person h2 {
  margin-bottom: 1px;
  margin-top: 10px;
}

.rocket-chat-container .img {
  width: 100%;
  height: 100px;
  border-radius: 100px;
  overflow: hidden;
  position: relative;
}

.rocket-chat-container .img img {


  overflow: hidden;
  margin: 0px auto;
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

#chat_users {
  position: relative
}

#chat_users:before {
  content: "Now at virtual desk";
  position: absolute;
  top: -100px;
  left: 10px;
}

#chat_users .virtual-desk {
  width: 80%;
}

#chat_users .virtual-desk>div {
  display: flex;
  justify-content: center;
  /* flex-direction: column; */
}

#chat_users {
  background: #1396d3;
  border-radius: 0px 0px 13px 0px;
}

#chat_users .visitors .carousel {
  position: relative;
  max-height: 233px;
  overflow: hidden;
}

#chat_users .visitors .carousel .img-container {
  /* display:none; */
  width: 29px;
  height: 29px;
  border-radius: 20px;
  position: absolute;
  left: -40px;
}

#chat_users .visitors .carousel .img-container img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.carousel .tooltip {
  position: relative;
  opacity: 1;
}

@media (max-width:1200px) {
  #chat_users {
    display: none;
  }

  .rocket-chat-container .block->iframe,
  .rocket-chat-container .block->div {
    width: 100%;
  }
}


/*
-----------------------
*/

.youtube-container-stand,
.video-container-stand {
  margin: 1.5rem 0rem;
}

.page-node-type-stand nav.tabs {
  display: none;
}

.page-node-type-stand {
  background: #DDE6EF;
}

.page-node-type-stand .hide {
  display: none;
}

.page-node-type-product .card,
.page-node-type-stand .card {
  width: 100%;
}

.page-node-type-stand .box-container .row>div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page-node-type-stand .page-header {
  display: none;
}

.page-node-type-stand .main-container {
  background: transparent;
}

/*info */
.view-display-id-exhibitor_info {
  background: #fff;
}

.field--type-image .field--item:before {
  content: "";
  background: url("../../src/images/sprites-e-con.png");
  width: 43px;
  height: 43px;
  position: relative;
  display: block;
  background-position: 0px -70px;
  background-size: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 10px);
}

.field--type-image .field--item img {
  width: 334px;
  height: 195px;
}

.page-node-type-stand .accrodion {
  float: none;
  margin: 0rem;
  overflow: hidden;
  padding: 0;
}

.e-card {
  display: flex;
  flex-direction: row-reverse;
}

.box-container .position {
  margin: 1rem 0rem 1rem 0rem;
  padding-left: 3rem;
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 18px;
}

.page-node-type-stand .btn-accordion.label {
  margin-top: 21px;
}

.box-container .position:before {
  content: "";
  background: url("../../src/images/sprites-e-con.png");
  width: 43px;
  height: 43px;
  position: relative;
  display: block;
  background-position: -44px -69px;
  background-size: 500px;
  position: absolute;
  left: 0px;
  top: 7px;
}

.box-container .row {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.box-container #accordion-description {
  float: none;
  padding: 2rem 3rem;
}

.box-container .card {
  margin: 0;
}

.box-container .card h2 {
  margin: 3rem 0rem 2rem 0rem;
}

.box-container .position p {
  border-radius: 13px;
}

.box-container .position span {
  display: block;
}

.box-container .logo {
  display: flex;
  justify-content: center;
  margin-top: 5rem;
}

.box-container .logo>div {
  width: 100%;
}

.box-container .logo a {
  width: 100%;
  height: auto;
  display: block;
  margin: 0px auto;
  max-width: 390px;
  min-height: 230px;
}

.box-container .logo img {
  display: block;
  max-width: 80%;
  height: auto;
  margin: 0px auto;
}


/*
VIDEO
*/
.page-node-type-stand iframe {
  width: 100%;
  height: 640px;
  transform: translateX(-50%);
  border-radius: 10px;
  left: 50%;
  position: relative;
}

@media (max-width:1170px) {
  .page-node-type-stand iframe {
    width: 100vw - 30px;
    height: calc((100vw - 30px) / 1.77);
  }
}





/*
PRODOTTI
*/

.view-display-id-exhibitor_products {
  background: #fff;
}

.page-node-type-stand .title-product {
  display: none;
}



.view-display-id-exhibitor_products .view-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.view-display-id-exhibitor_products .views-row {
  flex-basis: 33.3%;
  margin: 2rem 0rem 1rem 0rem;
}

.view-display-id-exhibitor_products .thumb.bg-img:empty {
  background-color: #f1f1f1 !important;
}

.view-display-id-exhibitor_products .thumb {
  width: 210px;
  height: 210px;
  overflow: hidden;
  border-radius: 210px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto 1rem auto;
}

.view-display-id-exhibitor_products a:hover img {
  transform: scale3d(1.2, 1.2, 1.2);
  transform-origin: center;
  transition: 0.8s ease;
}

.view-display-id-exhibitor_products .thumb img {
  height: 100%;
  transition: 0.8s ease;
}



/*
MEDIA
*/
.media {
  overflow: visible;
  background: #DDE6EF;
  padding: 1rem 0rem;
}

.media .section-title {
  text-align: center;
}

.media .field--name-field-stand-video>.field--item {
  width: 334px;
  height: 267px;
  position: relative;
  display: inline-block;
  border-radius: 0px;
  margin: 1rem;
}

.media .field--name-field-video-cover {
  width: 334px;
  height: 195px;
  box-shadow: 0px 10px 13px -7px #0000005d;
  border-radius: 7px;
  overflow: hidden;
}

.media .field--name-field-stand-video {
  display: flex;
  flex-direction: revert;
  justify-content: center;
  flex-wrap: wrap;
}

.media .field--name-field-stand-video a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  font-size: 0;
  z-index: 1;
}

.media .field--name-field-stand-video>.field--item img {
  height: 100%;
  transition: 0.8s ease;
  transition: 5s ease-out;
}

.media .field--name-field-stand-video>.field--item:hover img {
  transform: scale3d(1.2, 1.2, 1.2);
  transform-origin: center;
  transition: 5s ease-out;
}

.field--name-field-video-cover:before {
  pointer-events: none;
  content: "";
  background: url(../../src/images/sprites-e-con.png);
  width: 43px;
  height: 43px;
  position: relative;
  display: block;
  background-position: 0px -69px;
  background-size: 500px;
  position: absolute;
  left: 50%;
  top: 77px;
  z-index: 9;
  transform: translateX(-50%);
}



/*
SERVICES
*/
.view-stand-blocks-exhibitor-services.hide {
  display: none;
}

.attachment-after .view-stand-blocks-exhibitor-services .views-row {
  margin: 2rem 0rem 0rem 2rem;
  position: relative;
}

.attachment-after .view-stand-blocks-exhibitor-services .views-row .views-field-title:empty:before {
  display: none;
}

.attachment-after .view-stand-blocks-exhibitor-services .views-row .views-field-title::before {
  content: "";
  background-color: #589ebe;
  width: 23px;
  height: 23px;
  border-radius: 6px;
  display: block;
  position: absolute;
  left: -49px;
  top: 4px;
  transform: rotate(45deg);
}

.view-stand-blocks-exhibitor-services .view-header {
  margin-bottom: 2rem;
}

.view-stand-blocks-exhibitor-services .list {
  margin: 2rem 0rem;
  max-width: 80%;
}

.paragraph--type--service {
  margin: 1rem 0rem;
}

.view-stand-blocks-exhibitor-services .field--name-field-service-name {
  margin: 1rem 0rem;
}

.view-stand-blocks-exhibitor-services .views-field-field-servicedetail-description {
  margin-top: 0.5rem;
}

.view-stand-blocks-exhibitor-services {
  background: #136E98 url(./../src/images/pattern-triangles.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

/*
resources
*/
.resources {
  background: var(--darkblue) url(./../src/images/pattern-squares.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  margin: 0px auto;
}

.box-resource {
  width: 100%;
  margin: 1rem 2rem;
}

.resources>div {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.box-resource div {
  display: flex;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.resources .file-link {
  background: transparent;
}

.resources .section-title {
  color: var(--blue);
  text-align: center;
}

.resources .field--item {
  border: 0;
  padding: 0;
  margin: 0;
}

.resources .field--item a {
  width: auto;
  height: auto;
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  margin: 0px 13px;
  padding: 0 1rem;
}

.resources .file-link {
  position: relative;
  margin: 1rem 0;
  display: block;
}

.resources .file-link::before {
  content: "";
  background: url(../../src/images/sprites-e-con.png);
  width: 136px;
  height: 135px;
  position: relative;
  display: block;
  background-position: 0px -114px;
  background-size: 500px;
  position: relative;
  left: 50%;
  bottom: 12px;
  z-index: 9;
  transform: translateX(-50%);
}

.resources .file-icon {
  display: none;
}

.resources a:hover {
  text-decoration: none;
  color: #fff;
  transition: 0.2s ease;
}

/*looking-for*/
.looking-for {
  width: 100%;
  background: var(--darkblue) url(./../src/images/pattern-triangles.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
  min-height: 430px;
}

.looking-for .field--name-field-stand-looking-for:empty {
  display: none;
}

.looking-for .field--name-field-stand-looking-for {
  max-width: 650px;
  position: relative;
  margin-top: 3rem;
}

.looking-for .field--name-field-stand-looking-for:after {
  content: "";
  background: url(../../src/images/sprites-e-con.png);
  width: 204px;
  height: 214px;
  position: relative;
  display: block;
  background-position: -296px 7px;
  background-size: 500px;
  position: absolute;
  top: 0;
  right: -270px;
}

.looking-for .field--name-field-stand-looking-for-title {
  margin-bottom: 5rem;
}

.looking-for .field--name-field-stand-looking-for-title div {
  margin: 2rem 0rem;
}

.looking-for .field--name-field-stand-looking-for-title .field--item {
  padding-left: 100px;
  max-width: 650px;
  position: relative;
}

.looking-for .field--name-field-stand-looking-for-title .field--item:before {
  content: "";
  background: url(../../src/images/sprites-e-con.png);
  width: 31px;
  height: 25px;
  position: relative;
  display: block;
  background-position: -146px -191px;
  background-size: 500px;
  position: absolute;
  top: 7px;
  left: 48px;
}


/*contacts*/
.view-stand-blocks-exhibitor-contact {
  background: #fff;
}

.view-stand-blocks-exhibitor-contact p {
  margin: 1rem 0rem;
}

.view-stand-blocks-exhibitor-contact a {
  margin: 1rem 0rem;
}

.view-stand-blocks-exhibitor-contact .social span {
  display: inline-block;
  width: 36px;
  height: 36px;
  transition: 0.2s ease;
  position: relative;
  margin: 0rem 0.2rem;
}

.view-stand-blocks-exhibitor-contact .social span a {
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.view-stand-blocks-exhibitor-contact .social span:empty {
  display: none;
}

.social span:hover a:before {
  opacity: 0.8;
  transition: 0.2s ease;
}

.social span.instagram a:before {
  background-position: -205px -72px;
}

.social span.linkedin a:before {
  background-position: -92px -72px;
}

.social span.twitter a:before {
  background-position: -130px -72px;
}

.social span.facebook a:before {
  background-position: -167px -72px;
}

.social span.youtube a:before {
  background-position: -205px -361px;
}



/*
EXPERTS
*/

.view-stand-blocks-exhibitor-agents .person-card .buttons {
  justify-content: flex-end;
  margin-top: 0rem;
}

.view-stand-blocks-exhibitor-agents .person-card {
  margin-left: 20px;
}

.view-stand-blocks-exhibitor-agents {
  background: #10205B;
}

.person-card {
  display: flex;
  border-bottom: 1px solid #ffffff26;
  padding: 2.5rem 0rem 1rem 0rem;
  align-items: center;
}

.person-card .image.placeholder-img {
  margin-right: 20px;
}

.person-card .info {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.person-card .btn.btn-icon-left {
  padding: 1rem 1.5rem 1rem 4rem;
}

.person-card .btn-icon-left:before {
  left: 23px;
  background-position: -100px -317px;
}

.person-card .btn-icon-left.book-icon:before {
  background-position: -68px -288px;
}

.view-stand-blocks-exhibitor-agents .image.bg-img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  max-width: 100px;
  min-width: 100px;
  padding: 50px;
}

.person-card .buttons span,
.person-card .buttons a {
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
}

.person-card .buttons {
  min-width: 407px;
}

.person-card .metadata {
  display: flex;
  flex-direction: column;
  justify-content: center;
}



/*ROCKET CHAT*/
.rocket-chat-container iframe {
  border-radius: 0px 0px 0px 11px;
  border: 0px;
}


@media (max-width:992px) {
  .view-stand-blocks-exhibitor-agents .image.bg-img {}

  .box-container .category {
    margin-top: 1rem;
  }

  .view-stand-blocks-exhibitor-agents .image.bg-img {}

  .looking-for .field--name-field-stand-looking-for:after {
    display: none;
  }

  .looking-for .field--name-field-stand-looking-for {
    max-width: none;
  }

  .box-container .row {
    display: flex;
    flex-direction: column-reverse;
    align-items: stretch;
  }

  .box-container .logo {
    margin-top: 2rem;
  }

  .box-container .logo img {
    width: 50%;
    margin: 0rem auto 2rem auto;
  }

  .view-display-id-exhibitor_products .view-content {
    display: block;
  }

  .media .field--name-field-stand-video {
    display: flex;
    align-items: center;
  }

  .resources>div {
    flex-direction: column;
    align-items: center;
  }

  .box-resource {
    margin: 0rem;
  }

  .resources .field--item a {
    word-break: keep-all;
  }

  .person-card .info {
    margin-left: 20px;
    flex-direction: column;
  }

  .view-stand-blocks-exhibitor-agents .person-card .buttons {
    justify-content: unset;
    margin-top: 0rem;
  }

  .view-stand-blocks-exhibitor-agents .person-card .buttons {
    margin-top: 2rem;
  }

  .view-stand-blocks-exhibitor-agents .person-card .buttons a {
    top: auto;
    transform: none;
  }

  .person-card .buttons {
    margin-top: 2rem;
  }
}


@media (max-width:768px) {
  .box-container .logo {
    margin-top: 0rem;
  }
}


@media (max-width:576px) {

  .box-container #accordion-description {
    float: none;
    padding: 1rem;
  }

  .view-id-stand_blocks_exhibitor_services .view-id-stand_blocks_exhibitor_services {
    padding: 2rem 0.5rem;
  }

  .person-card .info {
    margin-left: 0px;
  }

  .attachment-after .view-stand-blocks-exhibitor-services .views-row {
    margin: 2rem 0rem 0rem 0rem;
    position: relative;
  }

  .attachment-after .view-stand-blocks-exhibitor-services .views-row .views-field-title::before {
    left: -26px;
    transform: rotate(45deg) scale(0.5);
  }

  .page-node-type-stand .no-favorite.btn,
  .page-node-type-stand .favorite.btn {
    bottom: 5px;
    left: 0;
  }

  .person-card .image.placeholder-img {
    margin: 0px auto;
    margin-bottom: 10px;
  }

  .view-stand-blocks-exhibitor-agents .image.bg-img {
    margin-bottom: 20px;
  }

  .person-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .person-card .metadata {
    margin: 0px 0px 51px 0px;
    text-align: center;
  }

  .view-stand-blocks-exhibitor-agents .person-card {
    margin-left: 0px;
  }

  .person-card .buttons {
    display: flex;
    margin-top: 61px;
    flex-direction: column;
    min-width: auto;
  }

  .person-card .buttons span {
    margin-bottom: 1rem;
  }

  .looking-for .field--name-field-stand-looking-for-title .field--item {
    padding-left: 42px;
    position: relative;
  }

  .looking-for .field--name-field-stand-looking-for-title .field--item:before {
    left: -2px;
    transform: scale(0.8);
  }

}