/*
Theme Name: Haunted Attraction
Theme URI: http://xxx.com/
Template: builder
Version: 3.4
Updated: 10/10/2024
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Builder with drag and drop elements using wireframe kit design.
Tags: wordpress, bootstrap, wireframe, acf
*/

/*------------------------------------------
    #MARK: REMOVE
------------------------------------------*/
/* #region */

.mh { 
    min-height: 2000px; 
}

body:not(.wp-admin) {
    background-color: black;
}

/*
body:not(.wp-admin) { 
	zoom: 0.8;
}
    */

/* #endregion */

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

:root {

    --font-size: 17px;

    --font-2: "Eaglore";

    --font-1: "Kurdis";
    --font-1c: "Kurdis Condensed";
    --font-1sc: "Kurdis Semi Condensed";
    --font-1ec: "Kurdis Extra Condensed";
    --font-1w: "Kurdis Wide";
    --font-1ew: "Kurdis Extra Wide";
    --font-sgc: 'Special Gothic Condensed One';
    --font-a: "Arton";


    --color-btn1: #00FAD0;
    --orange: #FF6E13;
    --aqua: #00FAD0;

    --color1: #B9B9B9;
    --color2: #00FAD0;
    --color3: #FD9A26;
    --color4: #FF5501;
    --color5: #609B03;
    --color6: #FEF517;


    /*
        
    --color1: #003663;
    --color2: #001221;
    --color3: #CC003B;

    --h1: 80px;
    --h2: 54px;
    --h3: 44px;
    --h4: 32px;
    --h5: 24px;
    --h6: 18px;
    */

    --color10: black;
    --color11: white;

    --a: #DDA15E;
    --hover: #A1AEB7;       

    --darktitle:white;
    --darktext:white;
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */

.mtitle,
.ttitle {
    font-family: var(--font-2);
    color: white;
    font-weight: 400;
}

.btitle, .mtitle, .ttitle {
    text-transform: capitalize;
}

.btitle {
    color: var(--orange);
    font-family: var(--font-1ew);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.dtext {
    font-size: 16px;
    line-height: 127%;
}

.dtext a {
    color: #FF5501;
    text-decoration: underline;
}

.dtext a:hover {
    text-decoration: none;
    color: #FF5501;
}

.wp-admin section.element {
    background-color: black;
}

.hide-moi {
    display: none;
}

.home section.element .wrap {
    
}

.bg-black {
    background-color: black;
}

.section-cluster {
    position: relative;
}

.section-cluster .overlay.full {
    background-position: top center;
}
.section-cluster .overlay.partial {
    background-size: 100%;
    background-position: top center;
}

section [data-theme="dark"],
section[data-theme="dark"] { background-color: transparent; }
[data-theme="light"] { background-color: transparent !important; }

.separator {
    height: 50px;
}

/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */

.btn-2,
.btn-1,
.btn-4 {
    border-radius: 50px;
    border: 3px solid var(--color-btn1);
    background-color: transparent;
    padding: 6px 20px;
}

.btn-2::after,
.btn-1::after {
    background-color: var(--color-btn1);
    border-radius: 50px;
    opacity: 0;
}

.btn-2:hover,
.btn-1:hover {
    background-color: var(--color-btn1);
}

.btn-2 span,
.btn-1 span {
    color: var(--color-btn1);
    /* font-family: var(--font-1c); */
    font-family: var(--font-sgc);
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;    
    line-height: 1;
    transition: 0.5s;
}

.btn-2 span,
.btn-1 span { 
    font-size: 22px;
    word-spacing: 0px;
}

.btn-2:hover span,
.btn-1:hover span {
    color: #222;
}

.btn-2 {
    border: 3px solid #ff5502;
}

.btn-2::after {
    background-color: #ff5502;
}

.btn-2:hover {
    background-color: #ff5502;
}

.btn-2 span {
    color: #ff5502;
}

/*
.btn-3 {
    border-radius: 50px;
    border: 3px solid var(--color-btn1);
    background-color: transparent;
    padding: 6px 20px;
}

.btn-3::after {
    background-color: var(--color-btn1);
    border-radius: 50px;
    opacity: 0;
}

.btn-3:hover {
    background-color: var(--color-btn1);
}

.btn-3 span {
    color: var(--color-btn1);
    font-family: var(--font-sgc);
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;    
    line-height: 1;
    transition: 0.5s;
}

.btn-3 span { 
    font-size: 22px;
    word-spacing: 0px;
}

.btn-3:hover span {
    color: #222;
}
*/    


.link-more span {
    color: var(--color4);
    font-family: var(--font-1sc);
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.5px;
    text-transform: uppercase;    
    line-height: 1;
    font-size: 21px;
    transition: 0.3s;
}

.link-more:hover span {
    color: var(--aqua);
}

.av img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom center;
}

/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */

header .container-xl {
    max-width: 1050px;
}

.header-logo {
    position: relative;
    width: 150px;
}

    .header-logo .navbar-brand {
        position: absolute;
        top: calc(50% + 44px);
        left: calc(50% + 0px);
        transform: translateX(-50%) translateY(-50%);
    }

    .header-logo .navbar-brand { 
        width: 290px;
    }

header .menu_wrap {
    padding: 15px 0;
    background-color: rgba(0,0,0,1);
}

#navbar-home .menu-extension {
    margin-left: 17px;
}

#navbar-home .navbar-nav {
    gap: 22px;
}

#navbar-home .main-menu {
    margin-top: 4px;
} 

    .main-menu .navbar-nav .nav-link {
        padding: 0;
    }

    .main-menu .nav-link span {
        font-family: var(--font-1c);
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: white;
        transition: 0.3s;
    }

    .main-menu .menu-item.active .nav-link span,
    .main-menu .menu-item .nav-link:hover span {
        color: #FF5501;
    }

.menu-extension .btn-1,
.menu-extension .btn-4{
    padding: 4px 13px;
}

    .menu-extension .btn-1 span,
	.menu-extension .btn-4 span{
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 0.5px;
    }

.mobile-menu .menu-item .nav-link { 
    padding: 5px 0;
}    

.mobile-menu .menu-item {
    padding: 0;
}

.mobile-menu .menu-item span {
font-family: var(--font-1c);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: white;
  transition: 0.3s;
}  

.mobile-menu .menu-item:focus-within span,
.mobile-menu .menu-item:active span,
.mobile-menu .menu-item:focus span,
.mobile-menu .menu-item:hover span { color: #EF5209; }

.mobile-menu .menu-item-2720 {
    margin-bottom: 20px;
}


.mobile-menu .menu-item-2721 a span,
.mobile-menu .menu-item-2722 a span,
.mobile-menu .menu-item-2724 a span,
.mobile-menu .menu-item-2723 a span {
    text-transform: capitalize;
    font-weight: 400;
    font-size: 18px;
}

header #menu-oc-right {
    background-color: #222;
}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */

footer .wrap {
    padding: 32px 0 25.6px;
}

footer .top-wrap {
    background-color: #1E1E1E;
}

footer .container-xl {
    max-width: 944px;
}

footer .flexic {
    justify-content: space-between;
}

footer .fcol-2 {
    flex: 0 0 280px;
}

footer .dtitle {
    color: white;
    font-family: var(--font-1c);
    text-transform: uppercase;
    font-weight: 600;
    font-size: 27.2px;
    letter-spacing: -0.08px;
}

    /* ABOUT */
    footer .comp-about {
        padding: 25.6px 0 0 3.2px;
    }

    footer .comp-about .dtitle {
        color: #FC6F14;
    }

    footer .comp-about .dtext {
        margin-top: 13.6px;
        letter-spacing: -0.32px;
        line-height: 1.1;
    }

    /* ADDRESS */
    footer .comp-address .sc-contact {
        color: var(--color1);
        font-size: 16px;
        margin: 16px 0 0 1.6px;
        letter-spacing: -0.32px;
        transition: 0.3s;
    }

    footer .comp-address .sc-contact:hover {
        color: var(--color3);
    }

    /* BUTTON */
    footer .extra-button {
        margin-top: 24px;
    }

    footer .btn-1,
	footer .btn-4 {
        padding: 5.2px 20px;
    }

    footer .btn-1 span,
	footer .btn-4 span {
        font-size: 24px;
    }

footer .fcol-2 .dtitle {
    margin-left: 1.6px;
}

footer .fcol-2 .dtext {
    letter-spacing: -0.28px;
    margin: 8.8px 0 0;
    line-height: 1.4;
}  

footer .fcol-2 .dtext a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    color: #FA6F11;
}

footer .fcol-2 .dtext a::after {
    content: '';
    position: absolute;
    border-bottom: 1px solid #FA6F11;
    bottom: 4px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    transition: 0.1s;
}

footer .fcol-2 .dtext a:hover::after {
    width: 0;
}

footer .fcol-2 .dtext a:hover {
    color: #FD9A26;
}

    /* HIRING */

    /* SOCIAL */
    footer .comp-social {
        margin: 24px 0 0 0;
    }

    footer .social-icons {
        margin: 13.6px 0 0px 1.6px;
        gap: 17.6px;
    }

    footer .social-icons .soc-link {
        background-color: transparent;
        border-radius: 0;
        width: auto;
        height: auto;
    }

    footer .social-icons .icon {
        filter: brightness(0) saturate(100%) invert(31%) sepia(14%) saturate(3572%) hue-rotate(122deg) brightness(88%) contrast(98%);
    }

    footer .social-icons .soc-link img {
        max-width: 22.8px;
        opacity: 1;
    }

    footer .social-icons .soc-link:nth-child(4) img {
        max-width: 27.2px;
    }

    footer .social-icons a {
        transition: 0.3s;
    }

    footer .social-icons a:hover {
        filter: brightness(2);
    }

    /* SUPPORT */

    footer .comp-support {
        margin: 31.2px 0 0 0;
    }

