/* ============================================================================
    ACCOUNT
============================================================================ */

/* login / register */
#account-layer1 {width:100%;min-height:1013px;position: relative;background: #3c3431 url('../img/account-back.jpg') top center no-repeat;}
.account-content {width:1180px;margin:0 auto;display: flex;flex-flow: row wrap;padding:116px 0 0 0;}

.account-left {width:590px;order: 1;position:relative;}
.account-right {width:590px;order: 2;margin-left: auto;position:relative;}

.account-header-l-box {max-width:480px;text-align:center;}
.account-header-r-box {max-width:480px;text-align:center;margin:0 0 0 110px;}

.account-header {font-size:36px;line-height:38px;color:#fff;font-weight:600;text-transform:uppercase;border-bottom:3px solid #f3bf21;display:inline-block;padding:0 0 6px 0;}
.acc-box-left {width:589px;min-height:380px;border-right:1px solid #f3bf21;margin:20px 0 0 0;}

.acc-lay-ins-left {max-width:480px;padding:35px 0 0 0;}
.acc-lay-ins-right {max-width:480px;margin:0 0 0 110px;padding:55px 0 0 0;}

.acc-field {width:100%;}
.accform-inp{width:470px;height:62px;background: none;border-bottom: 1px solid #fff;border-top:0;border-left:0;border-right:0;display:block;
    padding: 0 5px 0 5px;font-family: 'Barlow', sans-serif;font-size:30px !important;line-height:62px;color:#fff;font-weight:300;margin-bottom:15px;outline:none;}
    
input.accform-inp:required:focus {border-bottom:1px solid #f3bf21;}
input.accform-inp:focus {border-bottom:1px solid #f3bf21;}
input.accform-inp:hover {border-bottom:1px solid #f3bf21;}

.forgot-box {font-size:16px;line-height:18px;}
a.forgot-link {color:#f3bf21;text-decoration:none;}
a.forgot-link:hover {color:#f3bf21;text-decoration:underline;}

.login-button {padding:30px 0 0 0;text-align:center;}    
.register-button {padding:35px 0 0 0;text-align:center;}

.acc-submit{
    width:250px;
    font-family: 'Barlow', sans-serif;
    font-size:24px;
    line-height:70px;
    font-weight:500;
    display: inline-block;
    background: #f3bf21;
    border:0;
    text-decoration: none;
    text-transform:uppercase;
    color: #423b35;
    cursor:pointer;
}

.acc-submit:hover{color:#fff;background: #f3bf21;}

.accreg-submit{
    width:250px;
    font-family: 'Barlow', sans-serif;
    font-size:24px;
    line-height:70px;
    font-weight:500;
    display: inline-block;
    background: #f3bf21;
    border:0;
    text-decoration: none;
    text-transform:uppercase;
    color: #423b35;
    cursor:pointer;
}

.accreg-submit:hover{color:#fff;background: #f3bf21;}


/* other pages */
#info-layer1 {width:100%;min-height:700px;position: relative;background: #3c3431 url('../img/account-back.jpg') top center no-repeat;}
.info-content {width:1180px;margin:0 auto;padding:116px 0 0 0;}
.acc-info-ins {max-width:480px;padding:35px 0 0 0;}

/* register */
.regerror {font-size:16px;line-height:18px;color:#f3bf21;}
.account-register-header {font-size:36px;line-height:38px;color:#fff;font-weight:600;text-transform:uppercase;border-bottom:3px solid #f3bf21;display:inline-block;padding:0 0 6px 0;}
.account-info-text {padding:20px 0 0 0;}
.acc-inf-span {display:block;}

/* forgot password*/
.messagepassword {padding:30px 0 0 0;text-align:left;color:#fff;}


/* responsive */
@media only screen and (min-width: 1180px) and (max-width: 1480px){
.account-content {width:95%;padding:60px 0 0 0;}
.account-left {width:50%;}
.account-right {width:48%;}

.account-header-l-box {max-width:480px;text-align:center;margin:0px auto;}
.account-header-r-box {max-width:480px;text-align:center;margin:0 auto 0 auto;}
.acc-box-left {width:100%;min-height:380px;}

.acc-lay-ins-left {max-width:480px;padding:35px 0 0 0;margin:0px auto;}
.acc-lay-ins-right {max-width:480px;margin:0 auto 0 40px;padding:55px 0 0 0;}
.accform-inp{width:90%;max-width:470px;}

/* other pages */
.info-content {width:95%;padding:60px 0 0 0;}
}

@media only screen and (min-width: 959px) and (max-width: 1180px){
.account-content {width:95%;padding:60px 0 0 0;}
.account-left {width:50%;}
.account-right {width:48%;}

.account-header-l-box {max-width:480px;text-align:center;margin:0px auto;}
.account-header-r-box {max-width:480px;text-align:center;margin:0 auto 0 auto;}
.acc-box-left {width:100%;min-height:380px;}

.acc-lay-ins-left {max-width:480px;padding:35px 0 0 0;margin:0px auto;}
.acc-lay-ins-right {max-width:480px;margin:0 auto 0 40px;padding:55px 0 0 0;}
.accform-inp{width:90%;max-width:470px;}

/* other pages */
.info-content {width:95%;padding:60px 0 0 0;}
.acc-inf-span {display:inline;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
#account-layer1 {padding:0 0 40px 0;}
.account-content {width:95%;padding:60px 0 0 0;}
.account-left {width:100%;margin:0px auto;}
.account-right {width:100%;margin:0px auto;}

.account-header-l-box {max-width:480px;text-align:left;margin:0px auto;}
.account-header-r-box {max-width:480px;text-align:left;margin:0 auto 0 auto;}

.acc-box-left {width:100%;min-height:380px;border-right:0;margin:20px auto 0 auto;}

.acc-lay-ins-left {max-width:480px;padding:35px 0 0 0;margin:0px auto;}
.acc-lay-ins-right {max-width:480px;margin:0 auto 0 auto;padding:55px 0 0 0;}

.accform-inp{width:95%;max-width:470px;}

/* other pages */
.info-content {width:95%;padding:60px 0 0 0;}
.acc-inf-span {display:inline;}
}


@media only screen and (min-width: 480px) and (max-width: 767px){
#account-layer1 {padding:0 0 40px 0;}
.account-content {width:95%;padding:60px 0 0 0;}
.account-left {width:100%;margin:0px auto;}
.account-right {width:100%;margin:0px auto;}

.account-header {font-size:30px;line-height:34px;}
.account-header-l-box {max-width:480px;text-align:left;margin:0px auto;}
.account-header-r-box {max-width:480px;text-align:left;margin:0 auto 0 auto;}

.acc-box-left {width:100%;min-height:380px;border-right:0;margin:20px auto 0 auto;}

.acc-lay-ins-left {max-width:480px;padding:35px 0 0 0;margin:0px auto;}
.acc-lay-ins-right {max-width:480px;margin:0 auto 0 auto;padding:55px 0 0 0;}

.accform-inp{width:95%;max-width:470px;font-size:26px !important;}

/* other pages */
.info-content {width:95%;padding:60px 0 0 0;}

/* register */
.account-register-header {font-size:30px;line-height:34px;}
.acc-inf-span {display:inline;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
#account-layer1 {padding:0 0 40px 0;}
.account-content {width:95%;padding:60px 0 0 0;}
.account-left {width:100%;}
.account-right {width:100%;}

.account-header {font-size:30px;line-height:34px;}
.account-header-l-box {max-width:480px;text-align:left;}
.account-header-r-box {max-width:480px;text-align:left;margin:0 0 0 0;}

.acc-box-left {width:100%;min-height:380px;border-right:0;margin:20px auto 0 auto;}

.acc-lay-ins-left {max-width:480px;padding:35px 0 0 0;}
.acc-lay-ins-right {max-width:480px;margin:0 0 0 0;padding:55px 0 0 0;}

.accform-inp{width:95%;max-width:470px;font-size:26px !important;}

/* other pages */
.info-content {width:95%;padding:60px 0 0 0;}

/* register */
.account-register-header {font-size:30px;line-height:34px;}
.acc-inf-span {display:inline;}
}