/* Containers */

@media(min-width:768px){
    
    .container-md-fluid{
        
        max-width:none;
        width:100%;
        
    }
    
}


.hide-arrows .arrows-wrapper {
  display: none !important;
}

.show-arrows .arrows-wrapper {
  display: block !important;
}

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .hide-arrows-sm .arrows-wrapper {
    display: none !important;
  }

  .show-arrows-sm .arrows-wrapper {
    display: block !important;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .hide-arrows-md .arrows-wrapper {
    display: none !important;
  }
  .show-arrows-md .arrows-wrapper {
    display: block !important;
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .hide-arrows-lg .arrows-wrapper {
    display: none !important;
  }
  .show-arrows-lg .arrows-wrapper {
    display: block !important;
  }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .hide-arrows-xl .arrows-wrapper {
    display: none !important;
  }
  .show-arrows-xl .arrows-wrapper {
    display: block !important;
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .hide-arrows-xxl .arrows-wrapper {
    display: none !important;
  }
  .show-arrows-xxl .arrows-wrapper {
    display: block !important;
  }
}

.arrows-white .swiper-button-next::after,
.arrows-white .swiper-button-prev::after{
    color: #fff !important;
}


.hide-pagination .swiper-pagination {
    display: none !important;
  }
  
  .show-pagination .swiper-pagination {
    display: block !important;
  }
  
  /* Small devices (480px and up) */
  @media (min-width: 480px) {
    .hide-pagination-sm .swiper-pagination {
      display: none !important;
    }
  
    .show-pagination-sm .swiper-pagination {
      display: block !important;
    }
  }
  
  /* Medium devices (768px and up) */
  @media (min-width: 768px) {
    .hide-pagination-md .swiper-pagination {
      display: none !important;
    }
    .show-pagination-md .swiper-pagination {
      display: block !important;
    }
  }
  
  /* Large devices (1024px and up) */
  @media (min-width: 1024px) {
    .hide-pagination-lg .swiper-pagination {
      display: none !important;
    }
    .show-pagination-lg .swiper-pagination {
      display: block !important;
    }
  }
  
  /* Extra large devices (1200px and up) */
  @media (min-width: 1200px) {
    .hide-pagination-xl .swiper-pagination {
      display: none !important;
    }
    .show-pagination-xl .swiper-pagination {
      display: block !important;
    }
  }
  
  /* Extra extra large devices (1366px and up) */
  @media (min-width: 1366px) {
    .hide-pagination-xxl .swiper-pagination {
      display: none !important;
    }
    .show-pagination-xxl .swiper-pagination {
      display: block !important;
    }
  }


.text-align-center { text-align: center !important; }
.text-align-left { text-align: left !important; }
.text-align-right { text-align: right !important; }

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .text-align-sm-center { text-align: center !important; }
  .text-align-sm-left { text-align: left !important; }
  .text-align-sm-right { text-align: right !important; }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .text-align-md-center { text-align: center !important; }
  .text-align-md-left { text-align: left !important; }
  .text-align-md-right { text-align: right !important; }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .text-align-lg-center { text-align: center !important; }
  .text-align-lg-left { text-align: left !important; }
  .text-align-lg-right { text-align: right !important; }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .text-align-xl-center { text-align: center !important; }
  .text-align-xl-left { text-align: left !important; }
  .text-align-xl-right { text-align: right !important; }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .text-align-xxl-center { text-align: center !important; }
  .text-align-xxl-left { text-align: left !important; }
  .text-align-xxl-right { text-align: right !important; }
}



.content-align-center .content-wrapper * { text-align: center !important; }
.content-align-left .content-wrapper * { text-align: left !important; }
.content-align-right .content-wrapper * { text-align: right !important; }

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .content-align-sm-center .content-wrapper * { text-align: center !important; }
  .content-align-sm-left .content-wrapper * { text-align: left !important; }
  .content-align-sm-right .content-wrapper * { text-align: right !important; }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .content-align-md-center .content-wrapper * { text-align: center !important; }
  .content-align-md-left .content-wrapper * { text-align: left !important; }
  .content-align-md-right .content-wrapper * { text-align: right !important; }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .content-align-lg-center .content-wrapper * { text-align: center !important; }
  .content-align-lg-left .content-wrapper * { text-align: left !important; }
  .content-align-lg-right .content-wrapper * { text-align: right !important; }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .content-align-xl-center .content-wrapper * { text-align: center !important; }
  .content-align-xl-left .content-wrapper * { text-align: left !important; }
  .content-align-xl-right .content-wrapper * { text-align: right !important; }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .content-align-xxl-center .content-wrapper * { text-align: center !important; }
  .content-align-xxl-left .content-wrapper * { text-align: left !important; }
  .content-align-xxl-right .content-wrapper * { text-align: right !important; }
}


