/*
	giallo: #ffc000
	giallo hover: #ff9900
*/

* { margin: 0; padding: 0; box-sizing: border-box; }

/* logo header desktop */
.top-logo:link,
.top-logo:visited { background: transparent url('/custom/arisi/img/pa-logo.svg') 0 0 no-repeat; background-size: 100% 100%; }
.top-logo img { opacity: 0; }

/* top menu desktop */
.menu ul { padding: 10px 0; }

/* top menu mobile */
@media screen and (max-width: 1199px) {
  #top { position: fixed; background: linear-gradient(0deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 35%); }
  .top-icon-menu a:link, .top-icon-menu a:visited { text-align: right; font-size: 18px; line-height: 38px; }
  #menu-container { top: 0; }
  #menu-container:before { content: ''; position: absolute; left: -40px; top: 80px; width: 40px; height: 100%; background-color: #912ef6; }
  .menu > li > a:link, .menu li > a:visited { padding-left: 18px; }
  a.close-menu:link,
  a.close-menu:visited { height: 80px; font-size: 18px; line-height: 80px; color: #fff; background-color: #912ef6; }
  .menu li a.open-sub { background-color: transparent !important; }
}

@media screen and (max-width: 1199px) {
    .menu li a.open-sub {
        position: absolute;
        right: 0;
        top: 0 !important;
        width: 60px;
        border-right-width: 0 !important;
    }
}

/* slideshow home */
.tpl-1-header .slideshow .item .filter { background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.3) 100%) !important; }
.tpl-1-header .slideshow .item .caption-container h3 { letter-spacing: -3px; }
.tpl-1-header .slideshow .slick-prev:before,
.tpl-1-header .slideshow .slick-next:before { background-size: 50%; }

@media (max-width: 767px){
  .slideshow .item .caption-container { padding: 0 20px !important; }
  .tpl-1-header .slideshow .item .caption { width: 100% !important; padding: 0 !important; font-size: 18px; line-height: 22px; text-align: center !important; }
  .tpl-1-header .slideshow .item .caption h3,
  .tpl-1-header .slideshow .item .caption h3 p { font-size: 34px; line-height: 40px; letter-spacing: -2px; }
  .slideshow .item .video-wrapper { position: absolute; inset: 0; overflow: hidden; }
  .slideshow .item .video-wrapper iframe { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: 400% !important; height: 100% !important; transform: translate(-50%, -50%); pointer-events: none; max-width: none; max-height: none; }
  .slick-dots li button { width: 20px !important; padding: 0; }
  .slick-dots li button:before { font-size: 18px; }
}

/* new slideshow home */
.slider { opacity: 1 !important; }
.slideshow-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
  background-color: #000;
}

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

.video-background video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.slick-slider {
  height: 100%;
  background: transparent !important;
}

.slick-list {
  height: 100%;
  background: transparent !important;
}

.slick-track {
  height: 100%;
  background: transparent !important;
}

.slide {
  height: 100%;
  display: flex !important;
  align-items: center;
  padding-left: 90px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 100%);
}