footer .f-links {
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-family: var(--font-1);
}

footer .f-links,
footer .f-links .sep,
footer .f-links .simp-link {
    color: white;
    transition: 0.3s;
}

footer .f-links .simp-link {
    letter-spacing: 0.32px;
}    

footer .f-links .simp-link:hover {
    color: #FA6F11;
}

.footer-menu .menu-title { display: none; }
.footer-menu ul.dv {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu ul.dv li a {
    color: white;
    transition: 0.3s;
}

.footer-menu ul.dv li {
    position: relative;
    padding-left: 12px;
}

.footer-menu ul.dv li::before {
    content: '|';
    position: relative;
    left: -4px;
}

.footer-menu ul.dv li:first-child::before {
    display: none;
}

.footer-menu ul.dv li a:hover {
    color: #FA6F11;
}

footer .copy {
    margin-top: 10px;
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    font-family: var(--font-1);
}


footer .f-links .sep {
    margin: 0 8px;
}

footer .copyright {
    background-color: black;
    padding: 36.8px 0 19.2px;
}

footer .disclaimer { 
    text-align: center;
}

/*
.footer-menu ul.dv li:last-child {
    display: none;
}
*/    

footer .disclaim {
    display: inline-block;
    font-family: var(--font-1);
    font-weight: 700;
    color: var(--color4);
    position: relative;
    margin: 12.8px auto 0;
    font-size: 16.8px;
    letter-spacing: 0.32px;
    padding: 24px 44.8px 16px;
}

footer .disclaim::after,
footer .disclaim::before {
    background: url(images/bg/alert.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    width: 32.8px;
    height: 30px;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    content: '';
}
footer .disclaim::before {
    left: 0;
}
footer .disclaim::after {
    right: 0;
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO 01
------------------------------------------*/
/* #region */

.heroopt-01 .wrap {
    height: 725px;
    align-items: flex-end;
    text-align: center;
    padding: 20px 0 90px;
}

.heroopt-01 .overlay.color {
    background-color: rgba(0,0,0,0.2);
}

.heroopt-01 .dinfo {
    position: relative;
}

.heroopt-01 .einfo {
    position: relative;
    z-index: 2;
    max-width: 640px;
    margin: 0 auto 30px;
}

.heroopt-01 .btitle,
.heroopt-01 .mtitle,
.heroopt-01 .atitle,
.heroopt-01 .dtitle {
    filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.8)) drop-shadow(-2px -2px 8px rgba(0,0,0,1));
}    

.heroopt-01 .btn {
    box-shadow: 1px 0px 15px rgba(0, 0, 0, 1);
}

.heroopt-01 .dtext {
	margin-top: 5px;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
}

.heroopt-01 .dtext a {
	color: var(--color1);
	text-decoration: none;
	opacity: 0.75;
}

.heroopt-01 .dtext:hover {
	
}
.heroopt-01 .dtext a:hover {
	color: var(--color-btn1);
	opacity: 1;
}

.heroopt-01 .dtext .stars {
    display: inline-block;
    width: auto;
    height: 18px;
	transform: translateY(-2px);
	margin-right: 5px;
}


.heroopt-01 .box {
    position: absolute;
    height: calc(68%);
    left: 50%;
    top: calc(50% - 25px);
    transform: translateX(-50%) translateY(-50%);
    width: calc(59%);
}

.heroopt-01 .box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    padding: 2px; /* Border thickness */
    background: linear-gradient(
        to right,
        white 0%,
        rgba(255, 255, 255, 0.8) 7.5%,
        rgba(255, 255, 255, 0.0) 15%,
        rgba(255, 255, 255, 0.0) 82%,
        rgba(255, 255, 255, 0.8) 92.5%,
        white 100%
      );
      -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
    z-index: -1;
}

/*
.heroopt-01 .btitle {
    font-size: 55px;
    letter-spacing: 7px;
}
*/    
.heroopt-01 .btitle {
    margin-top: 2px;
    font-size: 66px;
    letter-spacing: 5px;
    line-height: 1;    
    font-family: var(--font-2);
    color: white;
    font-weight: 400;
}

.heroopt-01 .atitle {
    font-family: var(--font-1c);
    color: white;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 3.3px;
    font-weight: 400;
    margin-top: 8px;
}

.heroopt-01 .mtitle {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 72px;
    letter-spacing: 4px;
    line-height: 1;
    font-family: var(--font-a);
    color: #FF0B00;
}

.heroopt-01 .dtitle {
    margin-top: 0px;
    font-size: 66px;
    letter-spacing: 5px;
    line-height: 1;    
    font-family: var(--font-2);
    color: white;
    font-weight: 400;
}

.heroopt-01 .btn-loop {
    margin-top: 20px;
}

.heroopt-01 .btn-1 span {
    letter-spacing: 0.5px;
    font-size: 21px;
    word-spacing: 2px;
}

.heroopt-01 .diconn {
    position: absolute;
    top: 11%;
    right: 4%;
    max-width: unset;
    width: 160px;
}

.heroopt-01 .diconn img {
    object-fit: cover;
    width: 100%;
}
.overlay.content {
    max-width: 1400px;
    left: 50%;
    transform: translate(-50%);
}

/* #endregion */


/*------------------------------------------
    #MARK: TITLE 01
------------------------------------------*/
/* #region */


.title-01 .wrap {
    padding: 35px 0 0;
}

.title-01 .btitles {
    display: flex;
    justify-content: center;
    gap: 50px;
    padding-right: 13px;
}

.title-01 .btitles .btitle {
    font-family: var(--font-1c);
    text-decoration: line-through;
    font-size: 32px;
    letter-spacing: 0.7px;
}

.title-01 .mtitle {
    margin-top: 18px;
    text-align: center;
    font-size: 51px;
    word-spacing: 1px;
    letter-spacing: 3px;
    padding-left: 11px;
    text-transform: capitalize;
}

.title-01 .btn-loop {
    width: 875px;
    display: flex;
    margin: 20px auto 0;
}

.title-01 .btn-1 {
    padding: 7px 26px;
}

.title-01 .btn-1 span {
    letter-spacing: 0.1px;
}

/* #endregion */


/*------------------------------------------
    #MARK: RFORM 01
------------------------------------------*/
/* #region */

.rowform-01 .wrap {
    padding: 31px 0 39px;
}

.rowform-01 .container-xl {
    max-width: 908px;
}

.rowform-01 .flexic {
    justify-content: space-between;
}

.rowform-01 .flexic .fcol-1 {
    flex: 0 0 442px;
}

.rowform-01 .flexic .fcol-2 {
    flex: 0 0 394px;
}

/* -------------- */

.rowform-01 .d-form {
    /* width: 485px; */
    background-color: rgba(0,0,0,1);
    padding: 17px 18px 21px 20px;
    margin: 9px 0 0;
}

.rowform-01 .d-form .d-tag {
    font-size: 22px;
    font-family: var(--font-1c);
    font-weight: 700;
    text-transform: uppercase;
    color: #FF5501;
    line-height: 1.24;
}

/* -------------- */

.rowform-01 .mtitle {
    font-size: 31px;
    letter-spacing: -0.1px;
    line-height: 1.3;
    margin-left: 2px;
    text-transform: uppercase;
}

.rowform-01 .dtext {
    margin: 6px 0 0 1px;
    line-height: 1.3;
}

.rowform-01 .dtext strong {
    font-family: var(--font-1c);
    color: #FF5501;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.19px;
    text-transform: uppercase;
    margin-bottom: 1px;
}

.rowform-01 .dtext p {
    margin-bottom: 18px;
}

.rowform-01 .validity {
    font-family: var(--font-2);
    margin: 24px 0 0;
    font-size: 28px;
    letter-spacing: 0.2px;
    transform: translateX(-2px);
    text-transform: uppercase;
}

.rowform-01 .vtext {
    color: white;
}

.rowform-01 .vtext,
.rowform-01 .vdate {
    line-height: 1;
}

.rowform-01 .vdate {
  margin-top: 2px;
  color: var(--aqua);
  letter-spacing: 0.6px;
}

/* #endregion */


/*------------------------------------------
    #MARK: SIGNUP
------------------------------------------*/
/* #region */


.signup .gform .gform_wrapper.gravity-theme .gform_validation_errors {
    display: none;
}

.signup .gform .gform_wrapper.gravity-theme .gfield input.large, 
.signup .gform .gform_wrapper.gravity-theme .gfield select.large {
    border: none;
    border-radius: 0;
    height: 38px;
    padding: 8px;
    background-color: #1A1A1A;
    line-height: 1;
    color: white;
}

.signup .gform .gform_wrapper.gravity-theme .gfield.gfield_error select, 
.signup .gform .gform_wrapper.gravity-theme .gfield.gfield_error input, 
.signup .gform .gform_wrapper.gravity-theme .gfield.gfield_error textarea {
    border: 1px solid red !important;
}

.signup .gform .gfield_required {
    display: none !important;
}

