body { font-family: 'Poppins'; }
.bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
#sidebar {background-color: #fff; border-radius: 8px; padding: 30px; box-shadow: 4px 4px 0 #e0e0e0; max-height: 600px;}
.col-md-8 {background-color: #fff; border-radius: 8px; padding: 20px;margin-right: 2%; box-shadow: 4px 4px 0 #e0e0e0; padding-bottom: 0px;}
.logo { width: 100%; font-size: 24px; }
/*.logo img { height: 70px; }*/
.menu {width: 100%;overflow: hidden;padding: 6px 0px; font-size: 14px;}
.menu ul { list-style: none; padding: 0; margin: 0; float: right; width: 650px; }
.menu ul a { text-decoration: none; color: #333; }
.menu ul li {padding: 10px 15px;float: left;}
.menu-mob { width: 50px; height: 40px; border-radius: 4px; position: relative; float: right; cursor: pointer; }
.menu-bars {width: 25px; position: absolute; top: 50%; left: 50%;height: 4px; background: #d92d2d; transform: translate(-50%, -50%); }
.mob-menu-list { background: #fff; position: absolute; top: 50px; right: 15px; text-align: center; box-shadow: 0px 0px 10px #00000040; width: 150px; display: none; }
.mob-menu-list ul { list-style: none; padding: 15px; margin: 0; }
.mob-menu-list ul a { text-decoration: none; color: #333; }
.mob-menu-list ul li { padding: 9px 15px; }
.company_number {padding: 0px 16px;margin-top: 5px; border-radius: 100px; line-height: 2.3; position: relative; float: right; color: #2f323a; font-weight: 700; border: 0px solid; display: flex; align-items: center;}
.company_number:hover { color: #2f323a; text-decoration: none; }
.company_number i { color: #d92d2d; margin-right: 7px; }
#payment-form .row { margin-left: -7px; margin-right: -7px; }
#payment-form .row .col-md-6, #payment-form .row .col-lg-5, #payment-form .row .col-lg-4, #payment-form .row .col-lg-3, #payment-form .row .col-lg-6 { padding: 0 7px; }
.input-group-prepend, .iti--allow-dropdown { width: 100%; }
.error { color: #495057; background-color: #fff; border-color: #f54c4c; outline: 0; box-shadow: 0 0 0 0.1rem #F44336; }
#error-msg {font-size: 12px; color: #f54c4c; }
.paramount .section-heading,.paramount .btn-primary, .paramount .btn-primary:not(:disabled):not(.disabled).active, .paramount .btn-primary:not(:disabled):not(.disabled):active, .paramount .show>.btn-primary.dropdown-toggle {background-color: #d92d2d;}
.paramount .badge-secondary {color: #d92d2d; padding: .25em 0.6em; font-size: 100%;}
.display-mobile {display: none;}
.form-control { padding: 1.375rem .75rem; }
.custom-select {height:calc(1.375em + 1.55rem + 0px); }
.custom-select1 {height:calc(1.375em + 1.55rem + 0px); max-width:30%;}
.complete {padding-top: 31px; border-top: 1px dashed #aaa;margin-top: 20px;}
.lh-condensed { line-height: 1.25; }
.input-group-prepend { margin-right: -53%; }
.coupon-response { padding: 0.35rem 1.25rem; }
.coupon-response-div { margin-top:10px; }
#discount_div {display:none !important;}

.StripeElement { box-sizing: border-box; height: 40px; padding: 10px 12px; border: 1px solid transparent; border-radius: 4px; background-color: white; box-shadow: 0 1px 3px 0 #e6ebf1; -webkit-transition: box-shadow 150ms ease; transition: box-shadow 150ms ease; width:100%; }
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df; }
.StripeElement--invalid { border-color: #fa755a; }
.StripeElement--webkit-autofill { background-color: #fefde5 !important; }
.iti__flag {background-image: url("intl-input/build/img/flags.png");}
/*#phone {min-width:117%; max-width:117%;}*/
.card-errors {color: red; font-size: 14px; text-align: center; padding: 10px; }    

@media (min-width: 768px) { 
    .bd-placeholder-img-lg { font-size: 3.5rem; }
    .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 64.666667%; }
    .input-group-prepend { margin-right: -67%; }
    /*#phone {min-width:117%; max-width:117%;}*/
}

@media (max-width: 991px) {
    .section-heading {font-size: 18px;}
}

@media (max-width: 767px) {
    .display-desktop {display: none;}
    .display-mobile {display: inline-block;}
    .section-heading {font-size: 20px;}
    .padd-30-on-mob {padding: 0 30px;}
    #sidebar {padding: 30px 15px;}
    .col-md-8 {padding: 30px 15px;}
    .section-heading {font-size: 20px;}
    .logo { font-size: initial; padding: 14px 0; }
    .logo img { max-height: 30px; width: auto !important; }
    .header { padding: 7px 0; }
}

@media (max-width: 450px) {
    .input-group-prepend { margin-right: -62%; }
    /*#phone {min-width:113%; max-width:113%;}*/
    #sidebar {margin-bottom: 10% !important;}
    .logo > a { margin: auto; float: none; display: block; text-align: center; width: 100%; max-width: none; }
    .company_number { float: none; display: block; text-align: center; width: 100%; max-width: none; }
}

@media (min-width: 1600px) {
    .logo img { height: 50px; margin-top: 0px; }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {background-image: url("intl-input/build/img/flags@2x.png");}
}

[data-braintree-id="expiration-date-field-group"] .braintree-form-expiration,.braintree-form-cvv { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: 1.375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
[data-braintree-id="number-field-group"] .braintree-form-number { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: 1.375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
[data-braintree-id="expiration-date-field-group"] .braintree-form-expiration:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); }

.loader-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 10000; transition: all .3s; opacity: 0; visibility: hidden; display: flex; justify-content: center; align-items: center; }
.show-bg, .show-popup { opacity: 1; visibility: visible; }
.loader-spin { color: #ffffff; font-size: 3em !important; }

#cardNo, #expiry_month, #cvc{ border: 1px solid #ced4da; }