@charset "utf-8";


/*~-~-~-~-~-~-~-~-~-~ Embeded fonts ~-~-~-~-~-~-~-~-~-~*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*~-~-~-~-~-~-~-~-~-~ Embeded fonts ~-~-~-~-~-~-~-~-~-~*/
    
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */

:root {

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --body-font: "Open Sans", sans-serif;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 40px;
    --f-size-XXL: 40px;
    --f-size-XL: 30px;
    --f-size-L: 20px;
    --f-size-M: 18px;
    --f-size-S: 16px;
    --f-size-Body: 20px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --common-transition: all 0.8s ease;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-white: #fff;
    --color-black-primary: #000000;
    --color-body-bg: #4F4E4E;
    --color-btn: #504F4E;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
}


/* html { overflow-x: hidden; } */
body { font-size: var(--f-size-Body);margin: 0; padding: 0; font-family: var(--body-font); line-height: 1.2; font-weight: 300; color: var(--color-white); transition: var(--common-transition); scroll-behavior: smooth; background: var(--color-body-bg); text-transform: uppercase; }
/* body {overflow: hidden;} */
h1, h2, h3, h4, h5, h6 { margin: 0 0 30px; padding: 0; line-height: 1.1; text-transform: uppercase; font-weight: 300; color: var(--color-black-secondary); }

h1 {font-size: var(--f-size-XXXL);}
h2 {font-size: var(--f-size-XXL);}
h3, .swal2-title {font-size: var(--f-size-XL);}
h4 {font-size: var(--f-size-L);}
h5 {font-size: var(--f-size-M);}
h6 {font-size: var(--f-size-S);}
  
p{ margin: 0 0 30px; padding: 0; line-height: 1.3;}
p:last-child {margin-bottom: 0;}

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--clr-black-primary); outline: none; text-decoration: none; transition: var(--common-transition); }
a:hover{  text-decoration: none; transition: var(--common-transition); }

.mb-15 {margin-bottom: 15px;}

button{border: none;}

textarea, select, .form-control, input { font-size: 16px; padding: 0 0 8px; background-color: transparent; width: 100%; border-radius: 0; border: 0; border-bottom: 0.5px solid rgba(255, 255, 255, 0.78); outline: none !important; box-shadow: none !important; color: var(--color-white) !important; margin-bottom: 70px; font-family: var(--body-font); font-weight: 400; }

textarea { min-height: 105px !important; resize: none; }

