.btn.howto_btn {
    background-color: #FD546A;
    color: #fff;
    display: inline-block;
    padding: 18px 55px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700;
    transition: .2s;
    font-family: 'Open Sans', sans-serif;
    
}
.btn.howto_btn:focus {background-color: #FD7F8F;
    color: #fff;}
.btn.howto_btn:hover {
  background-color: #DB4A5D;
    color: #fff;
    border: 1px solid transparent;
}

/* Primary Pink Button */
.primary_cta {
    background-color: #FD546A;
    color: #fff;
    display: inline-block;
    padding: 18px 55px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700;
    transition: .2s;
    font-family: 'Open Sans', sans-serif;
}
.primary_cta:hover {
    background-color: #DB4A5D;
    color: #fff;
    border: 1px solid transparent;
}
.primary_cta:active, .primary_cta:focus, .primary_cta.active {
    background-color: #FD7F8F;
    color: #fff;
}
.primary_cta[disabled], .primary_cta.disabled, .primary_cta[disabled]:hover, .primary_cta.disabled:hover,.primary_cta[disabled]:focus, .primary_cta.disabled:focus {
    opacity: .50
}

/* Secondary Border Button */
.secondary_cta {
    padding: 16px 50px;
    background: #fff;
    border: 2px solid #FD546A;
    font-size: 16px;
    text-transform: uppercase;
    color: #FD546A;
    border-radius: 3px;
    font-weight: 700;
    transition: .2s;
    text-align: center;
}
.secondary_cta:hover {
    background-color: #FFEDF0;
    color: #FD546A;
}
.secondary_cta:active, .secondary_cta:focus, .secondary_cta.active {
    background-color: #FFD4D9;
    color: #FD546A;
}
.secondary_cta[disabled], .secondary_cta.disabled, .secondary_cta[disabled]:hover, .secondary_cta.disabled:hover,.secondary_cta[disabled]:focus, .secondary_cta.disabled:focus {
    opacity: .50
}

.default_modal.horizon_center.in {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.howtobuy.default_modal .modal-body {
    background: #fff;
    font-family: "Gotham-Book";
}
.addorder_image {
    margin: 0px auto 15px;
    text-align: center;
}
.addorder_image.gray_bg {
    background: #EFEFEF;
    width: 100px;
    height: 100px;
    padding: 10px;
    border-radius: 50%;
}
.howtobuy .modal-body .addorder_content h2 {
    font-family: 'GothamBold';
    font-size: 32px;
}
.howtobuy .modal-body .addorder_content p {
    font-size: 18px;
    margin: 30px 0 40px;
}
.addorder_btns button {
    background-color: #FD546A;
    color: #fff;
    display: inline-block;
    padding: 18px 55px;
    border: 1px solid transparent;
    border-radius: 3px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5;
    font-weight: 700;
    transition: .2s;
    font-family: 'Open Sans', sans-serif;
    margin: 0 10px;
    min-width: 180px;
}
.addorder_btns button.secondary_cta {
    padding: 16px 50px;
    background: #fff;
    border: 2px solid #FD546A;
    font-size: 16px;
    text-transform: uppercase;
    color: #FD546A;
    border-radius: 3px;
    font-weight: 700;
    transition: .2s;
    text-align: center;
    margin: 0 10px;
    min-width: 180px;
}
.howtobuy.default_modal .modal-body.double_modal {
    padding: 0;
}
.double_modal .addorder_content, .remember_forgot_wrapper.d-flex.justify-content-between {
    display: flex;
    justify-content: space-between;
}
.signin_content {
    width: 50%;
    padding: 60px 30px;
}
.signin_content.signup_right {
    background-color: #123456;
    color: #fff;
}
.signin_content h3 {
    font-family: 'GothamMedium';
    margin: 0 0 30px;
}
.signin_fields {
    min-height: 180px;
}
.signin_fields .form-control {
    height: 54px;
    border: 2px solid #123456;
    font-size: 18px;
    font-family: 'GothamMedium';
    padding: 6px 20px;
}
.remember_forgot_wrapper a {
    color: #123456;
    font-size: 14px;
    font-family: 'Gotham-Book';
}
.remember_forgot_wrapper .form-group.checkbox_btn {
    position: relative;
}
.remember_forgot_wrapper .form-group.checkbox_btn label {
    font-weight: normal;
    font-size: 14px;
    font-family: 'Gotham-Book';
    position: relative;
    margin: 0;
    padding-left: 30px;
    cursor: pointer;
}
.remember_forgot_wrapper .form-group.checkbox_btn label:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #123456;
    left: 0;
}
.remember_forgot_wrapper .form-group.checkbox_btn input:checked + label:before {
    background-color: #123456;
}
.remember_forgot_wrapper .form-group.checkbox_btn input:checked + label:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 14px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    left: 7px;
    top: 0;
    transform: rotate(45deg);
}
.remember_forgot_wrapper .form-group.checkbox_btn input {
    position: absolute;
    opacity: 0;
}
.signin_content .primary_cta, .signin_content .secondary_cta {
    width: 100%;display: block;
}

@media only screen and (max-width: 767px) {
    .howto_btn {display: block;margin: 0 auto -20px;}
    .howtobuy .modal-body .addorder_content h2 {font-size: 22px}
    .howtobuy.default_modal .modal-body {padding: 30px 15px}
    .addorder_btns button.secondary_cta {margin: 20px 10px 0}
    .howtobuy .modal-body .addorder_content p {font-size: 16px;margin: 15px 0 30px;}
    
    .double_modal .addorder_content, .remember_forgot_wrapper.d-flex.justify-content-between {flex-direction: column;}  
    .signin_content {width: 100%;padding: 30px 15px;}
    .signin_content .primary_cta, .signin_content .secondary_cta {padding: 15px;}
    .signin_fields {min-height: auto;}
    .remember_forgot_wrapper.d-flex.justify-content-between {margin: 0 0 25px;flex-direction: row;}
    .primary_cta, .secondary_cta {padding: 18px 30px}
}