.signup .gform ::placeholder {
    font-size: 15px;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    color: white;
    font-weight: 700;
    font-family: var(--font-1);
    line-height: 1;
}

.signup .gform .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 17px;
}

.signup .gform .gform_required_legend {
    display: none;
}

.signup .gform .gform_wrapper {
    margin: 10px 0 0;
}

.signup .gform .ginput_container_consent {
    margin: 0 2px 0 0; 
    
}

.signup .gform .ginput_container_consent label {
    white-space: wrap;
}

.signup .gform .ginput_container_consent label {
    padding-left: 0;
    font-size: 13px;
    color: #777575;
    line-height: 15.5px;
    margin: 6px 0 0 0;
    text-indent: 20px;
}

.signup .gform .ginput_container_consent label a {
    color: var(--orange);
    text-decoration: underline;
}

.signup .gform .ginput_container_consent label::after {
    width: 12px;
    height: 12px;
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: transparent;
    top: 0px;
}

.signup .gform .ginput_container_consent label::before {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 11px;
}

.signup .gform .btn {
    display: inline-flex !important;
}

.signup .gform .gform_wrapper.gravity-theme .gform_footer, 
.signup .gform .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 6px 0 0 -8px;
}

.drag-map .pin-drag {
    width: 34px;
    height: 34px;
}

.signup .gform .gform_wrapper.gravity-theme .gform_footer .btn-1 {
    padding: 6px 20px;
}

.signup .gform .btn-1 span {
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0.5px;
    word-spacing: 0;
}

 .signup .gform_confirmation_message {
    color: white;
    margin-top: 10px;
    font-size: 16px;
 }

/* #endregion */


/*------------------------------------------
    #MARK: RXMedia 01
------------------------------------------*/

/* #region */

.rowxmedia-01 .wrap {
    padding: 0;
    overflow: hidden;
}

.rowxmedia-01 .overlay-0 {
    max-width: 420px;
    left: 32%;
    transform: translateX(-50%);
    background-color: black;
    filter: blur(30px);
    opacity: 0.5;
}

.rowxmedia-01 .overlay-2 {
    width: 715px;
    top: unset;
    left: unset;
    bottom: -25%;
    right: 0;
    background: radial-gradient(circle,rgba(0, 0, 0, 1) 0%, rgba(237, 221, 83, 0) 66%);
    transform: translateX(44%);
    opacity: 0.7;
}

.rowxmedia-01 .overlay-1 { 
    top: unset;
    bottom: 0;
    left: 50%;    
    transform: translateX(-50%);
    width: 150%;
    height: 100%;
}

.rowxmedia-01 .overlay.quas {
    height: 250px;
    top: unset;
    bottom: -20%;
    background:black;
    filter: blur(52px);
    opacity: 0.5;
}

.rowxmedia-01 .container-xl {
    max-width: 840px;
}

.rowxmedia-01 .flexic {
    margin-bottom: 2px;
    padding: 60px 0;
}

.rowxmedia-01 .fcol-1 {
    flex: 0 0 407px;
}

.rowxmedia-01 .fcol-2 {
    flex: 1;
}

.rowxmedia-01 .fcol-1,
.rowxmedia-01 .fcol-2 { position: relative; z-index: 2; }

.rowxmedia-01 .minfo,
.rowxmedia-01 .dinfo {
    position: relative;
    z-index: 2;
}

.rowxmedia-01 .minfo {
    max-width: calc(100% - 5px);
    margin-left: auto;
}

.rowxmedia-01 .fcol-2 .dinfo {
    max-width: 92%;
    margin: 0 auto;
}

.rowxmedia-01 .fcol-1 .dmedia { 
    width: 100%;
    height: 242px;
    margin: 13px 0 0;
    background-color: black;
    overflow: hidden;
}

.rowxmedia-01 iframe {
    min-height: unset;
}

.rowxmedia-01 .btitle {
    font-size: 24px;
    letter-spacing: 2.4px;
}  

.rowxmedia-01 .dinfo .mtitle {
    font-size: 44px;
    margin-top: 5px;
    letter-spacing: 1.7px;
    margin-left: 5px;
    text-transform: capitalize;
}

.rowxmedia-01 .dtext {
    margin: 0;
    padding: 12px 6px 0 5px;
    line-height: 1.32;
    letter-spacing: -0.2px;
}

.rowxmedia-01 .fcol-2 .btitle {
    padding-left: 9px;
}

.rowxmedia-01 .btn-loop {
    margin-top: 8px;
}

.rowxmedia-01 .btn-1 {
    padding: 7px 21px;
}

.rowxmedia-01 .btn-1 span {
    font-size: 22px;
    line-height: 1;
    letter-spacing: 1.1px;
    word-spacing: 0px;
}

.rowxmedia-01 .pop-link .overlay img {
    opacity: 0.8;
}

.rowxmedia-01 .pop-link:hover .overlay img {
    opacity: 1;
}

.rowxmedia-01 .avatar-1,
.rowxmedia-01 .avatar-2 {
    position: absolute;
}

.rowxmedia-01 .avatar-1 {
    height: 429px;
    width: 263px;
    left: 0;
    transform: translateX(-92%);
    bottom: 0;
}

.rowxmedia-01 .avatar-2 {
    height: 429px;
    width: 246px;
    right: 0;
    transform: translateX(89%);
    bottom: 0;
	z-index: 3;
}

.rowxmedia-01 .fcol-2 {
	z-index: 4;
}

.rowxmedia-01 .avatar-2 img {
    object-fit: cover;   
}

.rowxmedia-01 .pop-link {
	height: 100%;
}

/* #endregion */


/*------------------------------------------
    #MARK: LOGO 01
------------------------------------------*/
/* #region */

.logos-01 .wrap {
    padding: 10px 0;
    background-color: black;
}

.logos-01 .wrap .d-img {
    
}

.logos-01 .container-xl {
    max-width: 896px;
}

