@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");


.icon-minus-thin::before {
  content: "\F63B";
  justify-content: flex-end;
  font-family: "bootstrap-icons"; /* need to mention font family */
}


.icon-plus-thin::after {
    content: "\F64D";
    justify-content: flex-end;
    font-family: "bootstrap-icons"; /* need to mention font family - boostrap icons */

}


.icosx11-icon-plus:before {
  content: "";
  color: #fff;
}

.icosx11-icon-minus:before {
  content: "";
  color: #fff;
}


.icosx11-icon-enlarge::before {
   content: "\F62C";
   justify-content: flex-end;
   font-family: "bootstrap-icons";
    
}




.icosx11-icon-enlarge{
    //display: none;
}


/*
.skewgeneralbtn {
  color: #000000;
  border: 1.5px solid black;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
  font-family: "HelveticaNeueLTStd-HvCn";
  font-size: 0.875rem;
  font-weight: 500;
  padding: 8px 20px;
  line-height: 24px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 -2px;
  transform: skew(-16deg);
}
.skewgeneralbtn > span {
  display: inline-block;
  transform: skew(16deg);
}

*/



@media (min-width: 1200px) and (max-width: 1439px) {
  .stylishdesign-divider .dividercontent {
    margin-right: 1.5vw;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .stylishdesign-divider-right .dividercontent {
    margin-left: 1.5vw;
  }
}


.accordiongallery-spec1 {
  max-width: 700px;
  padding: 0 25px;
  margin: 35px auto;
  background-color: transparent;
}



@media (min-width: 992px) {
  .accordiongallery-spec1 {
    max-width: 485px;
    padding: 0 15px;
    margin: 0 auto;
  }
}
@media (min-width: 1170px) {
  .accordiongallery-spec1 {
    max-width: 510px;
  }
}
@media (min-width: 1440px) {
  .accordiongallery-spec1 {
    max-width: 90%;
    margin: 0 auto !important;
  }
}
.accordiongallery-spec1 .card {
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0 auto;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.accordiongallery-spec1 .card .card-header {
  background: transparent;
  color: #fff;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  border-bottom: 0;
}
.accordiongallery-spec1 .card:last-child {
  border-bottom: 0;
}
.accordiongallery-spec1 .card:last-child .card-header {
  border: none;
  background-color: transparent;
}
.accordiongallery-spec1 .card p {
  color: #fff;
  font-size: 1.42rem;
  line-height: 1.5;
  margin: 0 0 10px;
  font-family: "HelveticaLTStd-Roman";
}
.accordiongallery-spec1 .card .btn {
  width: 100%;
  color: #fff;
  padding: 0;
  border: none;
  text-align: left;
  font-family: "HelveticaLTStd-BoldCond";
  font-size: 1rem;
  font-weight: 500;
  white-space: normal;
  padding-right: 28px;
  line-height: 1.2;
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
  vertical-align: middle;
}
@media (min-width: 321px) {
  .accordiongallery-spec1 .card .btn {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}
@media (min-width: 992px) {
  .accordiongallery-spec1 .card .btn {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.06rem;
  }
}
.accordiongallery-spec1 .card .btn i:before {
  color: rgba(255, 255, 255, 0.8) !important;
  font-weight: 700;
}
.accordiongallery-spec1 .card .card-title {
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .accordiongallery-spec1 .card .card-title .btn-link {
    padding-right: 37%;
  }
}
.accordiongallery-spec1 .card .card-title i {
  font-size: 20px;
  position: absolute;
  right: 5px;
  line-height: 1;
  top: 46%;
  transform: translate(0, -46%);
}

.accordiongallery-spec1 .card .card-title a {
  font-size: 14px;

}

.accordiongallery-spec1 .card .btn-link:hover,
.accordiongallery-spec1 .card .btn-link:focus {
  text-decoration: none;
  color: #fff;
}
@media (min-width: 992px) {
  .accordiongallery-spec1 .card .card-body {
    width: 75%;
  }
}
.accordiongallery-spec1 .card .card-body .contentimg {
  height: 100%;
  position: relative;
  margin-bottom: 20px;
}
.accordiongallery-spec1 .card .card-body .contentimg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 992px) {
  .accordiongallery-spec1 .card .card-body .contentimg {
    display: none;
  }
}
.accordiongallery-spec1 .card .card-body .contentimg .skewbtncover {
  position: absolute;
  bottom: 20px;
  right: 25px;
}
.accordiongallery-spec1 .card .card-body ul {
  padding-left: 20px;
}
.accordiongallery-spec1 .card .card-body ul li {
  list-style: disc;
  color: #ffffff;
  font-size: 0.92rem;
  line-height: 1.5;
  margin: 0 0 4px;
  font-family: "HelveticaLTStd-Roman";
}
@media (max-width: 768px) {
  .accordiongallery-spec1.onlycontent {
    margin-bottom: 0;
  }
}
.accordiongallery-spec1.onlycontent h4,
.accordiongallery-spec1.onlycontent p {
  color: #ffffff;
}
.accordiongallery-spec1.onlycontent h4 {
  margin-bottom: 10px;
  font-weight: 500;
}
.accordiongallery-spec1.onlycontent p {
  font-size: 0.938rem;
  line-height: 1.5;
  margin: 0 0 20px;
  font-family: "HelveticaLTStd-Roman";
}
.accordiongallery-spec1.onlycontent p:last-child {
  margin-bottom: 0;
}



.skewbtncover:hover .sx11generalbtn,
.skewbtncover:hover .bannersx11generalbtn {
  //background-color: rgba(255, 255, 255, 0.12);
  //color: #fff;
}

/* .skewbtncover:hover i {
  color: #fff !important;
} */

.skewbtncover .sx11generalbtn {
  color: #fff;
  //border: 2px solid #fff;
  font-family: "HelveticaNeueLTStd-HvCn";
  text-align: center;
  text-decoration: none;
  outline: 0;
  font-size: 13px;
  padding: 10px 20px 6px;
  line-height: 26px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 -3px;
  -webkit-transform: skew(-16deg);
          transform: skew(-16deg);
  min-width: 180px;
  text-transform: capitalize;
}

.skewbtncover .sx11generalbtn > span {
  display: inline-block;
  -webkit-transform: skew(16deg);
          transform: skew(16deg);
}

.skewbtncover .sx11generalbtn.revertskew {
  -webkit-transform: skew(16deg);
          transform: skew(16deg);
}

.skewbtncover .sx11generalbtn.revertskew > span {
  display: inline-block;
  -webkit-transform: skew(-16deg);
          transform: skew(-16deg);
}

.skewbtncover .sx11generalbtn.lowercase {
  text-transform: capitalize;
}

.skewbtncover .sx11generalbtn.emptypad {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 26px;
  line-height: 0;
  min-width: auto;
}

.skewbtncover .sx11generalbtn.emptypad.likewhat {
  padding-left: 10px;
  padding-right: 10px;
}

.skewbtncover .sx11generalbtn.solidcolor {
  padding-left: 20px;
  padding-right: 20px;
  min-width: auto;
  background-color: #fff;
  color: #333;
  line-height: 1.4;
  font-size: 18px;
  text-transform: capitalize;
}

@media only screen and (min-width: 768px) {
  .skewbtncover .sx11generalbtn {
    font-size: 15px;
    line-height: 35px;
    min-width: 180px;
  }
  .skewbtncover .sx11generalbtn.emptypad {
    font-size: 35px;
  }
}

@media only screen and (max-width: 320px) {
  .skewbtncover .sx11generalbtn {
    font-size: 12px;
    line-height: 21px;
    min-width: 140px;
  }
  .skewbtncover .sx11generalbtn.emptypad {
    font-size: 21px;
  }
}

.skewbtncover .sx11generalbtn.larger {
  font-size: 15px;
  line-height: 28px;
  min-width: 150px;
}

.skewbtncover .sx11generalbtn.larger.emptypad {
  font-size: 28px;
  line-height: 0;
  min-width: auto;
}

@media (min-width: 768px) {
  .skewbtncover .sx11generalbtn.larger {
    font-size: 20px;
    line-height: 36px;
    min-width: 200px;
  }
  .skewbtncover .sx11generalbtn.larger.emptypad {
    font-size: 36px;
    line-height: 0;
    min-width: auto;
  }
}

.skewbtncover .bannersx11generalbtn {
  color: #fff;
  border: 1.5px solid white;
  font-family: "HelveticaNeueLTStd-HvCn";
  text-align: center;
  text-decoration: none;
  outline: 0;
  font-size: 13px;
  padding: 10px 20px 6px;
  line-height: 24px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 -2px;
  -webkit-transform: skew(-16deg);
          transform: skew(-16deg);
}

.skewbtncover .bannersx11generalbtn > span {
  display: inline-block;
  -webkit-transform: skew(16deg);
          transform: skew(16deg);
}

@media only screen and (min-width: 414px) {
  .skewbtncover .bannersx11generalbtn {
    min-width: 160px;
  }
}

@media only screen and (min-width: 640px) {
  .skewbtncover .bannersx11generalbtn {
    min-width: 180px;
  }
}

.skewbtncover .bannersx11generalbtn.revertskew {
  -webkit-transform: skew(16deg);
          transform: skew(16deg);
}

.skewbtncover .bannersx11generalbtn.revertskew > span {
  display: inline-block;
  -webkit-transform: skew(-16deg);
          transform: skew(-16deg);
}

.skewbtncover .bannersx11generalbtn.emptypad {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 24px;
  line-height: 0;
  min-width: auto;
}


@media only screen and (min-width: 768px) {
  .skewbtncover .bannersx11generalbtn {
    font-size: 15px;
    line-height: 28px;
    min-width: 180px;
  }
  .skewbtncover .bannersx11generalbtn.emptypad {
    font-size: 28px;
  }
}

@media only screen and (max-width: 320px) {
  .skewbtncover .bannersx11generalbtn {
    font-size: 12px;
    line-height: 21px;
    min-width: 140px;
  }
  .skewbtncover .bannersx11generalbtn.emptypad {
    font-size: 21px;
  }
}




.style-sideimage .contentimg {
  width: 100%;
  height: 100%;
  position: relative;
  //z-index: 20;
}
.style-sideimage .contentimg img {
  width: 100%;
  height: auto !important;
}
@media (min-width: 1170px) {
  .style-sideimage .contentimg img {
    width: auto !important;
    height: 540px !important;
  }
}
@media (min-width: 1280px) {
  .style-sideimage .contentimg img {
    height: 560px !important;
  }
}
@media (min-width: 1440px) {
  .style-sideimage .contentimg img {
    height: 640px !important;
  }
}
@media (min-width: 1920px) {
  .style-sideimage .contentimg img {
    height: 700px !important;
  }
}
.style-sideimage .skewbtncover {
  position: absolute;
  bottom: 20px;
  right: 25px;
}
.style-sideimage .skewbtncover.skewbtncover {
  position: absolute;
  bottom: 20px;
  left: auto;
  right: 25px;
}



.skewgeneralbtn.emptypad {
  padding: 4px 4px;
  font-size: 2rem;
  line-height: 0;
  min-width: auto;
  margin-right: -3px;
}
.skewgeneralbtn.emptypad.smaller {
  padding: 8px 8px;
  font-size: 1.55rem;
}
@media only screen and (min-width: 768px) {
  .skewgeneralbtn {
    font-size: 0.938rem;
    line-height: 28px;
    min-width: 170px;
  }
  .skewgeneralbtn.emptypad {
    padding: 3px 4px;
    font-size: 2.375rem;
  }
  .skewgeneralbtn.emptypad.smaller {
    padding: 6px 8px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 320px) {
  .skewgeneralbtn {
    font-size: 0.813rem;
    line-height: 21px;
    min-width: 140px;
  }
  .skewgeneralbtn.emptypad {
    padding: 2.5px 3px;
  }
}





/* STANDARD CSS */
/* ZOOM IMAGEs */
[class^="icosx11-"], [class*=" icosx11-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icosx11' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
















































