/*accordian*/
.accordian-container {
  min-width: 1200px;
}
.accordian{
  width: 100%;
  height: 486px;
  overflow:hidden;
  border-radius: 20px;
  /*-webkit-box-shadow: 0 8px 6px -6px black;
  -moz-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0px 8px 6px -6px black;*/
  border: 3px groove #fff;}

.accordian ul {padding: 0px;}

.accordian li{
  position: relative;
  display:block;
  width:25%;
  float: left;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition-delay: .1s;
}			

.accordian ul:hover li{
  width: 46px;
}

.accordian ul li:hover{
  width:1010px; /* esse valor é a largura da div class="accordian" menos 100px*/
}

.accordian-box {
  width: 1200px; 
  height: 480px; 
  background-color: var(--fundoCz); 
  border-radius: 20px;
  position: relative;
}

.accordian li:nth-child(2) .accordian-box, .accordian li:nth-child(3) .accordian-box, .accordian li:nth-child(4) .accordian-box {
  -webkit-box-shadow: 0 0 25px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 25px 0px rgba(0,0,0,0.5);
  box-shadow: 0 0 25px 0px rgba(0,0,0,0.5);
}

.accordian li:first-child .accordian-box>div {width: 25%; text-align: center; padding: 90px 35px 0 35px;}
.accordian li:first-child .accordian-box>div h2 {color: #37c5a8; font-size: 22px; text-align: center; margin-bottom: 10px; width: 100%;}
.accordian li:first-child .accordian-box>div img {height:117px; margin-bottom: 10px;}

.accordian li:nth-child(2) .accordian-box>div {width: 25%; text-align: center; padding: 90px 35px 0 35px;}
.accordian li:nth-child(2) .accordian-box>div h2 {color: #078c71; font-size: 22px; text-align: center; margin-bottom: 10px; width: 100%;}
.accordian li:nth-child(2) .accordian-box>div img {height:117px; margin-bottom: 10px;}

.accordian li:nth-child(3) .accordian-box>div {width: 25%; text-align: center; padding: 90px 35px 0 35px;}
.accordian li:nth-child(3) .accordian-box>div h2 {color: #005040; font-size: 22px; text-align: center; margin-bottom: 10px; width: 100%;}
.accordian li:nth-child(3) .accordian-box>div img {height:117px; margin-bottom: 10px;}

.accordian li:nth-child(4) .accordian-box>div {width: 25%; text-align: center; padding: 90px 35px 0 35px;}
.accordian li:nth-child(4) .accordian-box>div h2 {color: #005040; font-size: 22px; text-align: center; margin-bottom: 10px; width: 100%;}
.accordian li:nth-child(4) .accordian-box>div img {height:117px; margin-bottom: 10px;}


/**********************Responsivo******************************/

@media only screen and (max-width: 768px) {
  .accordian {overflow: visible; height: auto;}
  .accordian .accordian-box {width: 100%; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; height: fit-content;}
  .accordian .accordian-box div {width: 100%!important; padding: 20px 10px 20px 10px!important;}
  .accordian li {float: none; width: 100%;}
  .accordian-box img {display: none;}
  .sessao-4 .col-md-12 {padding-right: 0!important; padding-left: 0!important;}

  .celuFlex {display: flex; width: 80%; align-items: center; margin: 0 auto; margin-bottom: 15px;}
  .celuFlex div:first-child {width: 35%;}
  .celuFlex div:nth-child(2) {width: 65%; padding: 0 5px;} 

  .siss .imgZoom div, .gier .imgZoom div {height: 133px; width: 68px!important; position: relative;}  
  .imgAument {width: 68px; height: 133px; position: absolute; z-index: 10; transition-duration: 1s;}
  .imgAumentB {
    background: url(../../assets/images/setaabre.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    z-index: 100;
    width:25px;
    height: 25px;
    display: block;
    bottom: -5px;
    right: -5px;
    transition-duration: 1s;
  }
  .imgZoomPic {
    width: 240px!important;
    height: 472px!important;
    /*transform: scale(4); 
    transform-origin: left top;*/
  }
  .imgZoomPicB {
    background: url(../../assets/images/setafecha.svg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    position: absolute!important;
    bottom: -351px!important;
    right: -184px!important;
    width: 50px!important;
    height: 50px!important;
    z-index: 110!important;
    display: block!important;
  }

  .sliderTerc .sldItem>div {
    padding: 20px 5px;
    border: 1px solid #aaa;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    height: 600px;
    margin: 0 5px;
  }

  .sliderTerc {margin: 0px;}

  .mobile .slick-track>div:hover {
    transform: scale(1);
  }
}