/* Custom style */
    .accordion-button::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
      transform: scale(.7) !important;
    }
    .accordion-button:not(.collapsed)::after {
      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    }


a:hover {
  opacity: 1 !important;
}
.mm-menu {
  background: #cccccc;
  color: #000000;
}
.mm-list a.mm-subopen {
  border: 1px solid #cccccc;
  background: #e3e3e3;
  background: linear-gradient(to right, rgba(227, 227, 227, 0) 0%, #cccccc 11%, #d1d1d1 11%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e3e3e3", endColorstr="@white", GradientType=1);
}
.mm-menu .mm-list > li > a.mm-subopen:after,
.mm-menu .mm-list > li > a.mm-subclose:before {
  border-color: #99cc00;
}
.mm-list > li > a {
  line-height: 48px !important;
}
.btn-pedavslider {
  font-size: small;
}
#myCarousel > div.carousel-inner > .item > div.container div.row > div {
  margin-top: -40px;
}
#myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption {
  position: static;
}
#myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2 {
  font-family: "htextcustomfont", sans-serif;
  text-decoration: underline;
}
#myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2 > a {
  font-family: "htextcustomfont", sans-serif;
  text-decoration: underline;
}
a > strong {
  font-family: "htextcustomfont", sans-serif!important;
  font-size: xx-large!important;
}
#myCarousel > div.carousel-inner > .item h2{
color:#fff;
}

@media only screen and (max-width: 767px) {
.sl1h>a,.sl2h>a,.sl3h>a{
    color:#fff!important;
     font-size: 32px;
}
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.spz.sl1h.left {
    margin-top: 50px !important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.spz.sl1h.left > b {
    font-size: 64px!important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.spz.sl1h.right {
    margin-top: 75px!important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.spz.sl1h.right > b {
    font-size: 64px!important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.sl2h {
    margin-top: 30px;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.sl2h > b {
    font-size: 64px!important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.sl3h {
    margin-top: 30px;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2 > b {
    font-size: 64px!important;
  }
  .carousel-multi > p {
       font-size: 18px!important;
  }
  .carousel-multi > p > a > strong{
       font-size: 18px!important;
  }
}
@media only screen and (min-width: 768px) {
.sl1h>a,.sl2h>a,.sl3h>a{
    color:#fff!important;
     font-size: 48px;
}
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.spz.sl1h.left {
    margin-top: 20px!important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.spz.sl1h.right {
    margin-top: 0px!important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.sl2h {
    margin-top: 30px;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.sl3h {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px){
.sl1h>a,.sl2h>a,.sl3h>a{
    color:#fff;
     font-size: 68px;
}
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.spz.sl1h.left {
    margin-top: 20px!important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.spz.sl1h.right {
    margin-top: 0px!important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.sl2h {
    margin-top: 30px;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.sl3h {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) {
.sl1h>a,.sl2h>a,.sl3h>a{
    color:#fff;
        font-size: 82px;
}
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.spz.sl1h.left {
    margin-top: 20px!important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.spz.sl1h.right {
    margin-top: 0px!important;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.sl2h {
    margin-top: 30px;
  }
  #myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2.sl3h {
    margin-top: 30px;
  }
}
#myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption > h2 > b {
  font-size: 64px!important;
}
#myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption .carousel-multi > p {
  font-family: "ptextcustomfont", sans-serif;
  color: rgba(255, 255, 255, 0.16);
}
#myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption .carousel-multi > p > a {
  font-family: "ptextcustomfont", sans-serif;
  color: rgba(255, 255, 255, 1);
}
#myCarousel > div.carousel-inner > .item > div.container div.row > div > div.carousel-caption .carousel-multi > p > .btn-pedavslider-bottom-border {
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
#myCarousel > div.pedavslider-Navigation {
  position: relative;
  height: 50px;
  margin-top: -15px;
}
#myCarousel > div.pedavslider-Navigation > .blocker {
  width: 100%;
  height: 30px;
  z-index: 98;
  background: #ececec;
  position: absolute;
}
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group {
  overflow: visible;
}
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group > .btn {
  opacity: 1;
  position: absolute;
  width: 90% !important;
  margin-left: 5% !important;
  margin-top: -15px;

  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group > .btn.psliderbtn1 {
  transition: all 1s;
  color: rgba(255, 255, 255, 0);
}
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group > .btn.psliderbtn1:hover,
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group > .btn.psliderbtn1.active {
  height: 40px;
  margin-top: -35px;
  color: rgba(255, 255, 255, 1);
}
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group > .btn.psliderbtn2 {
  transition: all 1s;
  color: rgba(255, 255, 255, 0);
}
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group > .btn.psliderbtn2:hover,
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group > .btn.psliderbtn2.active {
  height: 40px;
  margin-top: -35px;
  color: rgba(255, 255, 255, 1);
}
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group > .btn.psliderbtn3 {
  transition: all 1s;
  color: rgba(255, 255, 255, 0);
}
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group > .btn.psliderbtn3:hover,
#myCarousel > div.pedavslider-Navigation > div.btn-group.btn-group-justified > div.btn-group > .btn.psliderbtn3.active {
  height: 40px;
  margin-top: -35px;
  color: rgba(255, 255, 255, 1);
}
.pedavsliderinfos > div.row {
  min-height: 600px;
}
.pedavsliderinfos > div.row > div.sliderinfo {
  border-top-right-radius: 5px !important;
  border-top-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  padding: 10px;
  transition: background 1s, opacity 1s, display 1s;
  background: rgba(255, 255, 255, 0.16);
height:auto;
  min-height: auto;
}
.pedavsliderinfos > div.row > div.sliderinfo.active {
  transition: background 1s, opacity 1s, display 1ms;
  background: rgba(153, 204, 0, 0.11);
}
.pedavsliderinfos > div.row > div.sliderinfo h2 {
  text-transform: uppercase;
  font-size: 26px;
}
.pedavsliderinfos > div.row > div.sliderinfo p {
  color: #525252;
  font-family: "Lato", sans-serif;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 15px;
}
.alignnone.aligncenter{
  width:200px;
}