input[type="submit"], button[type="submit"], input[type="button"] { transition: all 0.3s ease 0s; outline: none; width: auto; color: var(--color-btn) !important; width: auto; font-size: 16px; margin: 0;}
textarea:focus, select:focus, .form-control:focus, .form-select:focus { outline: none !important; box-shadow: inherit !important; border-bottom: 0.5px solid rgba(255, 255, 255, 0.78); background: transparent; }
select, .form-select { font-size: 16px; padding: 0 0 8px; background-color: transparent; border-radius:0; border: 1px solid #9D9D9D; background-image: url(../images/select-arrow.svg); background-repeat: no-repeat; background-position: center right 20px; background-size: 12px; color: var(--color-white); cursor: pointer; }
.btn-check:focus+.btn, .btn:focus, .btn:focus-visible { box-shadow: inherit; border: 1px solid var(--color-white) !important; color: var(--color-white) !important; background: transparent !important;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active { border: 1px solid var(--color-white); color: var(--color-white) !important; }
/* --- for placeholder color --- */
.form-control::-moz-placeholder, .form-control::placeholder{ color: var(--color-white); opacity: 1; }
.form-control:-ms-input-placeholder { color: var(--color-white); }
.form-control::-webkit-input-placeholder { color: var(--color-white); }
/* --- for placeholder color --- */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number] { -moz-appearance: textfield; }
label { margin-bottom: 10px; font-family: var(--body-font); font-weight: 400; font-size: 18px; text-transform: uppercase; }
.form-group label {color: var(--color-white);}
.common-padding{ padding-top: 60px; padding-bottom: 60px; }
.padding-top { padding-top: 60px; }
.padding-bottom { padding-bottom: 60px; }
.btn, a.btn, .pmpro_section .pmpro_btn:not(.pmpro_btn-password-toggle) {overflow: hidden; position: relative; z-index: 1; letter-spacing: 0; display: inline-flex; align-items: center; vertical-align: top; color: var(--color-btn); padding: 16px 42px;line-height: 1; border-radius: 0; font-weight: 400; text-align: center; text-transform: uppercase; background: var(--color-white); border: 1px solid transparent; transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease; }
.btn:hover, .pmpro_section .pmpro_btn:not(.pmpro_btn-password-toggle):hover{ background: transparent; color: var(--color-white) !important; border: 1px solid var(--color-white); }
.swal2-actions button, .pmpro-login .pmpro_section #loginform .login-submit .button {overflow: hidden; position: relative; z-index: 1; letter-spacing: 0; display: inline-flex; align-items: center; vertical-align: top; color: var(--color-btn); padding: 16px 42px;line-height: 1; border-radius: 0; font-weight: 400; text-align: center; text-transform: uppercase; background: var(--color-white); border: 1px solid var(--color-btn); transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease; }
.swal2-actions button:hover, .pmpro-login .pmpro_section #loginform .login-submit .button:hover  {background: var(--color-btn); color: var(--color-white) !important;}
.form-btn { margin-top: 30px; }
/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */
/* -- Header -- */
.hdr-wrap { display: flex; }
.main-header {position: absolute; top: 0; left: 0; right: 0;z-index: 9; padding: 53px 0; border-bottom: 0.5px solid #928F8F; background: var(--color-body-bg); }
.main-header .container-fluid {overflow: hidden;}
.custom-header-wrap { display: flex; align-items: center; }
.hdr-wrap ul { display: flex; align-items: center; padding: 0; list-style: none; margin: 0; }
.logo-wrap { width: 100%; display: flex; align-items: center; justify-content: center; }
.logo-wrap a {display: block; width: 222px; }
.logo-wrap a img{ width: 100%;}
.header-sticky  { left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; z-index: 9;}
.header-sticky .main-header { margin: 0;}
.main-menu { position: absolute; top: 0; transform: translateX(-100%); left: -100%; bottom: 0; z-index: 999; width: 100%; max-width: 430px; margin: 0 auto; background-color: #5b5b5b; backdrop-filter: blur(300px); border: 0; padding: 8rem 0 60px; overflow: auto; height: 100vh; transition: var(--common-transition); }
.main-menu>ul {flex-direction: column;}
.main-menu>ul li { width: 100%; border: 0; }
.main-menu ul li:not(:last-child) { margin-right: 0; }
.main-menu>ul>li a { display: block; color: var(--color-white); padding: 20px 60px; font-size: 26px; font-weight: 400; }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a {background: rgba(217, 217, 217, 0.12);color: #FFD6B3;}
.sidebar-open.main-menu {left: 0;}
.hdr-rt ul li a {color: var(--color-white);padding: 10px;}
.nav_btn { display: block; cursor: pointer; position: absolute; left: 68px; width: 32px; height: 32px; z-index: 999; top: 50%; transform: translateY(-50%); }
.nav_btn::before {content: "";position: absolute;width: 100%;height: 2px;background: var(--color-white);top: 7px;right: 0;transition: ease-in-out 0.4s;}
.nav_btn span {width: 100%;height: 2px;background: var(--color-white);display: block;position: absolute;top: 50%;transform: translateY(-50%);}
.nav_btn::after {content: "";position: absolute;width: 100%;height: 2px;background: var(--color-white);right: 0;bottom: 7px;transition: ease-in-out 0.4s;}
.nav_btn.sidebar_active span {display: none;}
.nav_btn.sidebar_active::after{transform: rotate(45deg);bottom: 14px;background: var(--color-white);}
.nav_btn.sidebar_active::before{transform: rotate(135deg);top: 15px;background: var(--color-white);}

@keyframes slide-down { 
0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}
/* -- Header -- */

/* -- Main -- */
main {min-height: calc(100vh - 105px);display: flex;align-items: center;justify-content: center; padding-top: 167px; }
main > section { margin-top: -60px; }
body.home main {min-height: 100vh;}
body.loader-active header {display: none;}
#loader-counter {position: absolute;right: -50px; bottom: -5px; margin: 0;}
.loader-container { background: var(--color-body-bg); position: fixed; top: 166px; right: 0; bottom: 0; left: 0; z-index: 999; overflow: hidden; }
.loader-main { width: 100%; max-width: 510px; margin: 0 auto; height: 10px; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 50px; color: var(--color-white); font-size: 16px; text-align: center; box-sizing: border-box; transition-delay: 3s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.3s ease; }
.loader-main h2 {margin-top: -100px;}
#inner-container { margin-top: 55px; width: 100%; height: 10px; border-radius: 50px; background-color: var(--color-white); }

.halo-text { font-size: 22vw; font-weight: 300; line-height: 1; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.unique-code-sec {opacity: 0; position: relative;margin: 0;}
.unique-code-wrap { width: 100%; max-width: 820px; margin: 0 auto; text-align: center; padding-bottom: 75px; }
.unique-code-wrap h1 { margin: 0 0 120px; }
.unique-code-wrap input.form-control {font-size: 40px;}
.unique-code-wrap input { height: 60px; text-align: center; font-size: 20px; }
.code-message { background: #ccc; padding: 10px; text-align: center; font-weight: 500; color: var(--color-white); margin: 15px 0; position: absolute; bottom: 0; right: 12px; left: 12px; }
.application-form-sec {padding: 30px 0;margin: 0;}
.application-form {width: 100%;max-width: 1062px;margin: 0 auto;}
.application-form h1 {text-align: center; margin: 0 0 40px; }
.application-form .form-group { padding: 0 12px; }
input#instagram { margin-bottom: 10px; }
.public_text { font-size: 12px; display: block; }
.loader-active .unique-code-sec, .loader-active footer {display: none;}
.about-halo-wrap {width: 100%;max-width: 900px; margin: 0 auto;}
.contact-wrap ul { list-style: none; padding: 0; margin: 0; }
.contact-wrap ul li:not(:last-child) { margin-bottom: 20px; }
.common-pg-sec {margin-top: 167px;}
/* -- Main -- */
/* -- Footer -- */
.ftr-top { border-top: 1px solid rgba(255, 255, 255, 0.32); padding: 30px 0; }
.ftr-logo {display: block; width: 160px;/*margin-top: 40px;*/}
.ftr-logo img {width: 100%;}
.ftr-menu ul { list-style: none; padding: 0; margin: 0; font-size: 12px; font-weight: 300; text-transform: none; }
.ftr-menu ul li:not(:last-child) { margin-bottom: 20px; }
.ftr-menu ul li a {text-transform: uppercase;}
.ftr-copyright p {font-size: 12px; font-weight: 300;}
/* -- Footer -- */
.wpcf7-not-valid-tip { display: none; }
.wpcf7-not-valid { border-color: #dc3232; }
.wpcf7-response-output { text-align: center; font-size: 14px; }
.page-id-8 footer, .page-id-12 footer {display: none;}
.error-sec { min-height: calc(100vh - 410px); display: flex; align-items: center; justify-content: center; margin-top: 167px; }
.error-sec h1 {font-size: 4vw;}
.pmpro_form_field .pmpro_form_input, .pmpro-login .pmpro_section #loginform .input { background-color: transparent; border-radius: 0; border: 0; border-bottom: 1px solid var(--color-white); color: var(--color-white) !important; padding-left: 0; padding-right: 0; margin-bottom: 30px; }
.pmpro_form_field .pmpro_form_input:focus, .pmpro-login .pmpro_section #loginform .input:focus {background-color: transparent;}
.pmpro_card_actions { background-color: #777 !important; border-radius: 0 !important; border: 0 !important; color: var(--color-white); font-weight: 500; text-align: center; }
.pmpro_card_actions a { color: var(--color-white); }
.pmpro_btn-password-toggle { box-shadow: none !important; color: var(--color-white) !important; }
.pmpro_form_field-password-toggle .pmpro_icon svg { stroke: var(--color-white) !important; transition: none !important; }
.pmpro_message.pmpro_error {border-radius: 0;}
.pmpro_form_submit { position: relative; }
#pmpro_processing_message { position: absolute; bottom: -30px; }
#pmpro_processing_message, .pmpro{color: var(--color-white);}
.login-remember label { display: inline-flex; align-items: center; width: 100%; }
.login-remember label input { margin: 0 10px 0 0; width: 16px; height: 16px; }
.pmpro_card {padding: 0; background-color: transparent !important; border: none !important; box-shadow: none !important; color: var(--color-white); }
.pmpro_card_content { padding-top: 0 !important; }
.pmpro_card_title, .pmpro_card_content { padding-left: 0 !important; padding-right: 0 !important; }
.pmpro_card_title { color: var(--color-white) !important; }
.pmpro-checkout h1, .pmpro_card_title + .pmpro_card_content, .pmpro_card_title, .common-pg-sec h1, #pmpro_confirmation-2{text-align: center;}
#pmpro_level-2 .pmpro_form_submit {justify-content: center;}
abbr {color: red !important;}
.pmpro-login .pmpro_section #loginform .login-submit .button { width: auto; }
.pmpro-login .pmpro_section #loginform .login-submit .button:hover { border-color: var(--color-white); }
.pmpro_form_field-password-toggle .pmpro_btn { background-color: transparent !important; color: var(--color-white) !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; }

ul.pmpro_list.pmpro_list-plain.pmpro_list-with-labels { text-align: left; gap: 15px; border: 1px dashed; padding: 15px; }
ul.pmpro_list.pmpro_list-plain.pmpro_list-with-labels li { margin: 0; padding: 12px 15px; background: #ffffff1c; font-size: 16px; }
ul.pmpro_list.pmpro_list-plain.pmpro_list-with-labels li span.pmpro_list_item_label { font-size: 20px; margin-bottom: 8px; }

.pmpro_table { border: 1px solid var(--color-white) !important; }
.pmpro_table, .pmpro_table th, .pmpro_table td { background-color: transparent !important; }

span.pmpro_tag.pmpro_tag-success { border-radius: 0; padding: 12px; font-size: 16px; }

#pmpro_account-profile { text-align: center; }
#pmpro_account-profile .pmpro_card_title { justify-content: center; }

input:-webkit-autofill {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  -webkit-text-fill-color: white !important;
  caret-color: white !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

@media only screen and (max-width:1699px){
    .form-btn { margin: 0; }    
    textarea, select, .form-control, input { margin-bottom: 50px; }
    /* .halo-text {font-size: 100px;} */
}

@media only screen and (max-width:1599px){
    /* .halo-text {font-size: 80px;} */
    .unique-code-wrap h1 { margin: 0 0 80px; }
}

@media only screen and (max-width:1399px){
    .main-header { padding: 35px 0; }
    .logo-wrap a { width: 180px; } 
    main {padding-top: 119px;}
    .common-pg-sec, .error-sec {margin-top: 119px;}
    label {font-size: 16px;}
}

@media only screen and (max-width:1199px){
    /* .halo-text {font-size: 60px;}        */
}

@media only screen and (max-width:991px){
    :root {
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 30px;
    --f-size-XXL: 30px;
    --f-size-XL: 24px;
    --f-size-L: 18px;
    --f-size-M: 16px;
    --f-size-S: 15px;
    --f-size-Body: 16px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    }
    main {min-height: 100vh;}
    .common-padding { padding-top: 50px; padding-bottom: 50px; }
    .main-header { padding: 35px 0; }
    #inner-container {margin-top: 65px;}
    .application-form h1 {margin: 0 0 30px;}
    textarea, select, .form-control, input, .public_text {margin-bottom: 30px;}
    .unique-code-wrap input.form-control { font-size: 30px; }
    footer {display: none;}
    
    /* .ftr-top { text-align: center; }
    .ftr-logo { margin: 0 auto 20px; }
    .ftr-menu { margin-top: 20px; } */

}
@media only screen and (max-width:767px){
    :root {
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 28px;
    --f-size-XXL: 28px;
    --f-size-XL: 20px;
    --f-size-L: 18px;
    --f-size-M: 16px;
    --f-size-S: 15px;
    --f-size-Body: 15px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    }
    .container{width: 95%;}
    .btn, a.btn , .swal2-actions button, .pmpro_section .pmpro_btn:not(.pmpro_btn-password-toggle), .pmpro-login .pmpro_section #loginform .login-submit .button{ padding: 12px 40px; }
    label, textarea, select, .form-control, input, input[type="submit"], button[type="submit"] {font-size: 14px;}
    .logo-wrap a, .ftr-logo { width: 100px; }    
    .nav_btn { left: 20px; }    
    .main-header { padding: 20px 0; }
    .main-menu { padding: 6rem 0 60px; }
    .main-menu>ul>li a { font-size: 24px; padding: 20px; }
    main { padding-top: 68px; }
    main > section { margin-top: -70px; }
    .common-pg-sec, .error-sec{margin-top: 68px;}
    /* .halo-text {font-size: 40px;} */
    .unique-code-sec {width: 100%;}
    .unique-code-wrap h1 { margin: 0 0 30px; font-size: 18px; }
    .unique-code-wrap input { height: 45px; font-size: 16px; }
    .unique-code-wrap input.form-control { font-size: 18px; }
    .loader-main {max-width: 250px;}
    #inner-container { margin-top: 67px; }
    #loader-counter { bottom: -30px; right: inherit; left: 50%; transform: translateX(-50%); }
    .application-form .form-group { padding: 0; }
    .error-sec h1 {font-size: 8vw;}

}


@media only screen and (max-width: 549px){
    /* .halo-text {font-size: 35px;} */
}

@media only screen and (max-width: 479px){
    /* .halo-text {font-size: 26px;} */
}