.logos-01 .img-o {
    width: 100%;
    max-width: 1046px;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.logos-01 .flexic {
    height: 75.6px;
    align-items: center;
    gap: 19px;
}

.logos-01 .flex-1 {
    flex: 0 0 159px;
}
.logos-01 .flex-2 {
    flex: 1;
}

.logos-01 .d-tag {
    color: #DFDFDF;
    font-size: 27px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1.3px;
    margin: 11px 0 0 -4px;
    font-family: var(--font-1c);
    font-weight: 600;
}

.logos-01 .logos {
    display: flex;
    justify-content: space-between;
    margin-right: 20px;
    flex-wrap: wrap;
    gap: 40px;
    row-gap: 20px;
}

.logos-01 .logos .d-logo {
    max-width: 194px;
}

.logos-01 .logos .d-logo:nth-child(2) {
    max-width: 124px;
}

.logos-01 .logos .d-logo img {
    max-height: 60px;
}

/* #endregion */


/*------------------------------------------
    #MARK: RMAP 01
------------------------------------------*/
/* #region */

.rowmap-01 .wrap {
    padding: 27.2px 0 27.2px; /* 80% of 34px */
}

.rowmap-01 .map {
    width: 568.8px; /* 80% of 711px */
    height: 580px;  /* 80% of 725px */
    position: relative;
}

.rowmap-01 .container-xl {
    max-width: 944.8px; /* 80% of 1181px */
}

.rowmap-01 .flexic {
    justify-content: space-between;
}

.rowmap-01 .fcol-1 {
    flex: 0 0 288.8px; /* 80% of 361px */
}

.rowmap-01 .fcol-2 {
    flex: 0 0 568.8px; /* 80% of 711px */
}

.rowmap-01 .point-map {
    position: absolute;
    display: block;
}

.rowmap-01 .point-map img {
    max-height: 27.2px; /* 80% of 34px */
    width: auto;
}

.rowmap-01 .dinfo {
    padding: 105.6px 0 0 21.6px; /* 80% of 132px top, 27px left */
}

.rowmap-01 .dinfo .mtitle {
    font-size: 26.78px; /* 80% of 33.475px */
    font-weight: 400;
    letter-spacing: 1.68px; /* 80% of 2.1px */
    color: var(--orange);
    margin-left: 2.4px; /* 80% of 3px */
}

.rowmap-01 .dinfo .atitle {
    text-transform: uppercase;
    font-family: var(--font-1ew);
    font-weight: 700;
    color: white;
    font-size: 34.17px; /* 80% of 42.709px */
    letter-spacing: 2.77px; /* 80% of 3.463px */
    margin-top: 23.2px; /* 80% of 29px */
}

.rowmap-01 .dinfo .iconn {
    flex: 0 0 27.68px; /* 80% of 34.6px */
    height: 27.68px;
}

.rowmap-01 .dinfo .iconn img {
    height: 27.68px;
}

.rowmap-01 .dinfo .mark-label {
    display: flex;
    flex: 0 0 100%;
    align-items: center;
    gap: 9.6px; /* 80% of 12px */
}

.rowmap-01 .dinfo .mark-label .d-tag {
    font-family: var(--font-1c);
    font-size: 24px; /* 80% of 30px */
    font-weight: 800;
    letter-spacing: 0.16px; /* 80% of 0.2px */
    text-transform: uppercase;
    line-height: 1;
    flex: 1;
    margin-top: 8px; /* 80% of 10px */
}

.rowmap-01 .d-labels {
    margin: 20px 0 0 4.8px; /* 80% of 25px top, 6px left */
    display: flex;
    gap: 12px; /* 80% of 15px */
    flex-wrap: wrap;
}

[data-group="group-a"] { color: var(--color2); }
[data-group="group-b"] { color: var(--color3); }
[data-group="group-c"] { color: var(--color4); }
[data-group="group-d"] { color: var(--color5); }
[data-group="group-e"] { color: var(--color6); }


/* #endregion */

/*------------------------------------------
    #MARK: PINS 01
------------------------------------------*/
/* #region */

.icon_tip {

}

.point-map[data-pop="true"] {
    cursor: pointer;
    animation-name: float-bob;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.point-map[data-pop="true"]:hover .tooltip {

}

.icon_tip .bg-img {
    min-height: unset;
}

.icon_tip .tip-content {
    position: relative;
    padding: 6.4px; /* 80% of 8px */
    overflow: hidden;
    min-width: 280px; /* 80% of 350px */
}

.icon_tip .tip-content .flexic {
    background-color: rgba(25, 25, 25, 1);
    border: 1px solid white;
    display: flex;
}

.icon_tip .tip-content .ic-logo {
    margin: 10.4px 0 0; /* 80% of 13px */
    max-width: 136px; /* 80% of 170px */
}

.icon_tip .tip-content .ic-thumb {
    flex: 0 0 129.6px; /* 80% of 162px */
    height: 183.2px;  /* 80% of 229px */
    position: relative;
}

.icon_tip .tip-content .ic-content {
    flex: 1;
}

.icon_tip .tip-content .pad {
    padding: 4px 13.6px 13.6px; /* 80% of 5px and 17px */
}

.icon_tip .tip-content button {
    width: 16px; /* 80% of 20px */
    height: 16px; /* 80% of 20px */
    background-image: url(images/bg/pop-close.png);
    background-size: 9.6px; /* 80% of 12px */
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 2.4px; /* 80% of 3px */
    right: 2.4px; /* 80% of 3px */
    opacity: 1;
    background-color: #999999;
    border-radius: 100%;
    transition: 0.3s;
}

.icon_tip .tip-content button:hover {
    opacity: 1 !important;
    background-color: var(--color4);
}

.icon_tip .tip-content .dtext {
    font-size: 13.6px; /* 80% of 17px */
    font-weight: 400;
    line-height: 1.36;
    letter-spacing: 0.36px; /* 80% of 0.451px */
}

.icon_tip .tip-content .dtext p {
    margin-bottom: 0;
}

.icon_tip .tip-content .dtext a {
    display: inline-block;
    position: relative;
}

.icon_tip .tip-content .dtext a::after {
    content: '';
    border-bottom: 0.8px solid var(--color4); /* 80% of 1px */
    width: 80%; /* 80% of 100% */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: 0.3s;
}

.icon_tip .tip-content .dtext a:hover::after {
    width: 0;
}

.icon_tip .tip-content .dtext a span {
    color: var(--color4);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px; /* 80% of 15px */
    letter-spacing: 0.36px; /* 80% of 0.451px */
}

.icon_tip .tip-content .dtext a:hover span {
    text-decoration: none;
}

div.tooltipster-content { 
    overflow: hidden; 
}

/* #endregion */

/*------------------------------------------
    #MARK: TITLE 02
------------------------------------------*/
/* #region */

/* DOCBLOCK: Scaled down .title-02 section to 80% without using transform */

.title-02 {
    z-index: 3;
}

.title-02 .wrap {
    padding: 32px 0 0; /* 80% of 40px */
}

.title-02 .btitle {
    font-family: var(--font-1c);
    text-decoration: line-through;
    font-size: 29.6px; /* 80% of 37px */
    letter-spacing: 1.92px; /* 80% of 2.4px */
}

.title-02 .mtitle {
    margin-top: 0px;
    text-align: center;
    font-size: 52px; /* 80% of 65px */
    word-spacing: 0.8px; /* 80% of 1px */
    letter-spacing: 2.56px; /* 80% of 3.2px */
    position: relative;
}

.title-02 .mtitle strong {
    font-family: var(--font-1w);
    color: var(--color4);
    font-size: 42.4px; /* 80% of 53px */
    letter-spacing: 1.76px; /* 80% of 2.2px */
    font-weight: 700;
    margin-right: 5.6px; /* 80% of 7px */
    position: relative;
    top: 2.4px; /* 80% of 3px */
}

.title-02 .dinfo {
    position: relative;
}

.title-02 .with-seal .mtitle {
    padding-right: 80px; /* 80% of 100px */
    text-transform: capitalize;
}

.title-02 .seal {
    width: 139.2px; /* 80% of 174px */
    height: 139.2px;
    position: absolute;
    right: calc(7% - 4px); /* 80% of -2px */
    top: calc(27% - 0.8px); /* 80% of -1px */
    transform: translateY(-50%) rotate(16deg);
}

.title-02 .seal::before{
    content: '';
    background-color: var(--color-btn1);
    position: absolute;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

.title-02 .seal::after {
    content: '';
    position: absolute;
    background-color: var(--color-btn1);
    width: calc(100% - 12.8px); /* 80% of 16px */
    height: calc(100% - 12.8px);
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 100%;
}

.title-02 .seal .s-text {
    font-family: var(--font-1c);
    font-size: 16.8px; /* 80% of 21px */
    font-weight: 800;
    letter-spacing: 0.646px; /* 80% of 0.808px */
    text-transform: uppercase;
    color: #110F0A;
    text-align: center;
    line-height: 1;
    position: relative;
}

.title-02 .seal .s-text div {
    padding: 7.2px 16px 12px; /* 80% of 9px 20px 15px */
    position: relative;
    z-index: 2;
}

.title-02 .atitle {
	text-align: center;
}

.title-02 .with-seal .atitle {
	padding-right: 80px;
	margin-top: 0;
}

.title-02 .dtext {
	max-width: 750px;
	margin: 0 auto 30px;
	line-height: 150%;
	font-weight: 700;
}

.title-02 .dtext p {
	margin-bottom: 10px;
}


/* #endregion */

/*------------------------------------------
    #MARK: ATTRACTION 01
------------------------------------------*/
/* #region */

/* DOCBLOCK: Scaled down .attrn-01 section to 80% without using transform */

.attrn-01 .wrap {
    padding: 24.6px 0; /* 80% of 32px */
}

.attrn-01 .container-xl {
    max-width: 1121px; /* 80% of 1398px */
}

.attrn-01 .flexic {
    margin: 0 -11.2px; /* 80% of 14px */
    row-gap: 73px; /* 80% of 92px */
    justify-content: center;
}

.attrn-01 .flex-item {
    flex: 0 0 33%;
    padding: 0 11.2px; /* 80% of 14px */
}

.attrn-01 .a-card {
    /* background-color: rgba(0,0,0,0.4); */
}

.attrn-01 .a-thumb {
    background-color: black;
    /*height: 345.2px; /* 80% of 434px */
	height: 250px;
    position: relative;
    margin-bottom: 31.2px; /* 80% of 39px */
}

.attrn-01 .text-short,
.attrn-01 .text-full {
    padding: 0 12px 0 1.6px; /* 80% of 15px and 2px */
}

.attrn-01 .text-full {
    display: none;
}

.attrn-01 .dtext {
    display: block !important;
    line-height: 1.32;
    letter-spacing: 0.12px; /* 80% of 0.15px */
}

.attrn-01 .dtext p {
    margin-bottom: 9.6px; /* 80% of 12px */
}

.attrn-01 .r-more {
    color: var(--color4);
    font-size: 15.2px; /* 80% of 19px */
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.4px; /* 80% of 0.5px */
    display: inline-block;
    cursor: pointer;
    margin-left: 2.4px; /* 80% of 3px */
    margin-top: 9.6px; /* 80% of 12px */
    transition: 0.3s;
}

.attrn-01 .r-more::after {
    content: '';
    position: absolute;
    border-bottom: 0.8px solid var(--color4); /* 80% of 1px */
    width: 100%;
    bottom: 4px; /* 80% of 5px */
    left: 50%;
    transform: translateX(-50%);
    transition: 0.2s;
}

.attrn-01 .r-more:hover {
    color: var(--color3);
}

.attrn-01 .r-more:hover::after {
    border-bottom: 0.8px solid var(--color3);
    width: 0%;
}



/* #endregion */

/*------------------------------------------
    #MARK: ATTRACTION 02
------------------------------------------*/
/* #region */

/* DOCBLOCK: Scaled down .attrn-01.v2 section to 80% without using transform */

.attrn-01.v2 .wrap {
    padding: 52px 0; /* 80% of 65px */
}

.attrn-01 .ttitle {
    font-size: 52.4px; /* 80% of 65.5px */
    text-align: center;
    letter-spacing: 1.6px; /* 80% of 2px */
    padding-right: 7.2px; /* 80% of 9px */
    word-spacing: 3.2px; /* 80% of 4px */
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 27.2px; /* 80% of 34px */
}

.attrn-01.v2 .a-thumb {
    height: 232px; /* 80% of 290px */
    margin-bottom: 19.2px; /* 80% of 24px */
}

.attrn-01.v2 .ititle {
    color: #FD7413;
    text-transform: uppercase;
    font-size: 22.4px; /* 80% of 28px */
    line-height: 1.14;
    margin-bottom: 8.8px; /* 80% of 11px */
}

.attrn-01.v2 .pads {
    padding: 0 0 0 0.8px; /* 80% of 1px */
}

.attrn-01.v2 .text-short, 
.attrn-01.v2 .text-full {
    padding: 0 0 0 0;
}

.attrn-01.v2 .r-more {
    margin-left: 0.8px; /* 80% of 1px */
}


/* #endregion */

/*------------------------------------------
    #MARK: REVIEW 01
------------------------------------------*/
/* #region */

.rowxreview-01 .wrap {
    padding: 44.4px 0 8.8px; /* 80% of 55.5px and 11px */
}

.rowxreview-01 .container-xl {
    max-width: 1001.6px; /* 80% of 1252px */
}

.rowxreview-01 .flexic {
    gap: 0;
}

.rowxreview-01 .flexic .fcol-1 {
    flex: 1;
}

.rowxreview-01 .flexic .fcol-2 {
    flex: 0 0 306.4px; /* 80% of 383px */
}

.rowxreview-01 .btitle {
    font-size: 24px; /* 80% of 30px */
    letter-spacing: -0.48px; /* 80% of -0.6px */
    color: white;
}

.rowxreview-01 .wrap .dinfo .mtitle {
    font-size: 52px; /* 80% of 65px */
    letter-spacing: 1.12px; /* 80% of 1.4px */
    margin: 7.6px 0 0 0; /* 80% of 9.5px */
    color: var(--color4);
    text-transform: uppercase;
}

.rowxreview-01 .wrap .dinfo .mtitle .ct {
    display: inline-block;
    min-width: 92px; /* 80% of 115px */
    text-align: right;
}

.rowxreview-01 .nflex {
    margin-top: 16.4px; /* 80% of 20.5px */
    display: flex;
    flex-wrap: wrap;
    gap: 27.2px; /* 80% of 34px */
    align-items: flex-start;
}

.rowxreview-01 .dtext {
    font-size: 22.2px; /* 80% of 28px */
}

.rowxreview-01 .wrap .btn-loop {
    margin-top: 1.6px; /* 80% of 2px */
	flex-direction: column;
}

.rowxreview-01 .wrap .btn-loop .btn {
	width: 100%;
}

.rowxreview-01 .wrap .btn-loop .btn span {
	text-align: center;
	width: 100%;
}

.rowxreview-01 .btn-1 {
    
}

.rowxreview-01 .btn-1 span {
    font-size: 23.2px; /* 80% of 29px */
    letter-spacing: 0.64px; /* 80% of 0.8px */
}

.rowxreview-01 .minfo {
    height: 100%;
    padding: 18.4px 0 0; /* 80% of 23px */
}

.rowxreview-01 .minfo .soc {
    margin-bottom: 8px; /* 80% of 10px */
}

.rowxreview-01 .minfo .soc:last-child {
    margin-bottom: 0;
}

.rowxreview-01 .minfo img {
    width: auto;
    max-width: 208px;
}

.rowxreview-01 .bg-img img {
    object-position: center 30%;
}


/* #endregion */

/*------------------------------------------
    #MARK: ANIMATE 01
------------------------------------------*/
/* #region */

.bounce-1 {
    animation-name: float-bob;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }

  @-webkit-keyframes float-bob {
    0% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); }
    50% {
      -webkit-transform: translateY(-5px);
      transform: translateY(-5px); }
    100% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px); } }

