.close { background-color: transparent!important; }
.signup-main-content
{
    background-color: #fff;
}
div .span16.bottom-header {
  display: none;
}

.ty-step__container-active h3{
    border-radius: 0px !important;
}

.signup-container{
    padding-top: 40px !important;
}
.tygh-footer .container-fluid .es-footer-full{
    border-bottom : 0px;
}

.tygh-content .container-fluid .estore-content-grid{
    margin-bottom: 0px !important;
    box-shadow: none !important;
}

.tygh-content .container-fluid .estore-content-grid{
    padding: 40px 0px;
    max-width: 1300px;
}

.tygh-top-panel .top-grid{
    max-width: 1160px !important;
}

.select-dropdown{
    max-height: 350px;
}

.ty-search-block .select-wrapper .select-dropdown{
    padding-left: 10px;
    border-bottom : 0px !important;
}

.btn{
    font-weight: 900;
    border-radius: 5px !important;
}

.tygh-footer a{
    color: #969696;
}

.signup_line{
    width: 28.5%;
    border: .5px solid #e0e0e0;
    display: inline-block;
    position: relative;
    top: -3px;
}

span.error{
    color:#F44336;
}

#tygh_footer{
    padding-top: 15px;
}

.tygh-header
{
    border-bottom: 0px solid #e0e0e0;
}

.tygh-header .header-grid .top-header
{
    border-bottom: 0px solid #e0e0e0;
}


.tygh-header .header-grid .top-header .header-ctn .top-search .ty-search-block {
    border: 2px solid #e6e6e6 !important;
}

.srch-input{


    /*padding-top: 7px;*/


}

.srch-input .ty-search-block__input{
    width:85% !important;
    margin: 0px !important;
}

.tygh-header .header-grid .top-header .header-ctn .top-search .ty-search-block .srch-input .ty-search-magnifier{
    /*top: 8px !important;

right: 0px !important;
background-color: transparent!important;*/

}

.select-dropdown {
    margin: 0px !important;
}

.cm-hint-focused{
    border-bottom: 0px  !important;
}

.tygh-header .header-grid .top-header .header-ctn .top-search .ty-search-block .srch-input .ty-search-block__input{ 
    border-bottom: 1px solid #FFF; 
    -webkit-box-shadow: 0 1px 0 0 #FFF;
    box-shadow: 0 1px 0 0 #FFF;
}
.srch-input.ty-float-left{

    height: 35px !important;
}
.tygh-content{
    border-bottom: 1px solid #ddd;
}

.tygh-header .header-grid .top-header .header-ctn .top-search .ty-search-block .srch-input .ty-search-magnifier .ty-icon-search{


    /*background: url(../../../../../../images/signup/search1.png) no-repeat;*/


}

.tygh-header .header-grid .top-header .header-ctn .top-search .ty-search-block .srch-input .ty-search-magnifier:hover {
    background-color: #424244 !important;
}

.live-search-box {
    min-width: 54.7% !important;
}

.signup-box 
{   
    /*height: 875px;    
    width: 995px;*/ 
    border: 1px solid #E0E0E0;  
    border-radius: 4px; 
    background-color: #FEFEFE;  
    /*box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);*/
    padding: 0px;
}

.heading-signup
{
    font-size: 24px;    
    font-weight: 900;   
}

.benefits{
    position: relative;
    top: 10px;
    color: #969696; 
    font-size: 14px;    
    font-weight: 500;
}