.overflow-x-visible { overflow-x: visible !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-y-visible { overflow-y: visible !important; }
.overflow-y-hidden { overflow-y: hidden !important; }

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .overflow-x-sm-visible { overflow-x: visible !important; }
  .overflow-x-sm-hidden { overflow-x: hidden !important; }
  .overflow-y-sm-visible { overflow-y: visible !important; }
  .overflow-y-sm-hidden { overflow-y: hidden !important; }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .overflow-x-md-visible { overflow-x: visible !important; }
  .overflow-x-md-hidden { overflow-x: hidden !important; }
  .overflow-y-md-visible { overflow-y: visible !important; }
  .overflow-y-md-hidden { overflow-y: hidden !important; }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .overflow-x-lg-visible { overflow-x: visible !important; }
  .overflow-x-lg-hidden { overflow-x: hidden !important; }
  .overflow-y-lg-visible { overflow-y: visible !important; }
  .overflow-y-lg-hidden { overflow-y: hidden !important; }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .overflow-x-xl-visible { overflow-x: visible !important; }
  .overflow-x-xl-hidden { overflow-x: hidden !important; }
  .overflow-y-xl-visible { overflow-y: visible !important; }
  .overflow-y-xl-hidden { overflow-y: hidden !important; }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .overflow-x-xxl-visible { overflow-x: visible !important; }
  .overflow-x-xxl-hidden { overflow-x: hidden !important; }
  .overflow-y-xxl-visible { overflow-y: visible !important; }
  .overflow-y-xxl-hidden { overflow-y: hidden !important; }
}


.display-block{display:block!important}
.display-none{display:none!important}
.display-inline{display:inline!important}
.display-inline-block{display:inline-block!important}
.display-flex{display:flex!important}

@media (min-width:480px){
    .display-sm-block{display:block!important}
    .display-sm-none{display:none!important}
    .display-sm-inline{display:inline!important}
    .display-sm-inline-block{display:inline-block!important}
    .display-sm-flex{display:flex!important}
}

@media (min-width:768px){
    .display-md-block{display:block!important}
    .display-md-none{display:none!important}
    .display-md-inline{display:inline!important}
    .display-md-inline-block{display:inline-block!important}
    .display-md-flex{display:flex!important}
}

@media (min-width:1024px){
    .display-lg-block{display:block!important}
    .display-lg-none{display:none!important}
    .display-lg-inline{display:inline!important}
    .display-lg-inline-block{display:inline-block!important}
    .display-lg-flex{display:flex!important}
}

@media (min-width:1200px){
    .display-xl-block{display:block!important}
    .display-xl-none{display:none!important}
    .display-xl-inline{display:inline!important}
    .display-xl-inline-block{display:inline-block!important}
    .display-xl-flex{display:flex!important}
}

@media (min-width:1366px){
  .display-xxl-block{display:block!important}
  .display-xxl-none{display:none!important}
  .display-xxl-inline{display:inline!important}
  .display-xxl-inline-block{display:inline-block!important}
  .display-xxl-flex{display:flex!important}
}


.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }

.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }

.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }

@media(min-width:480px){
    .flex-row-sm { flex-direction: row !important; }
    .flex-column-sm { flex-direction: column !important; }

    .justify-content-start-sm { justify-content: flex-start !important; }
    .justify-content-end-sm { justify-content: flex-end !important; }
    .justify-content-center-sm { justify-content: center !important; }
    .justify-content-between-sm { justify-content: space-between !important; }
    .justify-content-around-sm { justify-content: space-around !important; }

    .align-items-start-sm { align-items: flex-start !important; }
    .align-items-end-sm { align-items: flex-end !important; }
    .align-items-center-sm { align-items: center !important; }
    .align-items-baseline-sm { align-items: baseline !important; }
    .align-items-stretch-sm { align-items: stretch !important; }
}
@media(min-width:768px){
    .flex-row-md{ flex-direction: row !important; }
    .flex-column-md{ flex-direction: column !important; }

    .justify-content-start-md{ justify-content: flex-start !important; }
    .justify-content-end-md{ justify-content: flex-end !important; }
    .justify-content-center-md{ justify-content: center !important; }
    .justify-content-between-md{ justify-content: space-between !important; }
    .justify-content-around-md{ justify-content: space-around !important; }

    .align-items-start-md{ align-items: flex-start !important; }
    .align-items-end-md{ align-items: flex-end !important; }
    .align-items-center-md{ align-items: center !important; }
    .align-items-baseline-md{ align-items: baseline !important; }
    .align-items-stretch-md{ align-items: stretch !important; }
}
@media(min-width:1024px){
    .flex-row-lg{ flex-direction: row !important; }
    .flex-column-lg{ flex-direction: column !important; }

    .justify-content-start-lg{ justify-content: flex-start !important; }
    .justify-content-end-lg{ justify-content: flex-end !important; }
    .justify-content-center-lg{ justify-content: center !important; }
    .justify-content-between-lg{ justify-content: space-between !important; }
    .justify-content-around-lg{ justify-content: space-around !important; }

    .align-items-start-lg{ align-items: flex-start !important; }
    .align-items-end-lg{ align-items: flex-end !important; }
    .align-items-center-lg{ align-items: center !important; }
    .align-items-baseline-lg{ align-items: baseline !important; }
    .align-items-stretch-lg{ align-items: stretch !important; }
}
@media(min-width:1200px){
    .flex-row-xl{ flex-direction: row !important; }
    .flex-column-xl{ flex-direction: column !important; }

    .justify-content-start-xl{ justify-content: flex-start !important; }
    .justify-content-end-xl{ justify-content: flex-end !important; }
    .justify-content-center-xl{ justify-content: center !important; }
    .justify-content-between-xl{ justify-content: space-between !important; }
    .justify-content-around-xl{ justify-content: space-around !important; }

    .align-items-start-xl{ align-items: flex-start !important; }
    .align-items-end-xl{ align-items: flex-end !important; }
    .align-items-center-xl{ align-items: center !important; }
    .align-items-baseline-xl{ align-items: baseline !important; }
    .align-items-stretch-xl{ align-items: stretch !important; }
}
@media(min-width:1200px){
    .flex-row-xxl{ flex-direction: row !important; }
    .flex-column-xxl{ flex-direction: column !important; }

    .justify-content-start-xxl{ justify-content: flex-start !important; }
    .justify-content-end-xxl{ justify-content: flex-end !important; }
    .justify-content-center-xxl{ justify-content: center !important; }
    .justify-content-between-xxl{ justify-content: space-between !important; }
    .justify-content-around-xxl{ justify-content: space-around !important; }

    .align-items-start-xxl{ align-items: flex-start !important; }
    .align-items-end-xxl{ align-items: flex-end !important; }
    .align-items-center-xxl{ align-items: center !important; }
    .align-items-baseline-xxl{ align-items: baseline !important; }
    .align-items-stretch-xxl{ align-items: stretch !important; }
}



.m-0 {
  margin: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}


.mb-default {
  margin-bottom: var(--default-gap) !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}

.m-auto {
  margin: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mx-auto{
    margin: 0 auto !important;
}

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }

  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0 {
    margin-left: 0 !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
}




.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}