/* #endregion */

/*------------------------------------------
    #MARK: CALENDAR 01
------------------------------------------*/
/* #region */

.calendar-01 .wrap {
    padding: 50.2px 0 38px;
    overflow: hidden;
}

.calendar-01 .flexic {
    padding: 86.4px 0 0;
    position: relative;
}

.calendar-01 .av {
    position: absolute;
    width: 416px;
    height: 480px;
    top: 0;
    right: 0;
    left: unset;
    transform: translateX(18.4%);
}

.calendar-01 .av img {
    filter: brightness(0.8);
}

.calendar-01 .sshadow {
    top: 12.8%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 188px);
    height: calc(100% + 121.6px);
}

.calendar-01 .container-xl {
    max-width: 851px;
}

.calendar-01 .btitle {
    font-family: var(--font-1w);
    font-size: 35.2px;
    letter-spacing: 0.8px;
    color: #EF5209;
}

.calendar-01 .mtitle {
    font-size: 56px;
    margin-top: 24px;
    letter-spacing: 5.6px;
    word-spacing: -7.2px;
    text-transform: uppercase;
    margin-left: 1.6px;
}

.calendar-01 .atitle {
    font-family: var(--font-1sc);
    text-transform: uppercase;
    color: #FC6F14;
    margin-top: 16px;
    font-size: 32.24px;
}

.calendar-01 .texts {
    display: flex;
    margin: 27.6px 0 0;
    gap: 24px;
}

.calendar-01 .dtext {
  padding: 0 10px;
  font-size: 15px;
  line-height: 150%;
}

.calendar-01 .texts .itext {
    position: relative;
    flex: 0 0 228px;
    padding: 0 0 0 21.6px;
    font-size: 19.2px;
    letter-spacing: 0.56px;
    color: white;
}

.calendar-01 .texts .itext::before {
    content: "";
    border-left: 4px solid #03634B;
    position: absolute;
    left: 4px;
    height: calc(100% - 4.8px);
    top: -0.8px;
}

.calendar-01 .btn-loop {
    margin: 27.8px 0 0 3.2px;
    gap: 26.4px;
}

.calendar-01 .btn-1 {
    padding: 5.2px 20px;
}

.calendar-01 .btn-1 span {
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    word-spacing: 0px;
    font-size: 23.2px;
    letter-spacing: 0.8px;
}

.calendar-01 .link-more {
    margin: 4.8px 0 0 0;
}

.calendar-01 .dinfo {
    position: relative;
    z-index: 2;
    max-width: 65%;
}

/* #endregion */

/*------------------------------------------
    #MARK: D CALENDAR 01
------------------------------------------*/
/* #region */

.dcalendar  {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0 12.8px;
    margin: 0 -4.8px;
    top: -48.8px;
    row-gap: 7.3px;
    color: white;
}

.dcalendar .d-day {
    padding: 0 4.8px;
    flex: 0 0 14.285%;
    position: relative;
    display: block;
}

.dcalendar .d-day .day-name {
    position: absolute;
    color: white;
    display: block;
    width: 100%;
    top: -28px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 2.4px;
    line-height: 1;
}

.dcalendar .d-day .pad {
    border: 1.6px solid #2C2C2C;
    height: 136px;
    position: relative;
    transition: 0.3s;
}

.dcalendar .d-day .month-day {
    text-align: center;
    padding: 3.2px 0 2.4px;
    background-color: #2C2C2C;
}

.dcalendar .d-day .price {
    font-family: var(--font-1c);
    line-height: 1;
    text-align: center;
    padding: 19px 0 0 0px;
    font-weight: 700;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    letter-spacing: 0.8px;
    color: #F97B00;
}
    .dcalendar .price .whole {
        font-size: 31.2px;
        margin-right: 0.8px;
    }

    .dcalendar .price .decimal {
        font-size: 20.8px;
        margin-top: 0.8px;
    }

    .dcalendar .price .currency {
        font-size: 17.6px;
        font-weight: 600;
        margin-right: 0.8px;
    }

    .dcalendar .price .plus {
        font-size: 31.2px;
        font-weight: 700;
    }

.dcalendar .md {
    line-height: 1;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.8px;
    color: white;
}

.dcalendar .bor.xgray .md {
    color: #9C9C9C;
}

.dcalendar .bor.xgray span {
    background-color: #2C2C2C; 
}
    

.dcalendar .time-day {
    line-height: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 4.8px 0 1.6px;
    letter-spacing: 0.8px;
}

.dcalendar a.d-day:hover .pad {
    border-color: #03634B !important;
}

.dcalendar .time-day span {
    color: white;
    font-size: 13px;
}