.input-field input[type=text]{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.input-field input[type=email]{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.input-field input[type=password]{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.signup-form
{ 
    padding: 50px 27px 0px 38px;
    margin-bottom: 30px !important;
    /*padding-left: 50px;
padding-top: 50px; */
}

.benefits-box
{
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px !important;
    padding-top: 15px !important;
    padding-left: 50px !important;
}

.onj_reset{
    font-weight: 900;
}

a.forgot 
{ 
    float: right; 
    margin-right: 11px;
    position: absolute;
    top: 13px;
    right: 0px;
    font-weight: 900;
    color: #d6b76a !important;

}


button
{
    background-color: #F97141 !important;
}
.alert-error button{ background-color:none!important; } 
.benefit_heading
{
    padding-left: 50px;
    margin-top:11% !important;
    border-bottom: 1px solid #ddd;
    padding-bottom: 30px !important;
    margin-bottom: 0px !important;
}

.log-in
{   
    height: 33px;
    /* width: 70px; */
    color: #4A4A4A; 
    font-family: Avenir ;   
    font-size: 24px;    
    font-weight: 900;   
    line-height: 33px;
}

.sign-in 
{   
    height: 350px;
    margin:9% 64px ; 
}
.onj_recover {
    margin: 0% 25% 0% 25%;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.onj_recover .ty-mainbox-title { margin: unset; }
.onj_recover .ty-mainbox-body { margin: 53px 0 31px 66px; }
.onj_email { margin-left: -12px!important; width:90%!important; } 
.onj_recover .input-field label { margin-left: -12px; } 
.login-recovery { width:87%; }

#recoverfrm #email {
    margin-left: unset !important;
    box-shadow: none;
}

.onj_recover h1 { 
    text-align: left!important; color: #4A4A4A; font-size: 24px;font-weight: 900;line-height: 33px; border-bottom:none!important;
}
.onj_pay_sumry{ padding: 10px 0px 0px 0px;font-size: 16px; }
.line { width: 267px;   background-color: #E0E0E0; }
.onj_item { height: 19px;   width: 79px; color: #6E6E6E;        font-size: 14px;    font-weight: 500;   line-height: 19px;  padding-left:15px; }
.onj_item_val{  height: 26px;   width: 75px;    color: #424143;     font-size: 17px;    font-weight: 700; padding-right:15px; }
.onj-tot { color: #6E6E6E!important;        font-size: 18px;    font-weight: 900;   line-height: 25px; padding-left:10px; }
.onj_text_val { color: #424143!important;       font-size: 18px;    font-weight: 900; float: right; padding-right:10px; }
.onj_ship_check{ color: #6E6E6E;        font-size: 12px;    font-weight: 300;   letter-spacing: 0.1px; }
.check_forgot 
{
    float: right;
    margin-right: 5px;
    position: absolute;
    top: 12px;
    right: 7px; 
    /*color:#d3b15b;*/
    color: #D0AB4F;
    font-size: 14px!important;
    font-weight: 900!important;
}
.onj_reset_title { 
    color: #969696;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
.onj_recover a { color:#000!important; }
.sign_line{ width: 109px;background-color: #E0E0E0; }
.sign_line_up{ width: 175px; background-color: #E0E0E0; }
.log_col_text{ color:#969696; }
.onj_login_sig{ color:#424143; }
/*.onj_siglog .row { margin-left: 55px; } */
.r_line { height: 1px;  width: 250px;   background-color: #E0E0E0; }

.onj_sign_sidebar {
    border-left: 1px solid #ddd; 
    min-height: 900px;
    /*margin-bottom: 30px;*/
}
.onj_checkout_default .row{  margin-bottom: auto!important; }
#step_two_body{ margin: 0px 60px 0px 60px; padding-top: initial!important;    padding-bottom: 45px!important; }
#step_five_body .row .onjfive .col{ padding:0px 60px 0px 60px!important; /*margin: 0px 60px 0px 60px; padding-top: initial!important; padding-bottom: 45px!important; */}
#step_five_body { padding-bottom: 40px!important;/* padding:0px 60px 45px 60px!important;*/}
.onjf { /*margin-left: -18px!important; */ padding:0px 60px 0px 60px; }
.display-in-mobile-container {
    display:none;
}
.overlay .search-modal {
    opacity: 0.5;
}
@media (max-width: 767px) {   
    .signup-main-content .error.row {
        margin-left: 15px !important
    }
    #recoverfrm #email {
        margin-left: 15px !important;
    }
    .onj_recover .ty-mainbox-title { 
        margin: unset;
        color: #404553;
        font-family: "Avenir LT Std" !important;
        font-size: 14px;
        clear: both;
        padding-top: 10px;
        border-bottom: 1px solid #f2f2f2 !important;
        padding-left: 15px;
    }
    .onj_recover .ty-mainbox-body { margin: 0px 0 0px 0px;}

    .onj_recover { margin: auto !important; }

    .signup-form { padding:0; }
    .onj_siglog .row { margin-left: 19px; } 
    .onj_sign_sidebar {    min-height: 491px;}
    .sign_line_up{   width: 77px; }
    .signup_line { width:37%!important; }
    #step_two_body{ margin:auto; }
    #step_five_body{ margin:auto; }
    #step_five_body{  /*padding: 0px 60px 0px 60px!important;*/}
    .onjf { padding:0px!important; }
    #step_five_body .row .onjfive .col { padding-left: 10px!important; }

    .display-in-mobile-container div {
        float: left;
    }
    .recover-password-div, .tygh-content .recover-password-div .estore-content-grid {
        padding:0 !important;
    }
    .display-in-mobile-container {
        display: block;
        box-shadow: 0px 1px 1px 0.6px #B7B7B7;
        float: left;
        position: relative;
        z-index: 10;
        width: 100%;
        padding: 3% 0 3% 0;
    }
    .enter-details-text-hr {
        float: left;
        width: 16%;
        border-bottom: 2px solid #CFA950;
        margin-left: 16px;
    }
    .ty-recover-password  label {
        color: #7E859B; 
        font-family: "Avenir LT Std";   
        font-size: 10px;    
        margin-left: 5px !important;
    }

    .onj_reset_title { 
        color: #48494C;
        font-family: "Avenir LT Std" !important;
        font-size: 11px;
        letter-spacing: 0.04em;
        line-height: 22px;
        padding-left: 15px;
        padding-bottom: 0;
    }
    .ty-recover-password {
        margin-top: 0 !important;
    }

    .onj_recover, .tygh-content {
        border: none;
    }

    .recover-password-div .btn-large {
        width: 100% !important;
        font-weight: 900 !important;
        font-size: 16px!important;
        border-radius: 0px !important;
        padding-top: 6px;
        bottom: 0;
        position: fixed !important;
    }

    /*    duplicate kalai*/

    .hide-in-mobile {
        display: none !important;
    }
    .display-in-mobile-link a.ty-btn:hover {
        color:#CFA950;
        background: none;
    }

    .display-in-mobile > span {
        width: 100%;
        float: left;
        color: #404553;
        font-family: "SF Pro Text Bold";
        font-size: 22px;
        letter-spacing: 0.05em;
        margin-left: 20px;
        margin-top: 5px;
    }
    .display-in-mobile #sec_cart_total {
        font-size: 22px !important;
    }
    .display-in-mobile > span:nth-child(2) {
        margin: 0;
        position: relative;
        letter-spacing: 0;
        margin-left: 25px;
        font-weight: bold;
        text-decoration: underline;
        float: left;
        margin: 0 !important;
        padding: 0 !important;
        top: 0 !important;
        margin-left: 25px;    }

    .display-in-mobile a {
        color: #3866DF;
        font-family: "Avenir LT Std 55 Roman" !important;
        font-size: 11px;
        letter-spacing: 0.02em;
        font-weight: normal;
        float: left;
        margin-left: 20px;
    }
    .display-in-mobile-link {
        width: 15% !important;
    }

    .display-in-mobile-link a {
        color: #000;
        background: none;
        margin-left: 5px;
        font-size: 18px;
        background: #FFF;
        color:#000;
    }

    .display-in-mobile-img {
        width: 50% !important;
    }



}

@media (max-width: 767px) {
    #recoverfrm .buttons-container .btn-large {
        width: 100%;
        position: fixed;
        bottom: 0;
        border-radius: 0px !important;
    }
    .r_line{ width: 138px !important;}
    .login-recovery .onj_reset { width:100%!important;}
    .col .row { margin-right: auto!important; }
    .onj_recover {
        margin: auto !important;
    }

    .input-field label { color: #000;}
    .input-field input[type=text]:focus + label { color: #000; }
    .input-field input[type=text]:focus { border-bottom: 1px solid #000; box-shadow: 0 1px 0 0 #000;}
    .input-field input[type=text].valid { border-bottom: 1px solid #000;box-shadow: 0 1px 0 0 #000; }
    .input-field input[type=text].invalid { border-bottom: 1px solid #000;box-shadow: 0 1px 0 0 #000; }
    .input-field .prefix.active { color: #000; }
    .login-recovery .onj_reset { 
        width: 412px;
        border-radius: 4px;
        background-color: #F97141;
        box-shadow: 0 1px 2px 0 #823A21;
    }

    .onj_email { border: none!important; border-bottom:1px solid #dddddd!important;  width: 412px;}

    .login-form { background: none; }

    .login-form h1 { 
        text-align: left!important; color: #4A4A4A; font-family: Avenir;font-size: 24px;font-weight: 900;line-height: 33px; border-bottom:none!important;
    }

    .login-form .ty-mainbox-container{ padding: 20px 55px 0 46px; }
    .login-form .buttons-container{ margin: 45px 0px; }
    .onj_reset_title { 
        padding-bottom:30px;color: #969696;
        font-family: Avenir;
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
    }

    label { 
        color: #969696!important;   font-family: Avenir;    font-size: 14px;    font-weight: 500;   line-height: 19px;
    }
    .onj_reset_login { 
        height: 19px;   width: 40px;    color: #424143; font-family: Avenir;    font-size: 14px;    font-weight: 500;   line-height: 19px;height: 417px;    width: 560px;   border: 1px solid #E0E0E0;  border-radius: 4px; background-color: #FEFEFE;  box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
    }


    .onj_email:active{ 
        border:none!important; border-bottom: 1px solid #d9d9d9;
        border-radius: initial;box-shadow:none!important;-webkit-box-shadow:none!important;
    }

    .input-field label { color: #000; }
    .input-field input[type=text]:focus + label { color: #000; }
    .input-field input[type=text]:focus { border-bottom: 1px solid #000; box-shadow: 0 1px 0 0 #000;}
    .input-field input[type=text].valid { border-bottom: 1px solid #000;box-shadow: 0 1px 0 0 #000; }
    .input-field input[type=text].invalid { border-bottom: 1px solid #000;box-shadow: 0 1px 0 0 #000; }
    .input-field .prefix.active {color: #000; }

    .footer-border-div
    {
        border-top: 1px solid #ddd;
        margin-top: 60px;
    }

    .footer-link-div
    {
        margin-top: 30px;
        font-size: 12px;
        font-weight: 500;
        color: #969696 !important;
        line-height: 16px;
        margin-left: 0;
    }

    .bottom-copyright
    {
        margin-top: 40px;
        padding: 0px;
    }

    .bottom-copyright .footer-links li
    {
        display: inline !important;
        margin-left:20px;
    }
    .promotion-cupon{
        border: 2px solid #ddd;
    }

    .ty-checkout-img {
        padding: 10px;
        display: block;
        margin-bottom: 10px;
    }
    .ty-profile-field__item input {
        border-top: 0px !important;
        border-left: 0px !important;
        border-right: 0px !important;
    }
    .tygh-header .header-grid .top-header .header-ctn .top-search .ty-search-block {
        border: 1px solid #e6e6e6 !important;
    }

    #serach_input_header .srch-input{
        padding-top: 0px;
        padding: 12px;
    }

    .tygh-header .header-grid .top-header .header-ctn .top-search .ty-search-block .srch-input .ty-search-magnifier{
        top: 0px !important;
        right: 0px !important;
    }

    .selected{
        border: 0px !important;
    }
    .signup-container {
        padding-top: 0px !important;
    }

    .srch-input.ty-float-left{

        height: 38px !important;
    }
}

/* Start SS-507 Customer Forgot Password */

/*.tygh-content > div {
    background: #fff;
}*/

#recoverfrm .buttons-container .btn-large{
    width: 87%;
    font-weight: 900;
    font-size: 16px;
    border-radius: 5px ;
    padding-top: 6px
}

.buttons-container{
    padding: 0px;
}
.tygh-content .container-fluid{
    /* padding: 40px 0px;*/
    /* background: #fff; */
}
.onj_forget_background
{
    background: #fff !important; 
}
.onj_fp{
    margin-top: 100px;
}
.lines .col{
    padding: 0px;
}
.tygh-content .container-fluid .estore-content-grid {
    padding: 3rem 0rem;
}
.ty-success-password{
    text-align: center;
    margin-left: -25px;
}

.ty-recover-password .onj_m_reset_line{
    margin-right: 76px;
}
.ty-recover-password .onj_m_reset_line .onj_reset_line{
    padding:0px
}
.ty-recover-password .onj_m_reset_line .onj_reset_line .onj_reset_login{
    color: #969696;
    font-size: 14px;
}
.onj_pass_success{
    width: 50px;
}
#recoverfrm2 .input-field label{
    margin-left: 0px
}
#recoverfrm2{ margin-left: 10px; } 
#recoverfrm2 .onj_custom_line { margin-top: 30px;}
.psuccess{font-size: 1.2em; font-weight: 400; line-height: 4} 

.onj_reset_line .onj_reset_login{
    margin-left: -30px;
    margin-right: -30px;
}

.rest-onj-bottom {
    margin-top: 30px;
}
.rest-onj-first{
    padding:0px;
}
.rest-onj-middle{
    text-align: center ;
    color: #969696;
    font-size: 14px;
}

@media (max-width: 767px) {
    .tygh-header {
        display: none;
    }
    .tygh-content .container-fluid{
        padding: unset;
    }
    #recoverfrm .buttons-container .btn-large{
        width: 100%;
        font-weight: 900;
        font-size: 16px;
        border-radius: 5px ;
        padding-top: 6px
    }
    #recoverfrm2 .buttons-container .btn-large{
        width: 100%;
        font-weight: 900;
        font-size: 16px;
        border-radius: 5px ;
        padding-top: 6px
    }
    #recoverfrm2 .input-field label{
        margin-left: 0px;
        /*font-size: 1.2rem;*/
    }

    .ty-mainbox-body .recover_mob{
        padding: 50px 35px 35px 35px;
        line-height: 2.5rem;
    }
    .clearfix .z-depth-1{
        margin-top: 20px;
    }
    .ty-mainbox-body .success_mob{
        padding: 50px 35px 0px 35px;
        /*line-height: 2.5rem;*/

    }
    .ty-mainbox-succes-title { 
        margin: unset;
        color: #404553;
        font-family: "Avenir LT Std";
        font-size: 24px;
        clear: both;
        padding-top: 10px;
        border-bottom: 1px solid #f2f2f2;
        /*padding-left: 15px;*/
    }
    
    .onj_cpass {
        position: absolute;
        width: 100%;
        left: 0px;
    }
    
}

/* End SS-507 Customer Forgot Password */