.p-auto {
  padding: auto !important;
}
.pt-auto {
  padding-top: auto !important;
}
.pr-auto {
  padding-right: auto !important;
}
.pb-auto {
  padding-bottom: auto !important;
}
.pl-auto {
  padding-left: auto !important;
}

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-auto {
    padding: auto !important;
  }
  .pt-sm-auto {
    padding-top: auto !important;
  }
  .pr-sm-auto {
    padding-right: auto !important;
  }
  .pb-sm-auto {
    padding-bottom: auto !important;
  }
  .pl-sm-auto {
    padding-left: auto !important;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }

  .p-md-auto {
    padding: auto !important;
  }
  .pt-md-auto {
    padding-top: auto !important;
  }
  .pr-md-auto {
    padding-right: auto !important;
  }
  .pb-md-auto {
    padding-bottom: auto !important;
  }
  .pl-md-auto {
    padding-left: auto !important;
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-auto {
    padding: auto !important;
  }
  .pt-lg-auto {
    padding-top: auto !important;
  }
  .pr-lg-auto {
    padding-right: auto !important;
  }
  .pb-lg-auto {
    padding-bottom: auto !important;
  }
  .pl-lg-auto {
    padding-left: auto !important;
  }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-auto {
    padding: auto !important;
  }
  .pt-xl-auto {
    padding-top: auto !important;
  }
  .pr-xl-auto {
    padding-right: auto !important;
  }
  .pb-xl-auto {
    padding-bottom: auto !important;
  }
  .pl-xl-auto {
    padding-left: auto !important;
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0 {
    padding-left: 0 !important;
  }

  .p-xxl-auto {
    padding: auto !important;
  }
  .pt-xxl-auto {
    padding-top: auto !important;
  }
  .pr-xxl-auto {
    padding-right: auto !important;
  }
  .pb-xxl-auto {
    padding-bottom: auto !important;
  }
  .pl-xxl-auto {
    padding-left: auto !important;
  }
}


/* position */

.position-relative{
    position: relative !important;
}










/* Container */

@media(min-width:1200px){
    
    .container-xxl-fluid{
        max-width: none !important;
        width: 100%;
    }
    
}


/** Start of Background Colors **/

/*.bg-primary{*/
/*    background-color: var(--color-blush-beige) !important;*/
/*}*/

/** End of Background Colors **/




/* Zig Zag Image Start */

@media(min-width:1024px){
    
    .zig-zag-image:nth-child(even) .image{
        order: 2 !important;
    }

    .zig-zag-image:nth-child(odd) .image{
        order: -1 !important;
    }

}

/* Zig Zag Image End */



/* Zig Zag Flex Box */

@media(min-width:1024px){
    
    .zig-zag-image:nth-child(even) .image{
        order: 2 !important;
    }

    .zig-zag-image:nth-child(odd) .image{
        order: -1 !important;
    }

}

/* Zig Zag Flex Box */

.sticky-elemnt{
    position: sticky;
    top: calc(var(--number-header-height) + 25px);
}


/* Hide When Empty Start */

.has-childs {
    display:none;
}

/* Hide When Empty End */


/* Disable Buttons Start */

.disabled{
    pointer-events: none !important;
}

.disabled.visual-disabled{
    opacity: 0.75;
}

/* Disable Buttons End */


/* Flex Order Start */

.order-first{
  order:-1 !important;
  margin-bottom:var(--default-gap) !important;
}

.order-second{
  order:2 !important;
  margin-bottom:0 !important;
}

/*Ignore active class styles*/
.ignore-active:after {
    display: none !important
}


/* Small devices (480px and up) */
@media (min-width: 480px) {
  .order-sm-first{
      order:-1 !important;
      margin-bottom:var(--default-gap) !important;
    }
    
    .order-sm-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .order-md-first{
      order:-1 !important;
      margin-bottom:var(--default-gap) !important;
    }
    
    .order-md-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
    .order-lg-first{
      order:-1 !important;
      margin-bottom:var(--default-gap) !important;
    }
    
    .order-lg-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
    .order-xl-first{
      order:-1 !important;
      margin-bottom:var(--default-gap) !important;
    }

    .order-xl-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
      .order-xxl-first{
          order:-1 !important;
          margin-bottom:var(--default-gap) !important;
        }

    .order-xxl-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}


/* Flex Order End */

/*Object position - Start */
.main-visual-object-position-unset .r2g-banner-slide img{object-position: unset !important;}
/*Object position - End */

/* video Object position  - Start */
.main-visual-object-position-top video{object-position: center 15% !important;}
/* video Object position - End */

/*Used to direct the URL fragments to same content*/
.directions-wrap
{
  scroll-margin-top: 100px; 
}
/*Used to direct the URL fragments to same content*/


/*Adding Swinging Santa Jasper - START - Cosmo DWC & DWC*/

.christmas-logo {
        position: absolute;
        top: 100px;
        z-index: 2;
        left: 70px;
        width: 8.5%;
        height: fit-content;
        display: block;
        animation: swing ease-in-out 1s infinite alternate;
        transform-origin: center -20px;
        float: left;
    }

    @keyframes swing {
        0% {
            transform: rotate(5deg)
        }

        100% {
            transform: rotate(-5deg)
        }
    }

       .swing-wrapper::before {
        left: 5%;
        background: #ba9e61b3;
        webkit-filter: blur(50px);
        filter: blur(50px);
        content: "";
        position: absolute;
        width: 7%;
        top: 15%;
        height: 15%;
        z-index: 1;
    }

    @media(min-width: 768px) and (max-width:1365px) {
        .christmas-logo {
            top: 100px;
            right: 105px;
            width: 12%;
        }

        .swing-wrapper::before {
            right: 120px;
            top: 50px
        }
    }

    @media(max-width: 767px) {
         .christmas-logo {
            top:70px;
            right: 50px;
            width: 20%;
            left: unset;
        }

        .swing-wrapper::before {
           right: 12%;
            width: 20%;
            top: 10%;
            height: 7%;
            left: unset;
        }
    }


/*Adding Swinging Santa Jasper - END - Cosmo DWC & DWC*/


/*Removing Banner Overlay - START - D.MELBOURNE*/
    body:has(input[type="hidden"][data-property-id="dorsett-melbourne"]) .r2g-main-visual-simple .image-wrapper:before {
        display: none;
    }
/*Removing Banner Overlay - END - D.MELBOURNE*/

/*Fixing issue links with no anchor text  - START - All Properties*/
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
/*Fixing issue links with no anchor text  - END - All Properties*/

/*Changing "Join Dorsett - Your Rewards" Floating Button on Mobile View  - START - All Properties*/
@media(max-width:1023px){
    .button-badge p.mobile-only {
        display: block;
    }
    .button-badge {
        width: 55px;
        gap: 5px;
    }
}

@media(min-width:1024px){
    .button-badge p.mobile-only {
        display: none;
    }
}

/*Changing "Join Dorsett - Your Rewards" Floating Button on Mobile View  - END - All Properties*/

.text-transform-none{
    text-transform: none !important;
}


/*Make Responsive Tables for Offer Pages in Mobile View - START - B*/

        
@media(max-width:767px){  
        .offers-table table.bt thead,
        .offers-table table.bt tbody th {
          display: none;
        }
        
        .offers-table table.bt tfoot th,
        .offers-table table.bt tfoot td,
        .offers-table table.bt tbody td {
          border: none;
          display: block;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          vertical-align: top;
        
          /* IE 9 */
          float: left\9;
          width: 100%\9;
          width: 100%;
          flex-wrap: nowrap;
          justify-content: space-between;
        }
        
        .offers-table table.bt tfoot th::before,
        .offers-table table.bt tfoot td::before,
        .offers-table table.bt tbody td::before {
          text-align: left;
          content: attr(data-th) ": ";
          display: inline-block;
          -webkit-flex-shrink: 0;
          -ms-flex-shrink: 0;
          flex-shrink: 0;
          font-weight: bold;
          width: 45%;
        }
        
        .offers-table table.bt tfoot th.bt-hide,
        .offers-table table.bt tfoot td.bt-hide,
        .offers-table table.bt tbody td.bt-hide {
          display: none;
        }
        
        .offers-table table.bt tfoot th .bt-content,
        .offers-table table.bt tfoot td .bt-content,
        .offers-table table.bt tbody td .bt-content {
          vertical-align: top;
        }
        
        .bt-wrapper.active {
          max-height: 310px;
          overflow: auto;
          -webkit-overflow-scrolling: touch;
        }
        
        .offers-table table.bt.bt--no-header tfoot td::before,
        .offers-table table.bt.bt--no-header tbody td::before {
          display: none;
        }
        
        /*.offers-table table tr td:first-of-type {
            border-bottom: 1px solid #e4ebeb;
        }*/
        
        .offers-table table > tbody >tr >th,
        .offers-table table > tbody >tr >td {
            padding: 8px 10px;
        }
        
        .offers-table table tr td:first-of-type {
            padding-top: 20px;
        }
        .offers-table table tr td:last-of-type {
            padding-bottom: 20px;
        }
    
        .offers-table table.bt {
            width: 100%!important;
        }
        
        .offers-table table.bt tr:first-child {
            display: none;
        }
        .offers-table .text-align-left.r2g-content-sub:not(.default-align) table * {
            text-align: left !important;
        }
 
  }
 
 @media (min-width:768px) and (max-width:1600px){  
     .table-scroll-wrapper {
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    
    .table-scroll-wrapper table {
      width: 100%;
      max-width: 800px;
      border-collapse: collapse;
    }
    .offers-table table tr td {
            padding: 19px 25px 16px 25px;
    }

 }
/*Make Responsive Tables for Offer Pages in Mobile View - END - B*/

/*Make Responsive videos - START - B*/
.r2g-main-visual-simple.row.strip-row video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.r2g-main-visual-simple .image-wrapper.has-video img {
    display: unset;
    opacity: 0;
}
/*Make Responsive videos - END - B*/


/*Optimizing The Opaque Offer Page "Double the Points, Double the Adventures - START - B*/
.double-offerslist span{
    width: 100%;
    height: 10px;
    display: block; 
}

.double-offerslist span.dorsett-line {
    background: #b3d9da;
}

.double-offerslist span.dcollection-line {
    background: #ff7533;
}

.double-offerslist span.silka-line {
    background: #862175;
}

.double-offerslist span.dao-line {
    background: #EEC4B4;
}
.double-content.strip-row {
    margin-bottom:50px;
}
.double-offerslist .custom-accordian-list .accordian-item::after {
    display: none; 
}
.double-offerslist.row.strip-row {
    margin-bottom: 0;
}

.double-offerslist .citis-hotels-list-wrapper .container{
    padding:0;
}

.double-offerslist ul.tab-items-wrapper {
    margin-bottom: 60px;
}
.double-offerslist.r2g-tabs-main-strip .tabs-inner-wrapper {
    justify-content: center;
}
.parking-at-dorsett-gold-coast .strip-row {
    margin-bottom: 70px;
}
.parking-at-dorsett-gold-coast .r2g-breadcrumb.strip-row {
    margin-bottom: 50px;
}
@media (max-width: 767px) {

  .double-offerslist .mobile-tab-dropdown {
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
  }

  .double-offerslist.r2g-tabs-main-strip .accordion-title {
    display: none !important;
  }
  .double-offerslist.r2g-tabs-main-strip .tab-titles-wrapper {
    display: block !important;
    }
}

@media (min-width: 768px) {
  .double-offerslist .mobile-tab-dropdown {
    display: none;
  }
  .img-wrap-map img {
    width: 60%;
    }
  .main-content-first h2 {
    margin: 40px 0;
    }
    
     .offers-table table tr td {
            padding: 19px 25px 16px 25px;
    }
}


@media (min-width: 1200px) {
   .double-offerslist  .r2g-css-flex-grid-sub-component.city-block-group>.flex-xlist>.xList-items {
        gap: 30px;
        width: 100%;
    }
   .double-offerslist  .r2g-css-flex-grid-sub-component.three-col-xlist-1200.with-gap.city-block-group > .xlist-strip > .strip-xlist > .xList-item {
        width: calc(33.3333% - (30px * 2 / 3));
    }
}

.table-of-contents {
    margin-bottom: 50px;
}
.table-of-contents ul > li ul {
    margin-top: 10px;
}
.table-of-contents ~ h2,
.table-of-contents ~ h3 {
    scroll-margin-top: 100px;
}

/*Optimizing The Opaque Offer Page "Double the Points, Double the Adventures - END - B*/

/*Enabling Black and white theme - Bhagya - START*/
/*html.grayscale-mode {*/
/*    filter: grayscale(100%);*/
/*    -webkit-filter: grayscale(100%);*/
/*}*/

/*Enabling Black and white theme - Bhagya - END*/







.article-details iframe {
    width: calc(50% - 1px) !important;
    min-width: 300px !important;
    margin: 50px 0 !important;
}