.ddbg {
    position: relative;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.ddbg i {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5.6px;
    left: 4px;
    border-radius: 100%;
    background-color: red;
}



/* #endregion */

/*------------------------------------------
    #MARK: EVENTS 01
------------------------------------------*/
/* #region */

.events-01 .wrap {
    padding: 20.8px 0 76.8px; /* 80% of original padding */
}

.events-01 .container-xl {
    max-width: 827px; /* 80% of original width */
}
.page .events-01 .container-xl {
    max-width: 1120px;
}

.events-01 .ttitle {
    font-size: 59.2px; /* 80% of original font-size */
    letter-spacing: 4.4px; /* 80% of original letter-spacing */
    margin-bottom: 28.8px; /* 80% of original margin-bottom */
    text-align: center;
    margin-top: 0;
    text-transform: capitalize;
    line-height: 1;
}

.events-01 .flexic {
    justify-content: center;
    margin: 0 -8px; /* 80% of original margin */
    row-gap: 24px; /* 80% of original row-gap */
}

.events-01 .flex-item {
    flex: 0 0 50%; /* 80% of original flex-basis */
    padding: 0 8px; /* 80% of original padding */
    position: relative;
}

.page .events-01 .flex-item {
    flex: 0 0 33%;
}

.events-01 .a-card {
    display: block;
}

.events-01 .a-thumb {
    position: relative;
    height: 224px; /* 80% of original height */
    margin-bottom: 21.6px; /* 80% of original margin */
}

.events-01 .mtitle {
    color: #FD7413;
    text-transform: uppercase;
    font-size: 22.4px; /* 80% of original font-size */
    line-height: 1;
    margin-bottom: 4px; /* 80% of original margin */
    font-family: var(--font-1);
    font-weight: 700;
    letter-spacing: 0.4px; /* 80% of original letter-spacing */
}

.events-01 .atitle {
    color: #FD7413;
    text-transform: uppercase;
    font-size: 19.2px; /* 80% of original font-size */
    line-height: 1;
    font-family: var(--font-1);
    font-weight: 700;
    margin-top: 16px; /* 80% of original margin */
}

.events-01 .dtext {
    color: var(--color1);
    display: block !important;
    line-height: 1.43; /* 80% of original line-height */
    letter-spacing: 0.4px; /* 80% of original letter-spacing */
    padding-right: 16px; /* 80% of original padding-right */
}

.events-01 .abtn-loop {
    display: flex;
    justify-content: center;
    margin-top: 38px;
}

.events-01 .btn-1 {
    padding: 5.2px 24px; /* 80% of original padding */
}

.events-01 .btn-1 span {
    font-size: 23.2px; /* 80% of original font-size */
    letter-spacing: 0.8px; /* 80% of original letter-spacing */
    word-spacing: 0px;
}

/* #endregion */

/*------------------------------------------
    #MARK: LOCATION 01
------------------------------------------*/
/* #region */

.location-01 .container-xl {
    max-width: 1013.6px;
}

.location-01 .flexic {
    max-width: 704px;
    justify-content: space-between;
    margin: 14.4px 0 9.6px auto;
    align-items: center;
    gap: 19.2px;
}

.location-01 .fcol-1 {
    flex: 1;
}

.location-01 .d-map {
    width: 387.2px;
    height: 376px;
    background-color: rgba(255, 255, 255, 0.5);
}

.location-01 .dinfo {
    padding: 1.2px 0 24px 5.2px;
}

.location-01 .btitle {
    font-size: 21.6px;
    letter-spacing: 1.6px;
}

.location-01 .wrap .mtitle {
    font-size: 42.4px;
    margin-top: 15.2px;
    letter-spacing: 4.16px;
}

.location-01 .wrap .atitle {
    font-weight: 400;
    margin-top: 10.4px;
    font-size: 16px;
    letter-spacing: -0.24px;
    color: #FA6F11;
}

.location-01 .dtext {
    display: block !important;
    letter-spacing: -0.32px;
    margin-top: 8.8px;
    line-height: 1.5;
}

.location-01 .dtext strong {
    font-weight: normal;
}

.location-01 a[data-fancybox=""] {
    color: var(--color1);
}

.location-01 .btn-loop {
    margin-top: 15.2px;
}

.location-01 .btn-1 {
    padding: 5.6px 20px;
}

.location-01 .btn-1 span {
    word-spacing: 0px;
    font-size: 23.2px;
    letter-spacing: 0.8px;
}

.location-01 .av {
    position: absolute;
    width: 370px;
    height: 400px;
    left: -55px;
    bottom: 0;
}

.location-01 .av img {
    object-position: center -80px;
}

.location-01 .overlay {
    max-width: 24%;
    left: 4.8%;
    background-color: black;
    filter: blur(24px);
    opacity: 0.2;
    border-radius: 100%;
}

/* #endregion */

/*------------------------------------------
    #MARK: LOGOS 02
------------------------------------------*/
/* #region */

.logos-02 .wrap {
    padding: 35.2px 0 37.6px 0;
}

.logos-02 .mtitle {
    text-align: center;
    text-transform: none;
    color: #FA6F11;
    font-size: 42.4px;
    letter-spacing: 1.76px;
    margin-bottom: 20.8px;
}

.logos-02 .logos {
    display: flex;
    justify-content: center;
    margin: 0 -10.8px;
    flex-wrap: wrap;
    row-gap: 25px;
}

.logos-02 .logos .d-logo {
    padding: 0 10.8px;
    flex: 0 0 25%;
    max-width: 191.2px;
}

.logos-02 .logos .d-logo img {
    max-width: 169.6px;
}

/* #endregion */

/*------------------------------------------
    #MARK: HERO SUB 01
------------------------------------------*/
/* #region */

.herosub-01 .wrap {
    padding: 116px 0 66px;
}

.herosub-01 .bg-img {
    background-position: center 23%;
}

.herosub-01 .overlay-bg img {
    object-position: center 23%;
}

.herosub-01 .container-xl {
    max-width: 1050px;
}

.herosub-01 .btitle {
    color: #FF5002;
    font-size: 36px;
    letter-spacing: 3px;
}

.herosub-01 .dinfo .mtitle {
    font-size: 58px;
    letter-spacing: 4.9px;
    text-transform: uppercase;
    margin: 9px 0 0 4px;
    display: inline-flex;
    align-items: center;
}

.herosub-01 .dinfo .mtitle strong {
    font-family: var(--font-1w);
    color: var(--color4);
    font-size: 38px;
    letter-spacing: 1.76px;
    font-weight: 700;
    margin-right: 14px;
    position: relative;
    top: 2.4px;
}

.herosub-01 .dinfo .atitle {
    font-family: var(--font-1c);
    color: #FF5002;
    text-transform: uppercase;
    font-size: 33px;
    letter-spacing: 4.2px;
    font-weight: 400;
    margin: 11px 0 0 4px;
}  

.herosub-01 .dinfo .dtext {
    color: white;
    margin: 13px 0 0 6px;
    font-size: 16px;
    letter-spacing: -0.14px;
    max-width: 500px;
    line-height: 1.31;
}

.herosub-01 .dinfo .dtext p {
    margin-bottom: 20px;
}

.herosub-01 .dinfo .dtext strong {
    letter-spacing: -0.2px;
}

.herosub-01 .btn-loop {
    margin: 30px 0 0 3px;
}

.herosub-01 .btn-1 {
    padding: 5px 26px;
}

.herosub-01 .btn-1 span {
    font-size: 24px;
    letter-spacing: 0.8px;
}

.herosub-01 .btitle,
.herosub-01 .mtitle,
.herosub-01 .atitle,
.herosub-01 .dtitle,
.herosub-01 .dtext {
    filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.5)) drop-shadow(-2px -2px 6px rgba(0,0,0,1));
}

.herosub-01 .btn {
    box-shadow: 1px 0px 15px rgba(0, 0, 0, 1);
}


/* #endregion */

/*------------------------------------------
    #MARK: CARDS FLEX 01
------------------------------------------*/
/* #region */

.cardsflex-01 {

}

.cardsflex-01 .wrap {
    padding: 82px 0 53px;
}

.cardsflex-01 .container-xl {
    max-width: 1012px;
}

.cardsflex-01 .mtitle {
    font-size: 59px;
    letter-spacing: 2.9px;
    text-align: center;
	margin-bottom: 0;
}

.cardsflex-01 .atitle {
	text-align: center;
	font-size: 14px;
}

.cardsflex-01 .flexic {
    row-gap: 24px;
	margin-top: 23px !important;
}

.cardsflex-01 .flex-item .div-link {
    background-color: #212121;
    height: 100%;
    position: relative;
}

.cardsflex-01 .flex-item .icon-bar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    width: 101px;
    height: 100px;
    border-radius: 100%;
}

.cardsflex-01 .flex-item .icon-bar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cardsflex-01 .pad {
    padding: 27px 20px;
}

.cardsflex-01 .bbtitle {
    height: 26px;
}

.cardsflex-01 .btitle {
    font-weight: 700;
    color: #00FAD0;
    font-size: 13px;
    margin: 0 0 0 6px;
    letter-spacing: 1px;
    font-family: var(--font-1);
}

.cardsflex-01 .iprice {
    display: flex;
    align-items: flex-start;
    font-size: 25px;
    letter-spacing: 0.2px;
    margin-bottom: 7px;
    color: #ff5502;
}

    .cardsflex-01 .iprice strong {
        font-weight: 700;
        margin-right: 9px;
        letter-spacing: 2px;
    }

    .cardsflex-01 .iprice span {
        font-size: 17px;
    }

    .cardsflex-01 .iprice small {
        font-weight: 600;
        font-size: 17px;
        margin: 2px 2px 2px 0;
    }

    .cardsflex-01 .iprice em {
        margin: 0 6px 0 1px;
    }

.cardsflex-01 .ititle {
    font-family: var(--font-1c);
    color: white;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 1.1px;
}

.cardsflex-01 .dtext,
.cardsflex-01 .ptext {
    margin: 5px 0 0 0;
    font-size: 16px;
    line-height: 1.35;
    color: white;
}

.cardsflex-01 .btn-loop {
    margin: 13px 0 0 0;
    gap: 27px;
}

.cardsflex-01 .btn-loop .btn {
    padding: 2.5px 20px;
    min-width: 170px;
    justify-content: center;
    /* background-color: black; */
}

.cardsflex-01 .btn-loop .btn-1:hover {
    /* background-color: var(--color-btn1); */
}

.cardsflex-01 .btn-loop .btn-2:hover {
    background-color: #ff5502;
}




.cardsflex-01 .btn-loop .btn span {
    font-weight: 400;
    letter-spacing: 0.7px;
}


/* #endregion */

/*------------------------------------------
    #MARK: FAQS 01
------------------------------------------*/
/* #region */

.faqs-01 .wrap {
    padding: 40px 0 60px;
}

.faqs-01 .container-xl {
    max-width: 800px;
}