.slide-content {
  max-width: 60vw;
  color: white;
  background: transparent !important;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.slide-title {
  font-size: 70px;
  line-height: 80px;
  font-weight: 600;
  margin-bottom: 0;
  font-family: 'Space Grotesk', 'arial', 'sans-serif';
  letter-spacing: -3px;
  opacity: 0;
  min-height: 180px;
}

.slide-title span {
  color: #912ef6;
}

.slide-subtitle {
  font-size: 25px;
  line-height: 50px;
  margin-bottom: 10px;
  font-family: 'Space Grotesk', 'arial', 'sans-serif';
  opacity: 0;
  min-height: 100px;
}

.slide-cta {
  display: inline-block;
  padding: 20px 50px;
  background-color: #912ef6;
  color: #fff !important;
  text-decoration: none;
  font-family: 'Space Grotesk', 'arial', 'sans-serif';
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
  border-radius: 29px;
  transition: all 0.3s;
  opacity: 0;
  width: fit-content; 
}

.slide-cta:hover {
  color: #912ef6 !important;
  background-color: #fff;
}

.slick-prev,
.slick-next {
  z-index: 4;
  width: 50px;
  height: 50px;
  border: 1px solid #fff;
  background: transparent;
  bottom: 30px;
  top: auto;
}

.slick-prev {
  right: 150px !important;
  left: auto !important;
}

.slick-next {
  right: 90px !important;
}

.slick-prev:before,
.slick-next:before {
  font-size: 24px;
  opacity: 0.9;
  line-height: 50px;
}

.slick-prev:hover,
.slick-next:hover {
  background: rgba(255, 255, 255, 0.1);
}

.slick-prev:hover:before,
.slick-next:hover:before {
  opacity: 1;
}

.slick-prev:before,
.slick-next:before { background: none; }

@media (max-width: 768px) {
  .slideshow-container {
    height: 100vh;
    padding-top: 0;
  }
  
  .slide {
    height: 100vh;
    padding: 0 30px;
    justify-content: center;
  }
  
  .slide-content {
    text-align: center;
    max-width: 100%;
    align-items: center;
  }
  
  .slide-title {
    font-size: 34px;
    line-height: 40px;
    letter-spacing: -2px;
  }
  
  .slide-subtitle {
    font-size: 18px;
    line-height: 22px;
  }
  
  .slick-prev,
  .slick-next {
    display: none !important;
  }
}

/* box home (4 box) */
.box-home .col-md-3 { position: relative; width: calc(25% - 60px); padding: 0; margin: 0 30px; background-color: #000; overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.box-home .col-md-3:hover { transform: scale(1.05); }

.box-home .col-md-3 .blk-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.box-home .col-md-3 .blk-img img { position: absolute; left: 0; top: 0; transform-origin: 0 0; width: 100%; height: 100%; object-fit: cover; }
.box-home .col-md-3:hover .blk-img img { top: -10px; left: -10px; transform: scale(3); filter: blur(3px); opacity: .5; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.box-home .col-md-3 .blk-txt { position: relative; width: 100%; margin: auto; padding: 20% 10% calc(20% + 150px) 10%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; z-index: 2; }
.box-home .col-md-3 .blk-txt p { width: 100%; margin-left: 120%; opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.box-home .col-md-3:hover .blk-txt p { margin-left: 0; opacity: 1; }

.box-home .col-md-3:hover .blk-txt { transform: scale(1.1); }

.box-home .col-md-3 .blk-cta { position: absolute; left: 0; top: 100%; height: auto; padding: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 3; }
.box-home .col-md-3 .blk-cta .container-cta { position: relative; max-width: 1470px; margin: 0; padding: 0; box-sizing: border-box; width: 100%; top: 0; left: 0; -webkit-transform: none; transform: none; }
.box-home .col-md-3 .blk-cta .container-cta .blk-txt { display: none; }
.box-home .col-md-3 .blk-cta .container-cta .blk-btn { float: none !important; width: 100% !important; padding: 0 5.5% !important; text-align: right; }
.box-home .col-md-3 .blk-cta .container-cta .blk-btn .btn-cta:link,
.box-home .col-md-3 .blk-cta .container-cta .blk-btn .btn-cta:visited { position: relative !important; left: auto; top: auto; display: inline-block; margin: 0 0 0 auto; padding: 15px 30px; font-family: 'Space Grotesk', 'arial', 'sans-serif'; font-size: 16px; font-weight: 400 !important; line-height: 16px; text-transform: none; color: #000; background-color: #fff; border: none; border-radius: 29px; -webkit-transform: none; transform: none; }
.box-home .col-md-3 .blk-cta .container-cta .blk-btn .btn-cta:hover { color: #fff !important; background-color: #000 !important; }

.box-home .col-md-3:hover .blk-cta { top: calc(100% - 95px); }

/* box home (5 box) */
.box-home .row { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 30px; }

.box-home .col-md-15 { position: relative; display: flex; flex-direction: column; justify-content: space-between; width: 20%; padding: 0; margin: 0; background-color: #000; overflow: hidden; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.box-home .col-md-15:hover { transform: scale(1.05); }

.box-home .col-md-15 .blk-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0; margin: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; }
.box-home .col-md-15 .blk-img img { position: absolute; left: 0; top: 0; transform-origin: 0 0; width: 100%; height: 100%; object-fit: cover; }
.box-home .col-md-15:hover .blk-img img { top: -10px; left: -10px; transform: scale(3); filter: blur(3px); opacity: .5; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.box-home .col-md-15 .blk-txt { position: relative; width: 100%; margin: auto; padding: 20% 10% calc(20% + 150px) 10%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; overflow: hidden; z-index: 2; }
.box-home .col-md-15 .blk-txt h3 { font-size: 1.8vw; line-height: 1.8vw; }
.box-home .col-md-15 .blk-txt h4 { font-size: 1.3vw; line-height: 1.4vw; }
.box-home .col-md-15 .blk-txt p { width: 100%; margin-left: 120%; font-size: 1vw; line-height: 1.2vw; opacity: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.box-home .col-md-15:hover .blk-txt p { margin-left: 0; opacity: 1; }

.box-home .col-md-15:hover .blk-txt { transform: scale(1.1); }

.box-home .col-md-15 .blk-cta { position: absolute; left: 0; top: 100%; height: auto; padding: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; z-index: 3; }
.box-home .col-md-15 .blk-cta .container-cta { position: relative; max-width: 1470px; margin: 0; padding: 0; box-sizing: border-box; width: 100%; top: 0; left: 0; -webkit-transform: none; transform: none; }
.box-home .col-md-15 .blk-cta .container-cta .blk-txt { display: none; }
.box-home .col-md-15 .blk-cta .container-cta .blk-btn { float: none !important; width: 100% !important; padding: 0 5.5% !important; text-align: right; }
.box-home .col-md-15 .blk-cta .container-cta .blk-btn .btn-cta:link,
.box-home .col-md-15 .blk-cta .container-cta .blk-btn .btn-cta:visited { position: relative !important; left: auto; top: auto; display: inline-block; margin: 0 0 0 auto; padding: 15px 30px; font-family: 'Space Grotesk', 'arial', 'sans-serif'; font-size: 16px; font-weight: 400 !important; line-height: 16px; text-transform: none; color: #fff; background-color: #912ef6; border: none; border-radius: 29px; -webkit-transform: none; transform: none; }
.box-home .col-md-15 .blk-cta .container-cta .blk-btn .btn-cta:hover { color: #fff !important; background-color: #000 !important; }

.box-home .col-md-15:hover .blk-cta { top: calc(100% - 95px); }

.box-home .col-md-15 .blk-img,
.box-home .col-md-15 .blk-txt,
.box-home .col-md-15 .blk-cta { flex-shrink: 0; }

/* --- da 992px a 1279px — 3 colonne sopra, 2 sotto centrate --- */
@media (min-width: 992px) and (max-width: 1279px) {
  .box-home .row { flex-wrap: wrap; justify-content: center; padding: 0 30px; box-sizing: border-box; gap: 30px; }
  .box-home .col-md-15 { box-sizing: border-box; width: calc((100% - 60px) / 3); margin-bottom: 0; }
  .box-home .col-md-15 .blk-txt h3 { font-size: 2.8vw; line-height: 2.8vw; }
  .box-home .col-md-15 .blk-txt h4 { font-size: 2vw; line-height: 2.4vw; }
  .box-home .col-md-15 .blk-txt p { font-size: 1.4vw; line-height: 1.8vw; }
}

/* --- da 768px a 991px — 2 colonne sopra, 2 sotto, 1 sotto centrata --- */
@media (min-width: 768px) and (max-width: 991px) {
  .box-home .row { flex-wrap: wrap; justify-content: center; box-sizing: border-box; padding: 0 30px; gap: 30px; }
  .box-home .col-md-15 { box-sizing: border-box; width: calc((100% - 30px) / 2); margin: 0; }
  .box-home .col-md-15:last-child { margin-left: 0; margin-right: 0; }
  .box-home .col-md-15 .blk-txt h3 { font-size: 3.7vw; line-height: 3.7vw; }
  .box-home .col-md-15 .blk-txt h4 { font-size: 2.5vw; line-height: 2.9vw; }
  .box-home .col-md-15 .blk-txt p { font-size: 2vw; line-height: 2.4vw; }
}

/* --- max 767px — 1 colonna per riga, con margini laterali da 30px --- */
@media (max-width: 767px) {
  .box-home .row { flex-direction: column; gap: 30px; padding: 0 30px; box-sizing: border-box; }
  .box-home .col-md-15 { box-sizing: border-box; width: 100%; margin: 0; }
  .box-home .col-md-15 .blk-txt h3 { font-size: 7.7vw; line-height: 7.7vw; }
  .box-home .col-md-15 .blk-txt h4 { font-size: 4.8vw; line-height: 5.3vw; }
  .box-home .col-md-15 .blk-txt p { font-size: 4vw; line-height: 5vw; }

  /* reset hover */
  .box-home .col-md-15:hover { transform: none; /*transform: scale(1.05);*/ }
  .box-home .col-md-15 .blk-img img { top: -10px; left: -10px; transform: scale(3); filter: blur(3px); /*top: -10px; left: -10px; transform: scale(3); filter: blur(3px); opacity: .5; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;*/ }
  .box-home .col-md-15:hover .blk-img img { top: -10px; left: -10px; transform: scale(3); /*top: -10px; left: -10px; transform: scale(3); filter: blur(3px); opacity: .5; -webkit-transition: all .3s ease-out; transition: all .3s ease-out;*/ }
  .box-home .col-md-15 .blk-txt p { margin-left: 0; opacity: 1; }
  .box-home .col-md-15:hover .blk-txt p { margin-left: 0; opacity: 1; }
  .box-home .col-md-15 .blk-txt { transform: none; /*transform: scale(1.1);*/ }
  .box-home .col-md-15:hover .blk-txt { transform: none; /*transform: scale(1.1);*/ }
  .box-home .col-md-15 .blk-cta { top: calc(100% - 95px); }
  .box-home .col-md-15:hover .blk-cta { top: calc(100% - 95px); }
}

/* full image paragraph */
.full-img .row { display: flex; justify-content: stretch; }
.full-img .row .col-md-6 { position: relative; padding: 0; }
.full-img .row .col-md-6 .blk-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: 0; }
.full-img .row .col-md-6 .blk-img img { width: 100%; height: 100%; object-fit: cover; }
.full-img .row .col-md-6 .blk-txt { padding: 20%; box-sizing: border-box; }

@media (max-width: 767px){
  .full-img .row { display: block; padding-bottom: 100px; }
  .full-img .row .col-md-6 .blk-img { position: relative; }
  .full-img .row .col-md-6 .blk-img img { width: 100%; height: auto; object-fit: fill; }
  .full-img .row .col-md-6 .blk-txt { padding: 20px; }
}

/* paragraph title */
.paragraph-title .row { display: flex; justify-content: center; align-items: center; }
.paragraph-title .row .col-md-6:nth-of-type(1) { padding: 10% 0; box-sizing: border-box; }
.paragraph-title .row .col-md-6:nth-of-type(2) { padding: 10%; box-sizing: border-box; }
.paragraph-title .titolo1 { font-size: 100px; line-height: 95px; text-transform: uppercase; }
.paragraph-title .titolo1 span { color: #912ef6; }

@media (max-width: 1199px){
  .paragraph-title .row { flex-direction: column; }
  .paragraph-title .row .col-md-6:nth-of-type(1) { width: 100%; padding: 100px 0 0 0; text-align: center; }
  .paragraph-title .row .col-md-6:nth-of-type(2) { width: 100%; padding: 0 20px 100px 20px; text-align: center; }
  .paragraph-title .titolo1 { font-size: 12vw; line-height: 12vw; text-transform: uppercase; }
}

/* pic align bottom */
.pic-align-bottom .row { display: flex; align-items: stretch; flex-wrap: wrap; }
.pic-align-bottom .blk-txt { padding: 30px 0; }
.pic-align-bottom .blk-img { margin-bottom: 0; }
.pic-align-bottom .col-md-4 { display: flex; align-items: flex-end; }

/* blk-txt */
.blk-txt p a:link,
.blk-txt p a:visited { position: relative; display: inline-block; }
.blk-txt p a:before { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background-color: #912ef6; -webkit-transition: width .3s ease-out; transition: width .3s ease-out; }
.blk-txt p a:hover:before { width: 100%; }

/* blk-cta */
.blk-cta { padding: 0; height: auto; }
.blk-cta .container-cta { position: relative; max-width: 1470px; margin: 0 auto; padding: 0; box-sizing: border-box; width: 100%; top: auto; left: auto; -webkit-transform: none; transform: none; }
.blk-cta .container-cta .blk-txt { display: none; }
.blk-cta .container-cta .blk-btn .btn-cta { position: relative !important; left: auto; top: auto; display: inline-block; margin: 0 0 0 auto; padding: 20px 40px; font-family: 'Space Grotesk', 'arial', 'sans-serif'; font-size: 18px; font-weight: 400 !important; line-height: 18px; text-transform: none; color: #fff; background-color: #912ef6; border: none; border-radius: 29px; -webkit-transform: none; transform: none; }
.blk-cta .container-cta .blk-btn .btn-cta:hover { color: #fff !important; background-color: #000 !important; }

/* scroll up */
#scroll-top { right: 16px; bottom: 90px; width: 34px; height: 34px; color: #fff; background-color: rgba(145,46,246,.7); border: 0; border-radius: 0; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
#scroll-top i { line-height: 32px; width: 34px; height: 34px; color: #fff; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
#scroll-top i:before { content: "\f106"; }
#scroll-top:hover { color: #000; background-color: rgba(255,192,0,.7); }
#scroll-top:hover i { color: #000; }

@media (max-width: 479px) {
	#scroll-top { display: none !important; }
}

/* dettaglio attività */
.caratteristiche .col-md-15 { text-align: center; }
.caratteristiche svg { display: inline-block; width: 38px; height: 38px; margin: 0 auto; }
.caratteristiche h4 { color: #ffc000; }
.caratteristiche p { color: #ccc; }

/* gallery */
.wcs-gallery { margin: 0 -7px; }
.wcs-gallery li { padding: 7px; }

/* form */
.form input,
.form textarea { color: #000; }
.form .blk-btn a:link,
.form .blk-btn a:visited { display: inline-block; margin: 0; padding: 10px 30px; font-family: 'Space Grotesk', 'arial', 'sans-serif'; font-size: 16px; font-weight: 400 !important; text-transform: lowercase !important; line-height: 26px; text-transform: none; color: #fff; background-color: #912ef6; border: none; border-radius: 29px; }
.form .blk-btn a:link:first-letter,
.form .blk-btn a:visited:first-letter { text-transform: uppercase; }
.form .blk-btn a:hover { color: #000; background-color: #fff; }

.form #inviaRichiesta { text-transform: lowercase; }
.form #inviaRichiesta:link:first-letter,
.form #inviaRichiesta:visited:first-letter { text-transform: uppercase; }

/* sticky */
.sticky-left-content .col-md-6:nth-of-type(1) { position: -webkit-sticky !important; position: sticky !important; top: 30px; padding: 0; }

@media (max-width: 767px){
  .sticky-left-content .col-md-6:nth-of-type(1) { position: relative !important; top: auto !important; padding: 0; }
}

/* highlights (elenco format) */
.highlights li .highlights-content { background-color: #111; }
.highlights:not(.list-news):not(.list-eventi):not(.last-products) li .highlights-content .txt-container .mask-txt { background: linear-gradient(to bottom, rgba(17, 17, 17, 0), rgb(17, 17, 17)) !important; }
.highlights li .highlights-content .titolo5,
.highlights li .highlights-content .titolo5 a:hover { color: #ffc000; }
.highlights li .highlights-content .titolo5,
.highlights li .highlights-content .titolo5 a:link,
.highlights li .highlights-content .titolo5 a:visited { text-align: center; color: #ffc000; font-size: 26px; font-weight: 500; line-height: 30px; }
.highlights li .highlights-content .txt-container { text-align: center; height: 130px; font-family: 'Space Grotesk', 'arial', 'sans-serif'; font-size: 16px; font-weight: 400; line-height: 26px; color: #fff; }
.highlights li .highlights-content .blk-btn .medie-btn:link,
.highlights li .highlights-content .blk-btn .medie-btn:visited { padding: 15px 30px; font-family: 'Space Grotesk', 'arial', 'sans-serif'; font-size: 16px; font-weight: 400 !important; line-height: 16px; text-transform: none; color: #000; background-color: #ffc000; border: 0; border-radius: 29px; }
.highlights li .highlights-content .blk-btn .medie-btn:hover { background-color: #ff9900; }

@media (max-width: 479px) {
    .highlights li .highlights-content .img-container { float: none; position: relative; display: block; width: 100%; margin-bottom: 30px; z-index: 1; }
    .highlights li .highlights-content .txt-container { float: none; position: relative; display: block; width: 100%; margin-bottom: 30px; text-overflow: ellipsis; z-index: 2; }
    .highlights li .highlights-content .blk-btn { width: 100%; text-align: center; }
    .highlights li .highlights-content .blk-btn .medie-btn:link,
    .highlights li .highlights-content .blk-btn .medie-btn:visited { display: inline-block; text-align: center; margin: 0 auto; }
    .highlights li .highlights-content .blk-btn a { float: none; }
}

/* glossario */
.glossario-search input { border-radius: 31px; }
.glossario-search a:link,
.glossario-search a:visited { border-radius: 23px; }
.glossario-search a:hover { color: #fff !important; background-color: #000 !important; }
.glossario-letters li a:hover { color: #fff !important; }
.glossario-letters li a:link,
.glossario-letters li a:visited { border-right-width: 1px; border-color: #333 !important; }
.glossario-letters li a.active:link, .glossario-letters li a.active:visited { color: #fff !important; }
.glossario-back .blk-btn .btn-back:link,
.glossario-back .blk-btn .btn-back:visited { font-weight: 300 !important; border-radius: 23px; }
.glossario-back .blk-btn .btn-back:hover { background-color: #fff !important; color: rgb(145, 46, 246) !important; }

/* footer */
.footer-container { padding-right: 0; }

@media (max-width: 767px){
  .footer-container .col-xs-12 { text-align: center; }
  .footer-container .col-xs-12 .container-logo-footer { text-align: center; }
  .footer-container .footer-social { text-align: center; }

  .footer-container .menu-list { margin-bottom: 30px !important; }
  .footer-container .menu-list,
  .footer-container .menu-list li { list-style: none !important; margin: 0; padding: 0; }
  .footer-container .menu-list li:before { display: none; }
}

/* table */
.table { width: 100%; word-break: keep-all !important; }
.table thead tr { color: #fff; background-color: #912ef6; }
.table thead tr th { padding: 8px 10px; text-align: center; }
.table td { padding: 8px 10px; }
.table tbody tr:nth-child(odd) { background-color: #222; color: #fff; }

@media (max-width: 767px){
  .table { font-size: 12px; line-height: 22px; }
}

.member-ekra { display: block; width: 100%; margin: 15px 0 30px 0; }
.member-ekra img { display: block; width: 100%; height: auto; max-width: 93px; border: none; filter: grayscale(1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.member-yourdigital { display: block; width: 100%; margin: 15px 0 30px 0; }
.member-yourdigital img { display: block; width: 100%; height: auto; max-width: 160px; border: none; filter: grayscale(1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.member-bni { display: block; width: 100%; margin: 15px 0 30px 0; }
.member-bni img { display: block; width: 100%; height: auto; max-width: 63px; border: none; filter: grayscale(1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }

.member-ekra:hover img,
.member-yourdigital:hover img,
.member-bni:hover img { filter: grayscale(0); }

@media (max-width: 767px){
  .member-ekra img { margin: 15px auto 30px auto; }
  .member-yourdigital img { margin: 15px auto 30px auto; }
  .member-bni img { margin: 15px auto 100px auto; }

  .footer-container .menu-list li a:link,
  .footer-container .menu-list li a:visited { line-height: 32px; }
}