/* LOGIN */
.cs-boxUser{display: flex;align-items: center;padding: 0;cursor: pointer;width: 44px;}
.cs-boxUser-login{position: absolute;display: flex;flex-direction: column;top:100%;width: 160px; right: -13px;visibility: hidden;padding-top: 10px;}
.cs-boxUser-login a{display: flex;text-align: center;align-items: center;color: #333;padding:5px 15px;gap:6px;font-weight: 400;background: #FFF5EF;padding: 12px 15px;font-family: var(--font);font-size: 14px;}
.cs-boxUser-login a:last-child{border-top:1px solid rgba(0, 0, 0, 0.4)}
.cs-boxUser:hover .cs-boxUser-login{visibility: visible;}
.cs-boxUser-login:after {
    content:'';width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #FFF5EF;position: absolute;top:5px;right:15px;
}

.boxlogin-contain{position: fixed;top:0;left:0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;visibility: hidden;opacity: 0;}
.boxlogin-contain.active-boxlogin-contain{z-index: 999999;visibility: visible;opacity: 1;}
.boxlogin-contain > span{position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);}
.boxlogin-main{ background: #FFF5EF; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; padding:40px 20px 20px; position: relative; margin-top: 200px; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s;visibility: hidden; }
.boxlogin-contain.active-boxlogin-contain .boxlogin-main{margin-top:0;visibility: visible;}
.boxlogin-main p{text-align: center;color:#333;font-weight: 400;font-size: 15px;width: 350px;line-height: 140%;}
.boxlogin-buttons{display: flex;align-items: center;gap:20px;margin-top:24px;}
.boxlogin-buttons a{width: calc(50% - 10px);font-weight: 500;font-size: 15px;}
.boxlogin-signin{ display: flex; align-items: center; justify-content: center; background: #9B1106; height: 50px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; color:#FFF5EF !important;}
.boxlogin-login{display: flex; align-items: center; justify-content: center; background: #fff; height: 50px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; color: #9B1106 !important;}
.boxlogin-close{ position: absolute; width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; top:5px; right:5px; color: #fff; font-family: monospace; font-size: 16px; background: rgba(0, 0, 0, 0.4); border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.boxlogin-close span{font-family: monospace;display: block; margin-top: -3px;}


/* SIGN IN */
.page-id-589 #masthead, .page-id-675 #masthead, .page-id-687 #masthead, .page-id-699 #masthead, .page-id-712 #masthead{position: sticky !important;}
.page-id-589 footer, .page-id-675 footer, .page-id-687 footer, .page-id-699 footer, .page-id-712 footer{display: none;}
.page-id-589 .header-main > .elementor-element, 
.page-id-675 .header-main > .elementor-element, 
.page-id-687 .header-main > .elementor-element, 
.page-id-699 .header-main > .elementor-element,
.page-id-712 .header-main > .elementor-element{background: linear-gradient(to right, #9B1106, #C85B53);}

.page-id-589 #masthead::after, 
.page-id-675 #masthead::after, 
.page-id-687 #masthead::after, 
.page-id-699 #masthead::after, 
.page-id-712 #masthead::after{display: none;}

.csum-box-signin{overflow: hidden;}
.formSignin-box{margin: auto; padding: 40px 60px 40px 60px; font-family: var(--font);}
.formSignin-box form{z-index: 9;margin: 0;}
.formSignin-box form label{color: #333; font-weight: 600;margin-bottom: 8px;display: block;font-family: var(--font);}
.formSignin-box form input:not(input[type="submit"], input[type="checkbox"], input[type="file"]){margin: 0 !important; border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; box-shadow: none !important; height: 44px; min-width: 100%; background: #fff; border-color: #fbe9df !important;font-family: var(--font);z-index: 1;}
.formSignin-box form > p{margin-bottom: 24px;}
.formSignin-submit{margin: 0 !important;display: flex;align-items: center;justify-content: center;}
.formSignin-submit input{background: linear-gradient(to right, #9B1106, #C85B53);color:#fff;box-shadow: none !important;font-size: 14px;margin: 0;width: 140px; height: 44px;width: 100%;text-transform: uppercase;}
.csum-box-signin .section-content{z-index: 999;}
.formSignin-error{color:#9B1106;font-size: 12px; display: block; margin-top: 8px;font-family: var(--font);font-weight: 400;line-height: 140%;}
.formLogin-box .login-error{color:#9B1106;font-size: 13px;}
.formLogin-box input[type="checkbox"]{margin-bottom: 0;}
.input-error { border-color: #9B1106 !important; }
.login-box-left{position: relative;}
.login-box-left:after{content:'';position: absolute;top:0;left:0;width: 100%;height: 100%;background: #191919;opacity: 0.5;}
input.input-error[type="checkbox"] { outline: 2px solid red; }
.formSignin-box form label.label-term{font-weight: 400;font-size: 14px;}
.formSignin-box form label.label-term a{color: #9B1106;text-decoration: none;}
.formSignin-rule{color: #9B1106; font-weight: 400; font-size: 13px; white-space: pre-line; line-height: 160%; margin-bottom: 24px; margin-top: -30px;}


.login-box-left-info{position: relative;z-index: 9;}
.login-left-description, .login-left-description *{color: #fff;margin-bottom: 0 !important;}
.formSignin-title{text-transform: uppercase;}
.login-success-notify *{line-height: 140% !important;}
.formSignin-will-login{margin-bottom: 0;margin-top:20px;display: flex;justify-content: center;flex-direction: column;gap:3px;}
.formSignin-will-login label{font-weight: 500;text-align: center;font-size: 14px;}
.formSignin-will-login a{color: #9B1106;text-decoration: none !important;}
.formSignin-submit-account{margin-top:30px !important;}
.formSignin-subInfo{padding: 20px; font-weight: 400; font-family: var(--font); line-height: 140%; background: #fbe9df; margin-bottom: 24px; font-size: 14px;}
.formSignin-message{font-weight: 400;font-family: var(--font);font-size: 14px;line-height: 140%;}
.formResetPass-error{text-align: center;color: #9B1106;font-weight: 400;font-size: 16px;font-family: var(--font);}
.formSignin-boxNotify{padding:0 60px;}
#loading-message { font-size: 16px; font-weight: bold; padding: 10px; background-color: #f0f8ff; border-radius: 5px; }
/* header{display: none !important;} */

@media screen and (max-width: 1024px){ 
    .cs-boxUser{width:33px;}
    .cs-boxUser-login{width:130px;}
    .cs-boxUser-login a{padding: 8px 15px;font-size: 13px;}
    .cs-boxUser-login::after{right:36px;}
}

@media screen and (max-width: 550px){ 
    .boxlogin-main{width: 92%;}
    .boxlogin-main p{width:100%;}
}