.faqs-01 .ititle {
    line-height: 1.5;
    display: block;
    font-weight: 800;
    color: #00DDBE;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.faqs-01 .flex-item {
    margin-bottom: 30px;
    flex: 0 0 100%; 
}

.faqs-01 .dtext {
    font-size: 15px;
    margin-top: 10px;
    line-height: 1.6;
    letter-spacing: 0.3px;
}

.faqs-01 .dtext strong {
    color: #ccc;
}

/* #endregion */

/*------------------------------------------
    #MARK: GALLERY 01
------------------------------------------*/
/* #region */

.gallery-01 .wrap {
    padding: 40px 0 60px;
}

[data-rcount="2"] .flex-item {
    flex: 0 0 50%;
}

[data-rcount="3"] .flex-item {
    flex: 0 0 33.33%;
}

[data-rcount="4"] .flex-item {
    flex: 0 0 25%;
}

.gallery-01 .flexic {
    margin: 0 -5px;
    row-gap: 10px;
}

.gallery-01 .flexic .flex-item {
    padding: 0 5px;
}

.gallery-01 .div-info {
    height: 268px;
    position: relative;
    border: 1px solid #333;
    transition: 0.3s;    
}

.gallery-01 .flexic .pop-link {
    position: absolute;
    width: 100%;
    height: 100%;
}

.gallery-01 .pop-link .overlay img {
    opacity: 0.5;
}

.gallery-01 .flex-item:hover .div-info {
    border-color: #03634B;
}

.gallery-01 .pop-link:hover .overlay img {
    opacity: 1;
}

.gallery-01 .pop-img .overlay img {
    max-width: 35px;
}

/* #endregion */

/*------------------------------------------
    #MARK: DIRECTIONS 01
------------------------------------------*/
/* #region */

.dir-01 .wrap {
    padding: 40px 0 60px;
}

.dir-01 .container-xl {
    max-width: 755px;
    margin: 0 auto;
}

.dir-01 .mlabel {
  color: #84F7E5;
  font-size: 26px;
  letter-spacing: 1px;
  padding: 21px 19px;
  position: relative;
  line-height: 1;
  font-family: var(--font-1);
}

.dir-01 .dtop,
.dir-01 .dbtm {
    padding: 20px;
    background-color: #ccc;
    gap: 30px;
    align-items: center;
    background: url(images/bg/review-bg.jpg) center 20% no-repeat;
}

.dir-01 .dbtm {
    background: url(images/bg/review-bg.jpg) center 40% no-repeat;
}

.dir-01 .dbtm {
    margin-top: -7px;
}

.dir-01 .mlabel::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background: url(images/bg/mlabel.jpg) center no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
  }

.dir-01 .mlabel .d-tag {
    position: relative;
    z-index: 2;
    font-family: var(--font-sgc);
    text-transform: uppercase;
    color: #FF5501;
}

.dir-01 .mtitle {
    font-size: 38px;
}

.dir-01 .dtext {
    color: white;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1px;
}

.dir-01 .d-map {
    height: 400px;
}

/* #endregion */



/*------------------------------------------
    #MARK: CONTACT 01
------------------------------------------*/
/* #region */

.contact-01 .wrap {
    padding: 40px 0;
}

.contact-01 {
    text-align: center;
}

