.viewAll {
  padding: 2em 0;
}
.viewAll .mainResult {
  width: 69%;
}
.viewAll .aside {
  width: 29%;
}
.viewAll .titleSection {
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid rgba(100,100,100,0.3);
}
.viewAll .titleSection .title {
  font-size: 1.6em;
}
.viewAll .request {
  color: #fff;
  background-color: #ff6700;
  width: 100%;
  text-decoration: none;
  display: block;
  margin-bottom: 1.5em;
}
.about-contact-subtitle {
  font-size: 1.3em;
  color: #b4b4b4;
  padding-bottom: 0.2em;
  margin-bottom: 0.8em;
  border-bottom: 1px solid rgba(100,100,100,0.3);
  margin-top: 0.4em;
  text-decoration: none;
}
.about-contact-subtitle a {
  text-decoration: none;
  color: #b4b4b4;
}
.about-contact {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.about-contact .tel {
  width: 50%;
  font-size: 1.1em;
  font-weight: 300;
}
.about-contact .about-mail {
  font-weight: 300;
  font-size: 1.1em;
  color: #ff6700;
  text-decoration: none;
  margin-top: 0.5em;
}
.broadcaster-text {
  font-size: 1em;
  line-height: 1.2em;
  font-weight: 300;
}
.broadcaster-text a {
  color: #ff6700;
  text-decoration: none;
  font-weight: bold;
}
.broadcaster-text .ghost {
  opacity: 0.6;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.about .mainResult .about-sections {
  margin-bottom: 3em;
}
.about-others-broadcasters {
  display: flex;
  justify-content: spacce-between;
  align-items: start;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.about-others-broadcasters .detail-info-others {
  width: 33.333%;
  padding: 1em 1em;
  box-sizing: border-box;
  margin-bottom: 1.5em;
}
.about-others-broadcasters .detail-info-others a {
  text-decoration: none;
  display: block;
}
.about-others-broadcasters .detail-info-others .title {
  color: #969696;
  font-size: 1.3em;
  text-transform: uppercase;
  font-weight: 300;
  margin-top: 1em;
}
.about-others-broadcasters .detail-info-others .title .color {
  color: #ff6700;
}
.about-others-broadcasters .detail-info-others .subti {
  color: #969696;
  font-size: 1.1em;
  font-weight: 200;
}
.about-others-broadcasters .detail-info-others .detail-info-img {
  width: 100%;
  height: 120px;
  overflow: hidden;
}
.about-others-broadcasters .detail-info-others .detail-info-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.faq .broadcaster-text {
  color: #808080;
}
.faq .faqQuestion {
  transition: all 420ms;
}
.faq .faqQuestion .facTitle {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  width: 100%;
  margin-top: 1em;
  transition: all 420ms;
}
.faq .faqQuestion .facTitle .title {
  font-size: 1em;
  margin-left: 1em;
  user-select: none;
}
.faq .faqQuestion .facTitle::-webkit-details-marker {
  display: none;
}
.faq .faqQuestion .facTitle:before {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 1em;
  content: '\0203A'; /* the new icon */
  color: #808080;
  transform: rotate(90deg);
  width: 1em;
  height: 1em;
  border: 2px solid #808080;
  transition: all 420 ms;
  border-radius: 50%;
}
.faq .faqQuestion .answer {
  padding-left: 2em;
}
.faq .faqQuestion[open] .facTitle:before {
  transform: rotate(-90deg);
  transition: all 420ms;
}
.faq .faqQuestion[open] .answer {
  transition: all 420ms;
}
.contact .titleContact {
  font-size: 1.5em;
  font-weight: bold;
  color: #323232;
  margin-bottom: 0.5em;
}
.contact .broadcaster-text {
  color: #323232;
  font-size: 1em;
  margin-bottom: 0.5em;
}
.contact .broadcaster-text.link {
  margin-bottom: 1em;
  color: #ff6700;
  text-decoration: none;
  display: block;
}
.contact .broadcaster-text.address {
  font-size: 1.4em;
  line-height: 1.4em;
  margin-bottom: 2em;
}
.contact .img-map {
  flex-wrap: wrap;
}
.contact .img-map iframe,
.contact .img-map .buildImg {
  height: 350px;
}
.contact .img-map .buildImg {
  width: 48%;
  object-fit: cover;
}
.contact .img-map iframe {
  width: 50%;
}
.contact .img-map .moreMap {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: row;
  margin-top: 1em;
}
.contact .img-map .moreMap .broadcaster-text {
  font-weight: bold;
  text-decoration: none;
  color: #454545;
  opacity: 0.8;
}
.contact aside {
  position: stiky;
}
.contact aside .about-contact {
  margin-bottom: 2em;
}
.contact aside .titleSection {
  margin-top: 2em;
}
.contact aside .titleSection .title {
  color: #454545;
  opacity: 0.8;
}
.viewAll .selectionList .selectionItem {
  margin-bottom: 2em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-areas: 'selectionData selectionData selectionImg selectionImg' 'descriptionContainer descriptionContainer selectionImg selectionImg' 'descriptionContainer descriptionContainer selectionImg selectionImg';
}
.viewAll .selectionList .selectionItem .selectionData {
  grid-area: selectionData;
  padding-bottom: 1em;
}
.viewAll .selectionList .selectionItem .selectionData .titleSection.name {
  border-bottom: none;
  margin-bottom: 0;
}
.viewAll .selectionList .selectionItem .selectionData .titleSection.name .title {
  font-weight: 300;
  color: #808080;
}
.viewAll .selectionList .selectionItem .selectionData .titleSection.name .title .color {
  color: #ff6700;
}
.viewAll .selectionList .selectionItem .selectionData .broadcaster-subtitle {
  font-size: 1em;
  color: #454545;
  opacity: 0.5;
  margin-bottom: 0.5em;
}
.viewAll .selectionList .selectionItem .descriptionContainer {
  border-bottom: 1px solid rgba(100,100,100,0.3);
  grid-area: descriptionContainer;
}
.viewAll .selectionList .selectionItem .descriptionContainer .broadcaster-text .broadcaster-option {
  display: block;
  margin-top: 1em;
}
.viewAll .selectionList .selectionItem .optionsFooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.viewAll .selectionList .selectionItem .optionsFooter .broadcaster-remove {
  font-weight: 900;
  color: #ff6700;
  background-color: transparent;
  padding: 0;
  margin-top: 1em;
  text-decoration: none;
}
.viewAll .selectionList .selectionItem .optionsFooter .broadcaster-remove span {
  font-weight: bold;
  font-size: 1em;
}
.viewAll .selectionList .selectionItem .selectionImg {
  grid-area: selectionImg;
}
.selection .request.only-mobile {
  display: none;
}
.selection .headSelection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  border-bottom: 1px solid rgba(100,100,100,0.3);
  padding: 0.5em 0;
  margin-bottom: 2em;
}
.selection .headSelection .titleSection {
  border-bottom: none;
  padding: 0;
  margin: 0;
}
.selection .headSelection button {
  background-color: transparent;
  color: #454545;
  padding: 0;
  font-size: 1.4em;
  font-weight: bold;
  opacity: 0.6;
}
.selection .aside .btnSendSelection {
  padding-top: 0.5em;
}
.selection .aside .btnSendSelection button {
  color: #454545;
  padding: 0.1em;
  width: 100%;
  font-size: 1.1em;
  white-space: nowrap;
  font-weight: bold;
  opacity: 0.9;
  background-color: transparent;
}
.selection .aside .requesForm {
  width: 100%;
  padding: 2em 1em;
  background: rgba(200,200,200,0.4);
  box-sizing: border-box;
}
.selection .aside .requesForm form,
.selection .aside .requesForm form input,
.selection .aside .requesForm form textarea {
  width: 100%;
}
.selection .aside .requesForm form input,
.selection .aside .requesForm .request-text {
  outline: none;
  border: none;
  margin-bottom: 1em;
  font-size: 1.2em;
  padding: 0.5em;
  box-sizing: border-box;
}
.selection .aside .requesForm form .request-subtitle {
  font-weight: 300;
  font-size: 1.2em;
  margin-bottom: 0.5em;
  display: block;
}
.selection .aside .requesForm form .request-text {
  height: 180px;
}
.catalogue .container .resultFilters {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.catalogue .container .resultFilters.only-mobile {
  display: none;
}
.catalogue .container .resultFilters .resultFilterOption {
  padding: 0.5em 0;
  background: transparent;
  font-size: 0.8em;
  font-weight: 900;
  color: #454545;
}
.catalogue .container .resultFilters .resultFilterOption.ghost {
  opacity: 0.6;
}
.catalogue .mainResult .selectionList {
  margin-top: 2em;
}
.catalogue .mainResult .results-page {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
}
.catalogue .mainResult .results-page p {
  font-size: 1.2em;
  color: #454545;
  margin-right: 1em;
}
.catalogue .mainResult .results-page .arrowPage {
  font-size: 3em;
  text-decoration: none;
  color: #808080;
  margin-right: 0.3em;
}
.catalogue .mainResult .results-page .arrowPage span {
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  text-align: center;
  display: block;
  font-size: 0.5em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 2px solid #808080;
}
.catalogue .mainResult .results-page .arrowPage.disabled {
  pointer-events: none;
}
.catalogue .mainResult .results-page .arrowPage.disabled span {
  opacity: 0.5;
}
.catalogue .aside .categoryDetails {
  margin-bottom: 0.5em;
}
.catalogue .aside .categoryDetails summary {
  width: 100%;
  position: relative;
  font-size: 1.4em;
  box-sizing: border-box;
  text-transform: uppercase;
  padding-left: 1.5em;
  transition: all 420ms;
}
.catalogue .aside .categoryDetails summary::-webkit-details-marker {
  display: none;
  transition: all 420ms;
}
.catalogue .aside .categoryDetails summary:before {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 0.8em;
  content: '\0203A'; /* the new icon */
  color: #454545;
  width: 1em;
  height: 1em;
  border: 2px solid #454545;
  border-radius: 50%;
  transform: scale(0.8) rotate(-90deg);
  position: absolute;
  left: 0;
  transition: all 420ms;
}
.catalogue .aside .categoryDetails[open] summary {
  color: #ff6700;
}
.catalogue .aside .categoryDetails[open] summary:before {
  transform: scale(0.8) rotate(90deg);
  transition: all 420ms;
}
.catalogue .aside .category_list {
  margin: 1em 0;
}
.catalogue .aside .category_list .category_item {
  border-bottom: 1px solid rgba(100,100,100,0.3);
  color: #ff6700;
  font-weight: 100;
  margin-bottom: 0.5em;
}
.catalogue .aside .category_list .category_item:last-child {
  border-bottom: none;
  margin-bottom: 3em;
}
.catalogue .aside .category_list .category_item button {
  padding: 0.2em 0;
  background-color: transparent;
  color: #ff6700;
  font-weight: 200;
}
.catalogue .aside .category_list .category_item.all {
  font-weight: 200;
}
.catalogue .aside .category_list .category_item.all button {
  color: #323232;
}
.viewAll.detailView .detail-others-broadcasters {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  width: 100%;
}
.viewAll.detailView .dataArea,
.viewAll.detailView .relatedArea {
  width: 69%;
  display: inline-block;
}
.viewAll.detailView .mediaArea,
.viewAll.detailView .endArea {
  width: 29%;
  float: right;
  clear: both;
}
.viewAll.detailView .dataArea {
  margin-bottom: 2em;
}
.viewAll.detailView .dataArea .headData {
  display: flex;
  position: relative;
}
.viewAll.detailView .dataArea .headData .nameContainer {
  float: left;
}
.viewAll.detailView .dataArea .headData .nameContainer .textData {
  font-size: 5em;
  color: #454545;
  font-weight: 200;
}
.viewAll.detailView .dataArea .headData .nameContainer .textData.last {
  color: #ff6700;
}
.viewAll.detailView .dataArea .headData .detail-info-pic {
  width: 80%;
  float: right;
/* object-fit: cover;
            position: absolute;
            right: 0;
            top: 0; */
}
.viewAll.detailView .dataArea .detailsOptions {
  padding: 0.5em 0;
}
.viewAll.detailView .dataArea .detailsOptions .detailButton {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
  font-weight: 900;
  font-size: subtitleSiz -0.1em;
  color: #ff6700;
  margin-right: 2em;
}
.viewAll.detailView .dataArea .broadcaster-text {
  line-height: 1.2em;
  margin-bottom: 1em;
}
.viewAll.detailView .dataArea .broadcaster-text .color {
  color: #ff6700;
}
.viewAll.detailView .dataArea .broadcaster-text.max {
  font-size: 1.32em;
  line-height: 1.33em;
}
.viewAll.detailView .mediaArea .mediaItem {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: 2em;
}
.viewAll.detailView .mediaArea .mediaItem:last-child {
  margin-bottom: 2.5em;
}
.viewAll.detailView .mediaArea .mediaItem .textMedia {
  width: 55%;
  padding-right: 0.5em;
  z-index: 2;
}
.viewAll.detailView .mediaArea .mediaItem .textMedia p {
  color: #ff6700;
  font-size: 0.8em;
  font-weight: 200;
  line-height: 0.9em;
}
.viewAll.detailView .mediaArea .mediaItem .imgMedia {
  width: 50%;
}
.viewAll.detailView .mediaArea .mediaItem .imgMedia .normalImg {
  width: 100%;
}
.viewAll.detailView .mediaArea .mediaItem .imgMedia .normalImg.backImg {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 90%;
  height: 100px;
  background: #ff6700;
}
.viewAll.detailView .mediaArea .mediaItem .imgMedia .normalImg.backImg img {
  width: 2em;
}
.viewAll.detailView .mediaArea .mediaItem .imgMedia .bigImg {
  width: 100%;
  float: right;
  z-index: 0;
}
.viewAll.detailView .relatedArea .relatedList {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row;
  width: 100%;
}
.viewAll.detailView .relatedArea .relatedList .relatedItem {
  width: 30%;
}
.viewAll.detailView .relatedArea .relatedList .relatedItem img {
  width: 100%;
}
.viewAll.detailView .endArea .testimony {
  margin-bottom: 2em;
}
.viewAll.detailView .endArea .only-mobile {
  display: none;
}
.viewAll.detailView .endArea .request.request-button {
  margin-top: 1em;
}
.viewAll.detailView .endArea .broadcaster-text.ghost {
  margin-top: 0.5em;
  display: block;
}
@media screen and (max-width: 767px) {
  aside.aside .about-contact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  aside.aside .about-contact a,
  aside.aside .about-contact p {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .viewAll .container {
    flex-direction: column;
  }
  .viewAll .container .mainResult,
  .viewAll .container .aside {
    width: 100%;
    margin-bottom: 1em;
  }
  .viewAll .about-others-broadcasters .detail-info-others {
    width: 50%;
    padding: 0.5em;
/* &:nth-child(-n+2) {
               display: block;
            } */
  }
  .viewAll .about-others-broadcasters .detail-info-others .title {
    font-size: 1.2em;
    margin-bottom: 0.3em;
  }
  .faq .faqQuestion .facTitle .title {
    font-size: 0.8em;
    margin-left: 0.5em;
  }
  .faq .faqQuestion .answer {
    padding-left: 1em;
  }
  .contact .mainResult .broadcaster-text {
    font-size: 1.2em;
  }
  .contact .mainResult .img-map {
    flex-direction: column;
  }
  .contact .mainResult .img-map img,
  .contact .mainResult .img-map iframe {
    width: 100%;
  }
  .selection .request.only-mobile {
    display: block;
  }
  .viewAll .selectionList .selectionItem {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: 'selectionData selectionData selectionImg selectionImg selectionImg' 'selectionData selectionData selectionImg selectionImg selectionImg' 'descriptionContainer descriptionContainer descriptionContainer descriptionContainer descriptionContainer' 'descriptionContainer descriptionContainer descriptionContainer descriptionContainer descriptionContainer' 'descriptionContainer descriptionContainer descriptionContainer descriptionContainer descriptionContainer';
  }
  .viewAll .selectionList .selectionItem .selectionData {
    width: 150%;
    z-index: 11;
  }
  .viewAll .selectionList .selectionItem .selectionImg {
    z-index: 0;
  }
  .viewAll .selectionList .selectionItem .descriptionContainer {
    padding-top: 1em;
  }
  .viewAll .selectionList .selectionItem .descriptionContainer .broadcaster-text .broadcaster-option {
    display: none;
  }
  .catalogue .detailsContainer .categoryDetails {
    margin-right: 1em;
    float: left;
    box-sizing: border-box;
  }
  .catalogue .container {
    flex-direction: column-reverse;
  }
  .catalogue .container .resultFilters {
    flex-direction: column;
  }
  .catalogue .container .resultFilters.only-desk {
    display: none;
  }
  .catalogue .container .resultFilters.only-mobile {
    display: flex;
    width: 100%;
    align-items: flex-start;
  }
  .catalogue .container .resultFilters > div,
  .catalogue .container .resultFilters >button {
    width: 100%;
  }
  .catalogue .container .resultFilters >button {
    text-align: left;
  }
  .catalogue .container .resultFilters > div {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: row;
  }
  .catalogue .container .resultFilters .resultFilterOption {
    font-size: 1em;
  }
  .detailView .only-desk {
    display: none;
  }
  .detailView .only-mobile {
    display: flex;
  }
  .detailView .parentGrid {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  .detailView .parentGrid .endArea,
  .detailView .parentGrid .dataArea,
  .detailView .parentGrid .mediaArea,
  .detailView .parentGrid .relatedArea {
    float: initial;
    width: 100%;
  }
  .detailView .parentGrid .dataArea {
    order: 1;
  }
  .detailView .parentGrid .dataArea .headData {
    height: 200px;
  }
  .detailView .parentGrid .dataArea .headData .nameContainer {
    width: 100%;
  }
  .detailView .parentGrid .dataArea .headData .nameContainer .textData {
    font-size: 2.5em;
  }
  .detailView .parentGrid .dataArea .headData .detail-info-pic {
    height: 100%;
    object-fit: cover;
    float: initial;
    z-index: -22;
    position: absolute;
    top: 0;
    right: 0;
  }
  .detailView .parentGrid .dataArea .detailsOptions {
    flex-direction: column;
  }
  .detailView .parentGrid .dataArea .detailsOptions .detailButton {
    width: 100%;
    margin: 0;
    text-align: left;
  }
  .detailView .parentGrid .mediaArea {
    order: 2;
  }
  .detailView .parentGrid .relatedArea {
    order: 3;
  }
  .detailView .parentGrid .relatedArea .detail-info-others {
    width: 100%;
    position: relative;
  }
  .detailView .parentGrid .relatedArea .detail-info-others .detail-info-img {
    height: 200px;
  }
  .detailView .parentGrid .relatedArea .detail-info-others .relatedItemInfo {
    position: absolute;
    top: 0.5em;
    let: 0;
  }
  .detailView .parentGrid .relatedArea .detail-info-others .about-contact-subtitle {
    margin-top: 1.5em;
  }
  .detailView .parentGrid .relatedArea .detail-info-others .about-contact-subtitle a,
  .detailView .parentGrid .relatedArea .detail-info-others .about-contact-subtitle p {
    color: #ff6700;
    font-size: 0.9em;
  }
  .detailView .parentGrid .endArea {
    order: 4;
  }
  .detailView .parentGrid .endArea .only-desk {
    display: none;
  }
  .detailView .parentGrid .endArea .only-mobile {
    display: block;
  }
}