.contact-01 .pad {
    background-image: url(images/bg/review-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
}

.contact-01 .container-xl {
    max-width: 755px;
    margin: 0 auto;
}

.contact-01 .flexic {
    justify-content: center;
    gap: 50px;
    row-gap: 20px;
}

.contact-01 .mtitle {
    font-size: 38px;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.contact-01 .ftext {
    font-size: 17px;
}

.contact-01 .ftext a {
    color: white;
    font-weight: 600;
    transition: 0.3s;
}

.contact-01 .ftext a:not(a[href*="mailto"], a[href*="tel"]) {
    color: var(--color4);
}

.contact-01 .ftext a:hover {
    color: var(--aqua) !important;
}

.contact-01 .ftext p:first-child {
    margin-bottom: 0;
}

/* #endregion */

/*------------------------------------------
    #MARK: GF 01
------------------------------------------*/
/* #region */

.gf-01 .wrap {
    padding: 40px 0;
}

.gf-01 .pad {
    background-image: url(images/bg/review-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
}

.gf-01 .mtitle {
    text-align: center;
    font-size: 40px;
    letter-spacing: 1px;
    padding: 7px 0 0;
    background-color: rgba(0, 43, 45, 0.7);
    background-image: url(images/bg/contact-atitle.jpg);
    background-size: cover;
}

.gf-01 .dtext {
    color: white;
    line-height: 1.6;
}

.gf-01 .gform {
    border: 1px solid #09BBA5;
    padding: 32px 40px 40px;
}

.gf-01 .gform .gform_wrapper.gravity-theme .gform_footer, 
.gf-01 .gform .gform_wrapper.gravity-theme .gform_page_footer {
    justify-content: flex-end;
}

.gf-01 .container-xl {
    max-width: 755px;
    margin: 0 auto;
}

.gf-01 .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 5%;
    grid-row-gap: 25px;
}

.gf-01 .gform .gform_wrapper.gravity-theme .gfield textarea,
.gf-01 .gform_wrapper.gravity-theme .gfield input.large, 
.gf-01 .gform_wrapper.gravity-theme .gfield select.large {
    background-color: transparent;
    border: 2px solid #09BBA5;
    color: white;
}

.gf-01 .gform .gform_wrapper.gravity-theme .ginput_complex label, 
.gf-01 .gform .gform_wrapper.gravity-theme .gfield_label {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
}

.gform .gform_wrapper.gravity-theme .gfield textarea:focus-visible, 
.gform .gform_wrapper.gravity-theme .gfield input:focus-visible {
    background-color: transparent !important;
}

.gf-01 .gform .gform_wrapper.gravity-theme .gform_footer .btn-1 {
    background-color: var(--color-btn1);
    padding: 6px 36px;
}

.gf-01 .gform .gform_wrapper.gravity-theme .gform_footer .btn-1:hover,
.gf-01 .gform .gform_wrapper.gravity-theme .gform_footer .btn-1::after {
    background-color: black;
}

.gf-01 .gform .gform_wrapper.gravity-theme .gform_footer .btn-1 span {
    color: black;
}

.gf-01 .gform .gform_wrapper.gravity-theme .gform_footer .btn-1:hover span {
    color: var(--color-btn1);
}

.gf-01 .gform .ginput_container_consent label, 
.gf-01 .gform .ginput_container_radio .gchoice label, 
.gf-01 .gform .ginput_container_checkbox .gchoice label {
    font-size: 14px;
    word-break: break-all;
    white-space: normal;
}

.gf-01 .gform .ginput_container_consent, 
.gf-01 .gform .ginput_container_radio .gchoice, 
.gf-01 .gform .ginput_container_checkbox .gchoice {
    margin-bottom: 0;

}

.gf-01.v2 .wrap .dinfo {
    text-align: center;
}

.gf-01.v2 .dtitle {
    font-size: 32px;
    font-family: var(--font-sgc);
    margin-bottom: 0px;
    letter-spacing: 1px;
    color: white;
    font-weight: normal;
}



/* #endregion */

/*------------------------------------------
    #MARK: 01
------------------------------------------*/
/* #region */

.colmedia-01 .wrap {
    padding: 0px 0 60px;
}

.colmedia-01 .col-info {
    height: 400px;
    border: 1px solid white;
}

.colmedia-01 .container-xl {
    max-width: 755px;
}

.colmedia-01 .col-info a {
    height: 100%;
}

.colmedia-01 .pop-link .overlay img.pop {
    opacity: 0.6;
}

.colmedia-01 .pop-link:hover .overlay img.pop {
    opacity: 1;
}

.text-o-01 .wrap {
    padding: 50px 0 0;
}

.text-o-01 .mtitle {
  font-size: 50px;
  word-spacing: 0.8px;
  letter-spacing: 2.56px;
  text-align: center;
}

.text-o-01 .atitle,
.text-o-01 .dtitle {
  line-height: 1.5;
  display: block;
  font-weight: 800;
  color: #00DDBE;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}  

.text-o-01 .container-xl {
    max-width: 800px;
}

/* #endregion */

/*------------------------------------------
    #MARK: REVIEW v2
------------------------------------------*/
/* #region */

.rowxreview-01.v2 {
    text-align: center;
}

.rowxreview-01.v2 .wrap {
    padding: 60px 0;
}

.rowxreview-01.v2 .minfo {
    justify-content: center;
    align-items: center;
}

.rowxreview-01.v2 .wrap .dinfo .mtitle {
    font-size: 62px;
}

.rowxreview-01.v2 .minfo {
    padding: 10px 0 10px;
}
.rowxreview-01.v2 .minfo img {
    max-width: 100px;
}

.rowxreview-01.v2 .nflex {
    justify-content: center;
}
.rowxreview-01.v2 .dtext {
    font-family: var(--font-1c);
    letter-spacing: 1px;
}

.rowxreview-01.v2 .minfo span {
    font-size: 16px;
}

/* #endregion */

/*------------------------------------------
    #MARK: REVIEW LIST 01
------------------------------------------*/
/* #region */

.reviewlist-01 .wrap {
    padding: 0 0 80px;
}

.reviewlist-01 .flexic {
    justify-content: center;
    gap: 12px;
    max-width: 876px;
    margin: 0px auto;
    flex-wrap: wrap;
}

.reviewlist-01 .flexic .box-review {
    border: 1px solid rgba(255, 255, 255, 0.3);
    flex: 0 0 calc(33.33% - 10px);
    min-height: 152px;
    border-radius: 5px;
    background-color: #010101;
}

.reviewlist-01 .flexic .box-review {
    padding: 14px 14px;
    text-align: left;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    background-image: url(images/bg/qq.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) calc(100% - 12px);
    background-size: 55px;
}

.reviewlist-01 .flexic .box-review.hide-me {
    display: none;
}

.reviewlist-01 .flexic .box-review .itext {
    line-height: 145%;
}

.reviewlist-01 .flexic .box-review img {
    max-width: 83px;
    margin: 5px 0;
}

.reviewlist-01 .flexic .box-review .author {
    color: #FF9D04;
}

.reviewlist-01 .btn.btn-1 { margin-top: 50px; }

/* #endregion */

/*------------------------------------------
    #MARK: BACKGROUND 01
------------------------------------------*/
/* #region */

.section-cluster { background-color: black; }
.rowxmedia-01 .wrap { background-color: #161616; }
.gallery-01 .wrap { background-color: black; }
.heroopt-01 .wrap { background-color: black; }
.rowmap-01 .wrap { background-color: black; } 
.title-02 .wrap { background-color: black; }
.attrn-01 .wrap { background-color: black; }
.separator { background-color: black; }
.attrn-01.v2 .wrap { background-color: black; }
.events-01 .wrap { background-color: black; }
.location-01 .wrap { background-color: #161616; }
.faqs-01 .wrap { background-color: black; }
  

/* #endregion */

/*------------------------------------------
    #MARK: COLOR 01
------------------------------------------*/
/* #region */

i.xF97B00 { background-color: #F97B00; }
i.x538A01 { background-color: #538A01; }
i.xB21C02 { background-color: #B21C02; }
i.xFFFFFF { background-color: #ffffff; }
i.x952A00 { background-color: #952A00; }
i.x93E100 { background-color: #93E100; }
i.x291D28 { background-color: #291D28; }
i.x4E1732 { background-color: #4E1732; }
i.x4F271A { background-color: #4F271A; }
i.x340A30 { background-color: #340A30; }
i.xFF5501 { background-color: #FF5501; }
i.xCED32C { background-color: #CED32C; }
i.xF7CB6B { background-color: #F7CB6B; }


.wp-admin i.xFFFFFF { background-color: #e5e5e5; }

.cc.xF97B00 { color: #F97B00 !important; }
.cc.x538A01 { color: #538A01 !important; }
.cc.xB21C02 { color: #B21C02 !important; }
.cc.xFFFFFF { color: #ffffff !important; }

.bor.x952A00 { border-color: #952A00 !important; }
.bor.x93E100 { border-color: #93E100 !important; }

.bcg.x952A00,
.bcg.x952A00 span { background-color: #952A00 !important; }
.bcg.x93E100,
.bcg.x93E100 span { background-color: #93E100 !important; }
.bcg.x291D28,
.bcg.x291D28 span { background-color: #291D28 !important; }
.bcg.x4E1732,
.bcg.x4E1732 span { background-color: #4E1732 !important; }
.bcg.x4F271A,
.bcg.x4F271A span { background-color: #4F271A !important; }
.bcg.x340A30,
.bcg.x340A30 span { background-color: #340A30 !important; }

.bcg.x93E100 span {
    color: #333333 !important;
}

.pad.x93E100 { background-color: #353704; }

.ccard.xFF5501 .mtitle,
.ccard.xFF5501 .atitle { color: #FF5501 !important; }
.ccard.xCED32C .mtitle,
.ccard.xCED32C .atitle { color: #CED32C !important; }
.ccard.xF7CB6B .mtitle,
.ccard.xF7CB6B .atitle { color: #F7CB6B !important; }

/* #endregion */

  .element .spinner {
    position: absolute;
    top: calc(50% - 50px);
    left: 50%;
    z-index: 2;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid rgba(255, 255, 255, 0.1);
    border-left-color: white;
    border-radius: 50%;
    animation: spins 1s linear infinite;
    display: none; /* hidden by default */
  }

  @keyframes spins {
    to {
      transform: rotate(360deg);
    }
  }

/*------------------------------------------
    #MARK: EXTRAS 01
------------------------------------------*/
/* #region */

.media-01 .div-link {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.selectbtn-01 .wrap {
    text-align: center;
    padding: 60px 0 40px;
}

.selectbtn-01 .mpad {
    border: 1px solid #09BBA5;
}

.selectbtn-01 .mtitle {
  font-size: 32px;
  font-family: var(--font-sgc);
  margin-bottom: 0px;
  letter-spacing: 1px;
}

.selectbtn-01 .pad {
    background-image: url(images/bg/review-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 10px;
}

.selectbtn-01 .container-xl {
    max-width: 550px;
    margin: 0 auto;
}

.selectbtn-01 .btn-loop {
    margin-top: 30px;
    margin-bottom: 30px;
}

.selectbtn-01 .btn-loop .btn {
    min-width: 150px;
    justify-content: center;
}

.acc-content .ihead {
    border: 1px solid #00DDBE;
    padding: 8px 15px;
    transition: 0.3s;
}

.acc-content .pad {
    padding: 20px 0;
}

.acc-content .ititle {
    padding-right: 20px;
}

.acc-content .ihead:hover {
    background-color: #00DDBE;
}

.acc-content .ihead:hover .ititle {
    color: black;
}

/* #endregion */

/* #region : REVISION */

.attrn-01 .a-thumb {
	height: 250px;
}

.attrn-01 .mtitle {
    color: #FD7413;
	font-family: var(--font-1);
	font-weight: 700;
    text-transform: uppercase;
    font-size: 21.8px; /* 80% of 28px */
    line-height: 1.14;
    margin-bottom: 8.8px; /* 80% of 11px */
}

.a-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}


.element .btn-4,
.element .btn.w-icon {
	box-shadow: 0 0 10px rgba(251, 146, 60, 0.6); 
	transition: all 0.3s ease-in-out; 
	animation: glow 3s infinite alternate;
	background-color: #FF4C00;
    border-radius: 50px;
    border: 3px solid var(--color-btn1);
}

.element .btn.w-icon img {
	filter: brightness(0);
	margin-left: 0;
	margin-top: 0;
	max-width: 21px;
}

.element .btn-4:hover,
.element .btn.w-icon:hover { 
	background-color: transparent; 
}

.element .btn-4 span,
.element .btn.w-icon span { 
	color: black; 
	font-size: 22px;
  	line-height: 1;
  	letter-spacing: 1.1px;
  	word-spacing: 0px;
    font-family: var(--font-sgc);
    font-weight: 400;
    text-transform: uppercase;
    transition: .5s;
}

.element .btn-4:hover span,
.element .btn.w-icon:hover span { 
	color: #FF4C00; 
}

.element .btn.w-icon img {
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	-webkit-animation: wink 0.5s alternate infinite;
	animation: wink 0.5s alternate infinite;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-transform-origin: 40% 50%;
	transform-origin: 40% 50%;
}

.element .btn.w-icon:hover img {
	filter: none;
}

header .btn-4,
header .btn.w-icon {
	
}

header .btn-4 span,
header .btn.w-icon span{
	font-size: 20px;
}


.btn.w-icon span::before { display:none; }



header .btn-4,
header .btn.w-icon {
	background-color: #ff0b00 !important;
	border-color: #ff0b00 !important;
}

header .btn-4:hover,
header .btn.w-icon:hover {
	background-color: #000 !important;
}

header .btn-4:hover span,
header .btn.w-icon:hover span {
	color: #ff0b00 !important;
}

@media only screen and (max-width: 600px) { 
   .element .btn-4 { padding: 7px 21px; }
}


@keyframes glow {
	0% {
		box-shadow: 0 0 10px rgba(255, 76, 0, 0.7); 
		border-color: #FF4C00; 
	}
	50% {
		box-shadow: 0 0 20px rgba(239, 68, 68, 0.9); 
		border-color: #ef4444; 
	}
	100% {
		box-shadow: 0 0 10px rgba(255, 76, 0, 0.7); 
		border-color: #FF4C00; 
	}
}

@keyframes wink {
	0% {
		-webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg);	transform: rotate(-30deg);
	}
	100% {
		-webkit-transform: rotate(30deg);	-moz-transform: rotate(30deg);	-o-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg);
	}
}  

@keyframes pulse-border {
    0% {
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity:1;
        filter: blur(0px);
    }
    100% {
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(2);
        opacity:0;
        filter: blur(5px);   
    }
}

.pop-link .play{
	width: 40px;
	height: 40px;
}
.play::before {
    content:"";
    display:block;    
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    background-color: rgba(255, 0, 0, 0.7);
    border-radius:100%;
}
.play::before {
    z-index:1;
    width:110%;
    height:110%;   
    animation:pulse-border 1500ms ease-out infinite;
}

.play:hover::before { animation:pulse-border 700ms ease-out infinite; }

.pop-link .play img {
	z-index: 3;
}

.heroopt-01 .mtitle strong {
	font-weight: normal;
	text-shadow: 0 0 10px rgba(255, 76, 0, 0.7);
}

	.attrn-01 .mtitle strong { font-weight: 700; }
.rowxmedia-01 .pop-link .overlay { background-color: transparent; }

/* #endregion 
 * 07022025
 * */