/*===========================Css Files Import===========================*/

@import "../fonts/font-face.css";



/*===========================For animations===========================*/

@keyframes leaves {
  0% { transform:scale(0.85) }
  100% { transform:scale(1) }
}
.leave { animation:leaves 2s ease-in-out infinite alternate; }

@keyframes leavessmall {
  0% { transform:scale(0.92) }
  100% { transform:scale(1) }
}
.leavesmall { animation:leavessmall 2s ease-in-out infinite alternate; }


@keyframes lightmoment {
  0% { left:-75px }
  100% { left:120% }
}
.lightmomentbtn { overflow:hidden; position:relative }
.lightmomentbtn:after { background:#fff; content:""; height:155px; opacity:.2; position:absolute; top:-50px; transform:rotate(35deg); transition:all .55s cubic-bezier(.19,1,.22,1); width:20px; z-index:0; animation:lightmoment 2s infinite }
.lightmomentbtn.longlightmovement:after { animation:lightmoment 3s infinite }



/*===========================General Css===========================*/

body { margin: 0; padding: 0; font-family: 'DINPro-Medium'; font-size: 14px; color: #282828; line-height: 24px; letter-spacing: .5px; }

.container { margin: 0 auto; max-width: 1180px; padding: 0 20px; box-sizing:border-box; }

.flex-container { display: flex; flex-wrap: wrap;  }

a, a:hover { color: #0041c0; text-decoration: none; }

img { max-width: 100%; height: auto; }

table, th, td { /*border: 1px solid #c1c1c1;*/ border-collapse: collapse; }

.mobile-pic { display: none !important; }

.page-messages { display: inline-block; width: 100%; vertical-align: top; margin: 20px 0 0; background: #e5efe5; text-align: center; line-height: 20px; padding: 10px; box-sizing: border-box; color: #006400; font-size: 13px; letter-spacing: 0.5px; border-radius: 6px; }
.page-messages.hide { display: none; }



/*===========================For Buy now pop-up===========================*/

.buy-now-pop-up { display: none; width: 100%; vertical-align: top; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); z-index: 6; height: 100%; }
.buy-now-pop-up.active{ display: block; }

.byno-popup-container { display: inline-block; width: 90%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 650px; }
.byno-popup-content { display: flex; width: 100%; padding: 20px; box-sizing: border-box; background: #fff; border-radius: 10px; align-items: center; position: relative; gap: 20px;}

.byno-popup-content .byno-popup-close { display: inline-block; width: 24px; position: absolute; top: 4px; right: 4px; z-index: 1; }
.byno-popup-content .byno-close-icon { display: inline-block; width: 100%; vertical-align: top; }
.byno-popup-content .byno-close-icon img { display: inline-block; width: auto; vertical-align: top; }

.byno-popup-content .byno-popup-left { width: 50%; float: left; }

.byno-popup-content .byno-popup-right { float: right; width: 50%; text-align: center; }

.byno-popup-content .byno-info-banner { display: inline-block; width: 100%; vertical-align: top; }
.byno-popup-content .byno-info-banner .desktop-pic { display: inline-block; width: 100%; vertical-align: top; border-radius: 10px; }

.byno-popup-content .byno-popup-title { display: inline-block; width: 100%; vertical-align: top; }
.byno-popup-content .byno-popup-title span { display: inline-block; width: auto; vertical-align: top; font-size: 18px; font-family: "DINPro-Bold"; line-height: 36px; }

.byno-popup-content .byno-popup-desc { display: inline-block; width: 100%; vertical-align: top; margin: 10px 0 20px; }
.byno-popup-content .byno-popup-desc span { display: inline-block; width: 100%; vertical-align: top; font-size: 12px; line-height: 18px; }


.byno-popup-content.lessthirty .byno-popup-left { width: 45%; }
.byno-popup-content.lessthirty .byno-popup-right { width: 55%; }
.byno-popup-content.lessthirty .byno-popup-title span { font-size: 17px; }
.byno-popup-content.lessthirty .byno-popup-title span b { display: inline-block; width: auto; vertical-align: top; font-size: 16px; margin: 0 0 0 7px; }
.byno-popup-content.lessthirty .byno-popup-title span b.front { transform: rotate3d(-88deg); }




/*===========================For Header===========================*/

header { display: inline-block; width: 100%; vertical-align: top; padding: 20px 0; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); position: fixed; z-index: 1; background: #fff; }

.logo { display: inline-block; width: auto; vertical-align: top; }

.logo img { display: inline-block; width: auto; vertical-align: top; max-height: 32px; }

.head-call { float: right; width: auto; margin: 4px 0; }
.head-call .call-us { display: inline-block; width: auto; vertical-align: top; }
.head-call .call-us a { display: inline-block; width: auto; vertical-align: top; font-family: 'DINPro-Bold'; font-size: 15px; }



/*===========================For Footer===========================*/

footer { display: inline-block; width: 100%; vertical-align: top; }

.copyright { display: inline-block; width: 100%; vertical-align: top; text-align: center; background: #dedede; padding: 10px; box-sizing: border-box; }
.copyright span { display: inline-block; width: auto; vertical-align: top; line-height: 30px; font-size: 13px; font-family: "DINPro-Regular"; color: #000; }



/*==============For Call me back sticky form pop-up==============*/

.custom-callback-form-sec #call-me-back { transform: rotate(-90deg); transition: all 0.5s ease-out; }
.custom-callback-form-sec #call-me-back.active { /*transform: scale(1) rotate(-90deg);*/ }

.custom-callback-form-sec { float: right; position: fixed; right: -390px; top: 50%; transform: translate(0, -50%); z-index: 4; transition: 1s; }
.custom-callback-form-sec.active { right: 0px; transition: 1s; }
.custom-callback-form-sec .callback-cust-btn { float: left; width: 100%; position: relative; }
.custom-callback-form-sec #call-me-back { display: inline-block; width: 160px; vertical-align: top; background: #0041C0; color: #fff; text-align: center; text-transform: capitalize; letter-spacing: 1px; font-family: "DINPRo-Medium"; font-size: 14px; font-weight: normal;  line-height: 40px; padding: 0 0 10px; border-radius: 10px 10px 0px 0px;  transform: rotate(-90deg); position: absolute; left: -105px; top: 55px; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3); cursor: pointer; transition: all 0.5s ease-out; }
.custom-callback-form-sec .call-text { display: inline-block; width: auto; vertical-align: top; }


.callback-cust-form { display: inline-block; width: 340px; vertical-align: top; padding: 20px; background: #fff; box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3); border-radius: 0; border: 2px solid #0041C0; }
.callback-cust-form .callback-form-sec { display: inline-block; width: 100%; vertical-align: top; position: relative; }
.callback-cust-form #close-callback-from { float: right; position: absolute; top: -10px; right: -16px; margin: 0; font-size: 10px; width: 20px; line-height: 18px; height: 20px; cursor: pointer; font-family: 'Arial'; text-align: center; background: #ececec; border-radius: 50%; font-weight: 600; }
.callback-cust-form .form_title { display: inline-block; width: 100%; vertical-align: top; text-align: center; }
.callback-cust-form .form_title .txtp { display: inline-block; width: 100%; vertical-align: top; margin: 0px; font-size: 14px; font-weight: normal; letter-spacing: 0.5px; text-transform: none; font-variant-caps: normal; color: #282828; font-family: "DINPro-Medium"; line-height: 24px; }

.custom-callback-form { display: inline-block; width: 100%; vertical-align: top; }
.custom-callback-form .fieldset { display: inline-block; width: 100%; vertical-align: top; margin: 0; border: none; padding: 0; }
.custom-callback-form .field { display: inline-block; width: 100%; vertical-align: top; margin: 10px 0 15px !important; position: relative; }


.custom-callback-form .mobile-number-field { display: inline-block; width: 100%; vertical-align: top; }
.custom-callback-form .mobile-number-field .intl-tel-input { display: inline-block; width: 100%; vertical-align: top; border: 2px solid #d2dae2; border-radius: 6px; box-shadow: 0px 3px 8.55px 0.45px rgba(0, 0, 0, 0.21); box-sizing: border-box; }
.custom-callback-form .mobile-number-field  .intl-tel-input .flag-container { display: inline-block; width: 80px; vertical-align: top; }
.custom-callback-form .mobile-number-field .intl-tel-input .selected-flag { display: inline-block; width: 100%; vertical-align: top; background: rgba(0, 0, 0, 0.05); height: 36px; }
.custom-callback-form .mobile-number-field .intl-tel-input .selected-flag .iti-flag.in { display: inline-block; width: 30px; height: 30px; margin: 3px; background: url('../img/indian-flag.jpg') no-repeat scroll center / 100%; }
.custom-callback-form .mobile-number-field .intl-tel-input .selected-flag .selected-dial-code { display: inline-block; width: auto; vertical-align: top; line-height: 36px; font-size: 12px; }
.custom-callback-form .mobile-number-field input#mobile-number { font-weight: normal; font-family: "DINPro-Medium"; letter-spacing: 0.5px; font-size: 13px; display: inline-block; width: calc(100% - 92px); border: none; line-height: 36px; height: 36px; padding: 0 5px; box-sizing: border-box; }


.custom-callback-form .form-product { display: inline-block; width: 100%; vertical-align: top; text-align: center; margin: 0 0 15px; }
.custom-callback-form .form-product .pro-block { display: inline-block; width: auto; vertical-align: top; padding: 2px 10px; border: 2px solid #8aadf6; border-radius: 5px; line-height: 18px; }
.custom-callback-form .form-product .pro-block-name { display: inline-block; width: auto; vertical-align: top; font-size: 12px; letter-spacing: 0.5px; line-height: 18px; padding: 0 0 2px; }


.custom-callback-form .query-field { display: inline-block; width: 100%; vertical-align: top; margin: 0; }
.custom-callback-form .query-field textarea { display: inline-block; width: 100% !important; vertical-align: top; border: 2px solid #d2dae2; border-radius: 6px; box-shadow: 0px 3px 8.55px 0.45px rgba(0, 0, 0, 0.21); box-sizing: border-box; margin: 0; padding: 5px; font-family: "DINPro-Medium"; font-size: 13px; letter-spacing: 0.5px; line-height: 18px; outline: none; height: 90px !important; }


.custom-callback-form .actions-toolbar { display: inline-block; width: 100%; vertical-align: top; margin: 0; text-align: center; }
.custom-callback-form .actions-toolbar .primary { float: none; display: inline-block; width: auto; vertical-align: top; }
.custom-callback-form .actions-toolbar .primary button.action { margin: 0; border: none; padding: 0; width: 150px; background: #0041C0 !important; border-radius: 5px; font-family: 'DINPro-Medium'; font-size: 13px; text-transform: capitalize; font-weight: normal; letter-spacing: 1px; line-height: 32px; color: #fff; }



/*===========================For Content Section===========================*/

.main-content { display: inline-block; width: 100%;  vertical-align: top; margin: 0 0 30px; min-height: 460px; padding-top: 72px; }


/*==============For First Index Page==============*/

.top-banner-sec { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 40px; }
.top-banner-sec .top-banners { display: inline-block; width: 100%; vertical-align: top; }
.top-banner-sec img { display: inline-block; width: 100%; vertical-align: top; }

.left-info-sec { float: right; width: 32%; }
.left-info-banner { display: inline-block; width: 100%; vertical-align: top; position: sticky; top: 80px; }
.left-info-banner img { display: inline-block; width: 100%; vertical-align: top; border-radius: 10px; }
.left-info-banner .buy-now-btn { width: 100%; margin: 0 0 20px; }
.left-info-banner .buy-now-btn .buy-btn { width: 100%; padding: 0; text-align: center; }


.right-info-sec { float: left; width: 68%; padding: 0 30px 0 0; box-sizing: border-box; }

.info-grid { display: inline-block; width: 100%; vertical-align: top; border-radius: 10px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); padding: 20px; box-sizing: border-box; margin: 0 0 30px; }
.info-grid:last-child { margin: 0; }

.info-grid-title { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 20px; }
.info-grid-title span { display: inline-block; width: auto; vertical-align: top; line-height: 36px; font-size: 20px; font-family: 'DINPro-Bold'; }

.info-grid-cont { display: inline-block; width: 100%; vertical-align: top; }
.info-grid-cont p { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 10px; font-size: 12px; line-height: 18px; color: #585a5a; }
.info-grid-cont ul { display: inline-block; width: 100%; vertical-align: top; padding: 0 0 0 15px; margin: 0; color: #585a5a; font-size: 12px; line-height: 20px; }

.info-block { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 15px 0; }
.info-block:last-child { margin: 0; }

.ib-icon { float: left; width: 40px; margin: 0 10px 0 0; text-align: center; }
.ib-icon img { display: inline-block; width: auto; vertical-align: top; }
.ib-cont { float: left; width: calc(100% - 50px); }
.ib-title { display: inline-block; width: 100%; vertical-align: top; font-size: 13px; font-family: "DINPro-Bold"; line-height: 20px; }
.ib-desc { display: inline-block; width: 100%; vertical-align: top; font-size: 12px; color: #585a5a; line-height: 18px; }


.bottom-btn-sec { float: left; width: 100%; text-align: center; margin: 50px 0 20px; }
.bottom-btn-sec.bottom-sec-2 { margin: 30px 0; padding: 0 10px; box-sizing: border-box; }

.buy-now-btn { display: inline-block; width: auto; vertical-align: top; }
.buy-now-btn .buy-btn { display: inline-block; width: auto; vertical-align: top; padding: 0 40px; background: #0041c0; border-radius: 5px; color: #fff; text-transform: uppercase; border: none; cursor: pointer; }
.buy-now-btn .buy-btn span { display: inline-block; width: auto; vertical-align: top; line-height: 40px; font-size: 16px; font-family: 'DINPro-Medium'; }



.info-grid.info-grid-1 .info-block { float: left; width: 50%; padding-left: 15px; box-sizing: border-box; }
.info-grid.info-grid-1 .info-block.info-block-7 { padding: 0; margin: 0 25%; }

.info-grid.info-grid-2 .info-block { float: left; width: calc(33.333333% - 15px); padding: 0 0 0 12px; box-sizing: border-box; }
.info-grid.info-grid-2 .info-grid-cont { display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; }
.info-grid.info-grid-2 .ib-cont { width: 100%; list-style: disc; display: list-item; }
.info-grid.info-grid-2 .ib-title { line-height: 24px;}


.info-grid.info-grid-3 .info-grid-cont { display: flex; align-content: center; justify-content: center; align-items: center; justify-items: center; gap: 10px; }
.info-grid.info-grid-3 .info-block { margin: 0 0 10px 0; width: calc(20% - 10px); }
.info-grid.info-grid-3 .info-block .ib-icon { width: 100%; margin: 0 0 3px; }
.info-grid.info-grid-3 .info-block .ib-cont { width: 100%; text-align: center; }
.info-grid.info-grid-3 .info-block .ib-title { line-height: 24px; }


.info-contact-section { display: inline-block; width: 100%; vertical-align: top; }
.info-contact-block { display: flex; width: 100%; flex-wrap: wrap; }
.contact-block { float: left; width: 20%; padding: 5px; box-sizing: border-box; text-align: center; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); border-radius: 5px; }
.contact-block.contact-block-2 { margin: 0 2%; }
.contact-block.contact-block-3 { margin: 0 2% 0 0; }
.contact-block.contact-block-4 { width: 34%; }

.contact-block .contact-block-cont { display: inline-block; width: 100%; vertical-align: top; height: 80px; }

.contact-block .contact-block-title { display: inline-block; width: 100%; vertical-align: top; font-size: 16px; font-family: 'DINPRo-Medium'; letter-spacing: 0.2px; line-height: 24px; }

.contact-block .contact-block-subtitle { display: inline-block; width: 100%; vertical-align: top; margin: 6px 0 0; font-family: 'DINPRo-Bold'; font-size: 18px; letter-spacing: 0.2px; }

.contact-block .contact-block-pic { display: flex; height: 80px; flex-wrap: wrap; align-items: center; justify-content: center; }
.contact-block .contact-block-pic img { display: inline-block; width: auto; vertical-align: top; max-width: 97%; }

.contact-block .conatct-bottom-strip { display: inline-block; width: calc(100% + 10px); vertical-align: top; margin: 8px -5px -5px; }
.contact-block .cont-bottom-bar { display: flex; width: 100%; padding: 6px 3px; box-sizing: border-box; text-align: center; align-items: center; align-content: center; justify-content: center; background: #ececec; }
.contact-block .bottom-bar-pic { display: inline-block; width: auto; vertical-align: top; margin: 0 8px 0 0; }
.contact-block .bottom-bar-pic img { display: inline-block; width: auto; vertical-align: top; height: 24px; }
.contact-block .bottom-var-title { display: inline-block; width: auto; vertical-align: top; font-size: 12px; letter-spacing: 0.3px; }



/*==============For Second Info Page==============*/

.deatil-sec-title { display: inline-block; width: 100%; vertical-align: top; text-align: center; font-size: 20px; font-family: "DINPro-Bold"; line-height: 36px; margin: 0 0 10px; }
.customer-details-sec { display: inline-block; width: 100%; vertical-align: top; margin: 30px 0; }

.customer-info { display: inline-block; width: 100%; vertical-align: top; padding: 0 10px; box-sizing: border-box; }

#customer-info-table { width: 100%; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); border-radius: 10px; overflow: hidden; }
#customer-info-table .col { padding: 10px; text-align: center; }
#customer-info-table th.col { font-size: 13px; font-weight: normal; font-family: "DINPro-Bold"; background: #ececec; }
#customer-info-table td.col { font-family: 'DINPro-Regular'; font-size: 13px; letter-spacing: 0.3px; }
#customer-info-table .edit-icon { display: inline-block; width: auto; vertical-align: top; margin: 0 10px; }
#customer-info-table .edit-icon img { display: inline-block; width: 20px; height: 20px; margin: 2px 0 0; vertical-align: top; cursor: pointer; }


.warranty-details-sec { display: inline-block; width: 100%; vertical-align: top; margin: 30px 0; padding: 0 10px; box-sizing: border-box; }

.warranty-grid { display: flex; width: 100%; box-sizing: border-box; padding: 15px; border-radius: 10px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); margin: 10px 0 0; flex-wrap: wrap; align-items: center; }

.warr-grid-img { float: left; width: 25%; margin: 0 3% 0 0; }
.warr-grid-img .product-pic { display: inline-block; width: 100%; vertical-align: top; }
.warr-grid-img img { display: inline-block; width: 100%; vertical-align: top; }
.warr-grid-img .expire-date { display: inline-block; width: 100%; vertical-align: top; text-align: center; font-size: 13px; font-family: "DINPro-Bold"; line-height: 20px; color: #ff0707; }
.warr-grid-img .expire-date strong { display: flex; width: 100%; vertical-align: top; font-weight: 400; margin: 15px 0 0; align-items: center; justify-content: center; font-size: 12px; line-height: 18px; animation: leaves 2s ease-in-out infinite alternate; }
.warr-grid-img .expire-date strong b { display: inline-block; width: auto; vertical-align: top; font-weight: normal; font-size: 18px; margin: 0 0 0 5px; }
.warr-grid-img .expire-date strong:first-child { margin: 0; }


.warr-grid-info { float: left; width: 72%; }

.warr-info-block { float: left; width: 20%; text-align: left; padding: 0 5px; box-sizing: border-box; }
.warr-info-block .warr-info-title { display: inline-block; width: 100%; vertical-align: top; font-size: 12px; line-height: 18px; }
.warr-info-block .warr-info-cont { display: inline-block; width: 100%; vertical-align: top; font-size: 13px; line-height: 20px; font-family: "DINPro-Bold"; min-height: 40px; }

.select-warranty-block { float: left; width: 100%; margin: 10px 0 0; }
.select-warranty-block .sel-warr-title { display: inline-block; width: 100%; vertical-align: top; text-align: left; font-size: 12px; font-weight: normal; margin: 0 0 10px; }

.warranty-option-list { display: inline-block; width: 100%; vertical-align: top; }
.warranty-option-list .warr-option-sec { float: left; width: 23%; padding: 10px; box-sizing: border-box; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4); border-radius: 5px; margin: 0 1%; border: 2px solid #8aadf6; }
.warranty-option-list .warr-option-sec.minimum-amount { border: 2px solid #0041c0; position: relative; border-radius: 1px 5px 5px 5px; }
.warranty-option-list .warr-option-sec.minimum-amount:after { content: 'Best Value'; position: absolute; left: -2px; top: -21px; background: linear-gradient(180deg,#f8aa33 33%,#fe7f00 67%); padding: 0 10px 3px 10px; color: #fff; font-family: 'DINPro-Bold'; font-size: 11px; letter-spacing: 0.8px; font-weight: 400; line-height: 16px; border-radius: 3px 3px 0 0; }

.warranty-option-list .ewc_plan_msg { float: left; width: 100%; }
.warranty-option-list .ewc_plan_msg .text-danger { float: left; width: auto; margin: 10px 0 0; color: #ff0707; font-size: 11px; padding: 0 10px; }
.warranty-option-list .warr-option-disclaimer { display: inline-block; width: 100%; vertical-align: top; margin: 15px 0 0; text-align: right; font-size: 10px; line-height: 16px; }
.warranty-option-list input { float: left; width: auto; margin: 3px 0 0; max-width: 20px; }
.warranty-option-list .warr-option-info { float: left; width: calc(100% - 30px); margin: 0 0 0 10px; }
.warranty-option-list .warr-year { display: inline-block; width: 100%; vertical-align: top; font-size: 13px; font-family: "DINPro-Bold"; line-height: 20px; }
.warranty-option-list .warr-price { display: inline-block; width: 100%; vertical-align: top; line-height: 18px; color: #0041c0; font-family: "DINPro-Bold"; letter-spacing: 0px; font-size: 15px; }
.warranty-option-list .warr-old-price { display: inline-block; width: auto; vertical-align: top; margin: 0 0 0 10px; font-size: 13px; font-family: 'DINPro-Medium'; color: #282828; }
.warranty-option-list .warr-old-price span { display: inline-block; width: auto; vertical-align: top; margin: 0 0 0 2px; font-size: 14px; text-decoration: line-through; }
.warranty-option-list .perc-off { display: inline-block; width: auto; vertical-align: top; margin: 0 8px 0 0; font-family: "DINPRo-Medium"; color: #960019; font-size: 14px; text-transform: uppercase; /*animation: leaves 1.2s ease-in-out infinite alternate;*/  animation: none; }
.warranty-option-list .per-month-cost { display: inline-block; width: auto; vertical-align: top; font-family: 'DINPRo-Regular'; }


.bottom-banners { display: inline-block; width: 100%; vertical-align: top; padding: 0 10px; box-sizing: border-box; }
.bottom-sec-banner { display: inline-block; width: 100%; vertical-align: top; margin: 30px 0; }
.bottom-sec-banner img { display: inline-block; width: 100%; vertical-align: top; border-radius: 10px; }

.edit-customer-info { float: left; width: 100%; overflow: hidden; max-height: 0px; transition: max-height .35s ease-out; }
.edit-customer-info.active { transition: max-height .5s ease-in; max-height: 4000px; }

.edit-customer-info .deatil-sec-title { margin: 30px 0 15px; }

.edit-customer-info-form-sec { display: inline-block; width: 100%; vertical-align: top; padding: 0 10px 10px; box-sizing: border-box; }

#customerinfoform { float: left; width: 100%; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); border-radius: 10px; }
#customerinfoform .fieldset { display: inline-block; width: 100%; vertical-align: top; border: none; padding: 15px; margin: 0; box-sizing: border-box; }
#customerinfoform .field { float: left; width: 25%; padding: 0 6px; box-sizing: border-box; margin: 0 0 10px; }
#customerinfoform .field .label { display: inline-block; width: 100%; vertical-align: top; font-size: 12px; font-family: "DINPro-Bold"; }
#customerinfoform .field .control { display: inline-block; width: 100%; vertical-align: top; }
#customerinfoform .field input { display: inline-block; width: 100%; vertical-align: top; margin: 0; padding: 0 10px; box-sizing: border-box; border: 1px solid #919191; border-radius: 6px; height: 36px; line-height: 36px; font-size: 12px; letter-spacing: 0.5px;  font-family: "DINPRo-MEdium"; box-shadow: none; }
#customerinfoform .field select { display: inline-block; width: 100%; vertical-align: top; padding: 0 20px 0 10px; border: 1px solid #919191; height: 36px; line-height: 36px; background-color: #fff; border-radius: 6px; font-family: "DINPRo-MEdium"; font-size: 12px; }


#customerinfoform .actions-toolbar { width: 100%; float: left; text-align: center; margin: 10px 0 0; }
#customerinfoform .actions-toolbar .primary,
#customerinfoform .actions-toolbar .secondary { display: inline-block; width: auto; vertical-align: top; margin: 0 6px; }
#customerinfoform .actions-toolbar button { display: inline-block; vertical-align: top; padding: 0px; width: 100px; border: none; box-sizing: border-box; line-height: 30px; background: #0041c0; color: #fff; border-radius: 6px; letter-spacing: 0.5px; font-size: 12px; font-family: "DINPRo-MEdium"; }
#customerinfoform .actions-toolbar button.info-cancel-btn { background: #000; }


.warr-info-top-notice { width: 100%; display: inline-block; text-align: center; animation: leavessmall 2.5s ease-in-out infinite alternate; color: red; font-weight: normal;font-size: 15px; letter-spacing: 0.5px; margin: 0 0 15px; font-weight: 400; letter-spacing: 0.5px; }
.warr-info-top-notice.mobile-notice { display: none; }


/*==============For third buy Page==============*/

.cart-wrapper { float: left; width: 68%; margin: 30px 0; }
#shopping-cart-table { display: inline-block; width: 100%; vertical-align: top; padding: 15px; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); border-radius: 10px; }

.warr-item-photo { float: left; width: 22%; margin: 0 3% 0 0; }
.warr-item-photo img { display: inline-block; width: 100%; vertical-align: top; }

.warr-item-details { float: left; width: 50%; }
.warr-item-name { display: inline-block; width: 100%; vertical-align: top; font-size: 16px; font-family: "DINPro-Bold"; line-height: 30px; }
.warr-item-options { float: left; width: 100%; margin: 1px 0; }
.warr-item-options dt { float: left; width: 140px; text-align: left; font-size: 12px; line-height: 28px; color: #585a5a; }
.warr-item-options dd { float: left; width: calc(100% - 140px); margin: 0; text-align: left; font-size: 11px; color: #000; font-family: 'DINPro-Bold'; }
.warr-item-options dt:after { content: ":"; float: right; margin: 0 10px; }

.warr-item-actions { float: left; width: 25%; text-align: right; }
.warr-item-actions .actions-toolbar { float: right; width: 18px; line-height: 18px; margin: 0 0 10px; }
.warr-item-actions .actions-toolbar a { display: inline-block; width: 100%; vertical-align: top; line-height: 18px; }
.warr-item-actions .actions-toolbar img { display: inline-block; width: 100%; vertical-align: top; }

.warr-item-price { display: inline-block; width: 100%; vertical-align: top; margin: 10px 0 0; }
.warr-item-price .price { display: inline-block; width: 100%; vertical-align: top; color: #0041C0; font-family: "DINPro-Bold"; font-size: 18px; line-height: 22px; }
.warr-item-price .mrp-inc { display: inline-block; width: 100%; vertical-align: top; font-size: 10px; font-family: "DINPro-Regular"; line-height: 16px; }
.warr-item-price .old-price { display: inline-block; width: 100%; vertical-align: top; font-size: 12px; text-decoration: line-through; }
.warr-item-price .save-price { display: inline-block; width: 100%; vertical-align: top; font-size: 14px; color: green; line-height: 28px; }

.shopping-cart-text { display: none; width: 100%; vertical-align: top; margin: 10px 0; }
.shopping-cart-text span { display: inline-block; width: 100%; vertical-align: top; margin: 10px; font-size: 12px; line-height: 18px; letter-spacing: 0.3px; }


.cart-summary { float: left; width: 30%; margin: 30px 0 30px 2%; }

.warr-summary-container { display: inline-block; width: 100%; vertical-align: top; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); border-radius: 10px; padding: 15px; box-sizing: border-box; }

.warr-item-totals { display: inline-block; width: 100%; vertical-align: top; }

.warr-total-row { display: inline-block; width: 100%; vertical-align: top; }
.warr-total-row .warr-total-label { float: left; width: 60%; font-size: 13px; font-family: "DINPro-Regular"; color: #000; line-height: 30px; }
.warr-total-row .warr-total-amount { float: right; width: 40%; line-height: 30px; text-align: right; font-family: 'DINPro-Regular'; color: #000; }
.warr-total-row.grand-totals { border-top: 1px solid #919191; border-bottom: 1px solid #919191; margin: 15px 0; }
.warr-total-row.grand-totals .warr-total-label { line-height: 40px; font-size: 15px; font-family: 'DINPro-Bold'; }
.warr-total-row.grand-totals .warr-total-amount { font-family: 'DINPro-Bold'; font-size: 15px; line-height: 40px; }

.warr-custom-text { display: inline-block; width: 100%; vertical-align: top; }
.warr-custom-text p { display: inline-block; width: 100%; vertical-align: top; margin: 0; font-size: 12px; line-height: 18px; font-family: 'DINPro-Regular'; text-align: center; }

.checkout-button { display: inline-block; width: 100%; vertical-align: top; margin: 30px 0 0; position: relative; }
.checkout-button button.checkout { display: inline-block; width: 100%; vertical-align: top; padding: 0; border: 0; background: #0041C0; color: #fff; line-height: 40px; border-radius: 6px; letter-spacing: 1px; font-size: 14px; text-transform: uppercase; cursor: pointer; }
.checkout-button button.checkout span { display: inline-block; width: auto; vertical-align: top; font-family: 'DINPro-Medium'; }

.checkout-custom-text { display: none; width: auto; vertical-align: top; position: absolute; left: -350px; top: 12px; }
.checkout-custom-text span { float: left; width: auto; font-size: 13px; letter-spacing: 0.3px; color: #0041C0; line-height: 28px; }
.checkout-custom-text img { float: left; width: 30px; height: 30px; margin: 0 0 0 5px; }
.checkout-custom-text.active { display: inline-block; }




/*==============For forth thank you Page==============*/

.order-success-sec { display: inline-block; width: 100%; vertical-align: top; text-align: center; margin:60px 0 0; text-align: center; }

.order-success-top-sec { display: inline-block; width: 100%; vertical-align: top }

.order-succ-pic { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 20px; }
.order-succ-pic .succ-pic { display: inline-block; width: auto; vertical-align: top; }

.order-succ-title { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 20px; }
.order-succ-title span { display: inline-block; width: auto; vertical-align: top; margin: 0; font-size: 24px; font-weight: 400; font-family: "DINPro-Bold"; color: #00a0c6;  letter-spacing: 1px; line-height: 30px }

.order-succ-sub-title { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 20px; }
.order-succ-sub-title span { display: inline-block; width: auto; vertical-align: top; margin: 0; font-size: 24px; font-weight: 400; font-family: "DINPro-Bold"; color: #00a0c6;  letter-spacing: 1px; line-height: 30px }

.order-succ-label { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 10px; }
.order-succ-label span { display: inline-block; width: 100%; max-width: 700px; font-size: 13px; letter-spacing: 0.5px; color: #000; line-height: 28px; margin: 0 0 15px; }

.order-succ-bar { display: inline-block; width: 100%; vertical-align: top; }
.order-succ-bar .succ-bar { display: inline-block; width: 100%; vertical-align: top; max-width: 360px; background: transparent linear-gradient(180deg,#e4e4e4 0%,#b9b9b9 100%) 0% 0% no-repeat padding-box; height: 28px; border-radius: 14px; }

.order-succ-table-sec { display: inline-block; width: 100%; vertical-align: top; }

.order-succ-table { display: inline-block;width:100%;vertical-align:top;max-width:340px;background:#f6f6f7;margin:-12px 0 0;border-top:12px solid #fff;padding:15px 20px;box-sizing:border-box}

.order-succ-col { display: inline-block; width: 100%; vertical-align: top; border-bottom: none; }
.order-succ-col span { display: inline-block; width: 100%; vertical-align: top; }
.order-succ-col .order-label { float: left; width: auto; text-align: left; color: #282828; font-size: 13px; letter-spacing: 0.5px; line-height: 40px; }
.order-succ-col .order-value { float: right; width: 168px; word-wrap: break-word; text-align: right; font-size: 14px; line-height: 40px; font-family: "DINPro-Bold"; letter-spacing: 1px; color: #282828; }



/*==============For forth fail Page==============*/

.order-failure-sec { display: inline-block; width: 100%; vertical-align: top; text-align: center; margin:60px 0 0; text-align: center; }

.order-failure-top-sec { display: inline-block; width: 100%; vertical-align: top }

.order-fail-pic { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 20px; }
.order-fail-pic .fail-pic { display: inline-block; width: auto; vertical-align: top; max-width: 105px; }
.order-fail-pic .fail-pic img { display: inline-block; width: auto; vertical-align: top; }

.order-fail-title { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 20px; }
.order-fail-title span { display: inline-block; width: auto; vertical-align: top; margin: 0; font-size: 24px; font-weight: 400; font-family: "DINPro-Bold"; color: #e10511;  letter-spacing: 1px; line-height: 30px }

.order-fail-sub-title { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 20px; }
.order-fail-sub-title span { display: inline-block; width: auto; vertical-align: top; margin: 0; font-size: 24px; font-weight: 400; font-family: "DINPro-Bold"; color: #e10511;  letter-spacing: 1px; line-height: 30px }

.order-fail-label { display: inline-block; width: 100%; vertical-align: top; margin: 0 0 10px; }
.order-fail-label span { display: inline-block; width: 100%; max-width: 700px; font-size: 13px; letter-spacing: 0.5px; color: #000; line-height: 28px; margin: 0 0 15px; }

.order-fail-bar { display: inline-block; width: 100%; vertical-align: top; }
.order-fail-bar .fail-bar { display: inline-block; width: 100%; vertical-align: top; max-width: 360px; background: transparent linear-gradient(180deg,#e4e4e4 0%,#b9b9b9 100%) 0% 0% no-repeat padding-box; height: 28px; border-radius: 14px; }

.order-fail-table-sec { display: inline-block; width: 100%; vertical-align: top; }

.order-fail-table { display: inline-block;width:100%;vertical-align:top;max-width:340px;background:#f6f6f7;margin:-12px 0 0;border-top:12px solid #fff;padding:15px 20px;box-sizing:border-box}

.order-fail-col { display: inline-block; width: 100%; vertical-align: top; border-bottom: none; }
.order-succ-col span { display: inline-block; width: 100%; vertical-align: top; }
.order-fail-col .order-label { float: left; width: auto; text-align: left; color: #282828; font-size: 13px; letter-spacing: 0.5px; line-height:40px; }
.order-fail-col .order-value { float: right; width: 168px; word-wrap: break-word; text-align: right; font-size: 14px; line-height: 40px; font-family: "DINPro-Bold"; letter-spacing: 1px; color: #282828; }









/*===========================Custom Css for the mobile===========================*/

@media screen and (max-width: 767px) {
	
	
/*===========================General Css===========================*/	

body { font-size: 12px; line-height: 18px; }

.container { padding: 0 10px; }

.mobile-pic { display: inline-block !important; }
.desktop-pic { display: none !important; }

.page-messages { font-size: 11px; padding: 5px; }


/*===========================For Buy now pop-up===========================*/

.byno-popup-container { width: calc(100% - 20px); }
.byno-popup-content { padding: 15px; flex-wrap: wrap; gap: 15px; }
.byno-popup-content .byno-popup-close { width: 18px; }
.byno-popup-content .byno-popup-left { order: 2; }
.byno-popup-content .byno-popup-left { width: 100%; }
.byno-popup-content .byno-popup-right { width: 100%; }
.byno-popup-content .byno-popup-title span { font-size: 16px; line-height: 24px; }
.byno-popup-content .byno-popup-desc { margin: 0; padding: 10px 20px; box-sizing: border-box; }
.byno-popup-content .byno-popup-desc span { font-size: 11px; line-height: 16px; }
.byno-popup-content .buy-now-btn { width: 70%; }
.byno-popup-content .byno-info-banner img { display: inline-block; width: 76%; vertical-align: top; border-radius: 10px; margin: 0 12%; }




/*===========================For Header===========================*/
	
header { padding: 8px 0; }

.logo img { max-height: 18px; margin: 3px 0; }

.head-call { margin: 3px 0; }
.head-call .call-us a { font-size: 13px; }


/*===========================For Footer===========================*/

.copyright span { font-size: 11px; letter-spacing: 0.3px; line-height: 20px; }
	

/*===========================For Content Section===========================*/

.main-content { padding-top: 40px; margin: 0 0 20px; }

.top-banner-sec { margin: 0 0 20px; }

.left-info-sec { width: 100%; order: 1; }

.right-info-sec { width: 100%; padding: 0; order: 2; }

.flex-container .bottom-btn-sec { order: 3; position: fixed; bottom: 0px; margin: 0; width: 100%; left: 0; }
.flex-container .bottom-btn-sec .buy-btn { border-radius: 0px; }
.flex-container .bottom-btn-sec .buy-btn span { line-height: 40px; font-size: 14px; }

.left-info-banner .buy-now-btn { display: none; }
.left-info-banner img { margin: 0 15% 20px; max-width: 70%; }  


.buy-now-btn { width: 100%; }
.buy-now-btn .buy-btn { width: 100%; padding: 0; }
.buy-now-btn .buy-btn span { font-size: 13px; line-height: 32px; }

.ib-icon { width: 26px; }
.ib-title { font-size: 12px; line-height: 18px; }
.ib-desc { font-size: 11px; line-height: 16px; }
.ib-cont { width: calc(100% - 40px); }

.info-grid { padding: 12px; margin: 0 0 20px; }
.info-grid-title { margin: 0 0 10px; }
.info-grid-title span { font-size: 16px; line-height: 28px; }
.info-grid-cont p { font-size: 11px; line-height: 16px; }
.info-grid-cont ul { font-size: 11px; line-height: 16px; }
.info-grid-cont ul li { margin: 0 0 5px; }
.info-grid.info-grid-1 .info-block { width: 100%; padding: 0; margin: 0 0 10px; }
.info-grid.info-grid-1 .info-block.info-block-7 { margin: 0; }
.info-grid.info-grid-2 .info-grid-cont { gap: 0px; }
.info-grid.info-grid-2 .ib-title { line-height: 18px; }
.info-grid.info-grid-2 .info-block { width: 50%; padding: 10px 4px 10px 10px; margin: 0; border-right: 1px solid #000; border-bottom: 1px solid; }
.info-grid.info-grid-2 .info-block:nth-child(2n) { border-right: none; padding-left: 24px; }
.info-grid.info-grid-2 .info-block.info-block-5, .info-grid.info-grid-2 .info-block.info-block-6 { padding-bottom: 0p; border-bottom: none; }
.info-grid.info-grid-2 .info-block.info-block-1, .info-grid.info-grid-2 .info-block.info-block-2 { padding-top: 0px; }
.info-grid.info-grid-3 .info-grid-cont { flex-wrap: wrap; gap: 5px; align-items: flex-start; }
.info-grid.info-grid-3 .info-block { width: calc(20% - 5px); margin: 0; }
.info-grid.info-grid-3 .info-block .ib-title { line-height: 16px; font-size: 11px; letter-spacing: 0.2px; }

.info-contact-block { gap: 6px; align-items: center; justify-content: center; }
.contact-block { width: calc(22% - 6px); margin: 0; padding: 4px; }
.contact-block.contact-block-2 { margin: 0; }
.contact-block.contact-block-3 { margin: 0; }
.contact-block.contact-block-4 { width: 34%; }
.contact-block .contact-block-title { font-size: 11px; line-height: 16px; letter-spacing: 0.1px; }
.contact-block .contact-block-subtitle { font-size: 11px; margin: 4px 0 0; line-height: 14px; letter-spacing: 0.1px; }
.contact-block .bottom-var-title { letter-spacing: 0px; font-size: 7px; line-height: 12px; }
.contact-block .bottom-bar-pic { margin: 0 2px 0 0; line-height: 14px; }
.contact-block .bottom-bar-pic img { height: 14px; line-height: 14px; }
.contact-block .cont-bottom-bar { padding: 4px 1px; min-height: 32px; }

.buy-now-btn { width: 100%; }
.buy-now-btn .buy-btn { width: 100%; padding: 0; }
.customer-details-sec { margin: 10px 0; }
.deatil-sec-title { font-size: 16px; line-height: 28px; }

#customer-info-table { display: block; position: relative; }
#customer-info-table thead { display: none; }
#customer-info-table tbody { display: block; }
#customer-info-table tr { display: block; }
#customer-info-table td.col { display: flex; text-align: left; padding: 0; align-items: center; font-size: 11px; line-height: 16px; }
#customer-info-table td.col:before { content: attr(data-th); display: inline-block; width: 90px; padding: 0 7px; box-sizing: border-box; background: #ececec; border-bottom: 1px solid #fff; margin: 0 10px 0 0; min-width: 90px; height: 100%; line-height: 32px; font-family: 'DINPro-Medium'; }
#customer-info-table td.col.address:before { border: none; }
#customer-info-table td.col.edit { display: block; }
#customer-info-table td.col.edit:before { font-size: 0px; display: none; }
#customer-info-table td.col.altmobileno { display: none; }
#customer-info-table .edit-icon { float: right; position: absolute; right: 6px; top: 4px; margin: 0; }
#customer-info-table .user-icon { float: right; width: 21px; position: absolute; right: 6px; top: 3px; }

.edit-customer-info .deatil-sec-title { margin: 20px 0 10px; }
#customerinfoform .field { width: 100%; padding: 0; }
#customerinfoform .field .label { font-size: 11px; font-family: "DINPro-Medium"; margin: 0 0 3px; }
#customerinfoform .field input { height: 32px; line-height: 32px; font-size: 11px; font-family: "DINPRo-Regular"; letter-spacing: 0.3px; border-radius: 4px; }
#customerinfoform .field select { height: 32px; line-height: 32px; font-size: 11px; font-family: "DINPRo-Regular"; letter-spacing: 0.3px; border-radius: 4px; }
#customerinfoform .actions-toolbar button { border-radius: 4px; }

.warranty-details-sec { margin: 10px 0; }
.warranty-grid { padding: 10px; margin: 0; }
.warr-grid-img { width: 100%; margin: 0; }
.warr-grid-img .product-pic { float: left; width: 28%; margin: 0 2% 0 0; }
.warranty-grid .expire-date { font-size: 12px; width: 76%; background: #f1f1f1; border-radius: 10px; line-height: 24px; margin: 0 12%; animation:leaves 2s ease-in-out infinite alternate; text-align: center; float: left; color: #ff0707; }

.mobile-warr-grid-info { float: right; width: 70%; }

.warr-grid-info { width: 100%; }
.warr-grid-info .warr-info-block { display: none; }
.warr-info-block { width: 50%; margin: 0px 0 2px; }
.warr-info-block .warr-info-title { font-size: 11px; }
.warr-info-block .warr-info-cont { font-size: 10px; line-height: 16px; min-height: 32px; letter-spacing: 0.3px; }
.warranty-option-list .warr-option-sec { width: calc(50% - 16px); margin: 8px; padding: 8px 5px; background: #f1f1f1; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4); } 
.warranty-option-list .warr-year { font-size: 12px; line-height: 18px; }
.warranty-option-list .warr-price { font-size: 13px; }
.warranty-option-list .warr-old-price { font-size: 10px; margin: 0; }
.warranty-option-list .warr-old-price span { font-size: 11px; }
.warranty-option-list .warr-option-disclaimer { font-size: 8px; margin: 5px 0 0; }
.warranty-option-list .perc-off { font-size: 11px; line-height: 18px; margin: 0 5px 0 0; }

.bottom-btn-sec.bottom-sec-2 { margin: 0; position: fixed; bottom: 0px; width: 100%; padding: 0; left: 0; }
.bottom-btn-sec.bottom-sec-2 .buy-now-btn .buy-btn { border-radius: 0px; }
.bottom-btn-sec.bottom-sec-2 .buy-now-btn .buy-btn span { line-height: 40px; font-size: 14px; }

.bottom-sec-banner { margin: 20px 0 0; }





body.warranty-buy .main-content { min-height: 500px; }

.cart-wrapper { width: 100%; margin-bottom: 380px; }

.shopping-cart-text span { margin: 10px 0; }

#shopping-cart-table { padding: 17px 12px; position: relative; }

.warr-item-photo { width: 90px; margin: 0 10px 0 0; }
.warr-item-details { width: calc(100% - 100px); }
.warr-item-name { font-size: 15px; }
.warr-item-actions { width: calc(100% - 100px); text-align: left; float: right; }
.warr-item-actions .actions-toolbar { margin: 0; position: absolute; right: 4px; top: 4px; z-index: 1; }
.warr-item-options { margin: 4px 0; }
.warr-item-options dt { font-size: 12px; line-height: 20px; width: 116px; color: #202020; font-family: "DINPRo-Regular"; }
.warr-item-options dt:after { margin: 0 5px; }
.warr-item-options dd { width: calc(100% - 120px); font-family: "DINPRo-Medium"; font-size: 12px; line-height: 20px; }
.warr-item-price { margin: 5px 0 0; }
.warr-item-price .price { font-size: 16px; line-height: 20px; width: auto; }
.warr-item-price .old-price { width: auto; margin: 0 5px; line-height: 20px; font-size: 11px; }
.warr-item-price .save-price { font-size: 12px; width: 100%; line-height: 24px; }


.shopping-cart-text span { font-size: 11px; line-height: 18px; }

.cart-summary { width: 100%; margin: 0; position: fixed; bottom: 0; left: 0; background: #0041c0; z-index: 1; border-radius: 15px 15px 0 0; padding: 10px 15px; box-sizing: border-box; color: #fff; }
.warr-summary-container { box-shadow: none; padding: 0; border-radius: 0px; }

.warr-total-row .warr-total-label { color: #fff; font-size: 15px; line-height: 36px; font-family: 'DINPro-Medium'; }
.warr-total-row .warr-total-amount { color: #fff; line-height: 36px; font-size: 15px; font-family: 'DINPro-Medium'; }
.warr-total-row.grand-totals { border-color: #fff; margin-bottom: 5px; }
.warr-custom-text p { font-size: 11px; line-height: 16px; }

.checkout-button { margin: 10px 0 0px; position: static; }
.checkout-button button.checkout { background: #fff; color: #0041C0; margin: 0 0 5px; }

.cart-summary-content { display: inline-block; width: 100%; vertical-align: top; position: relative; }
.cart-summary-content label a { color: #fff; }
.checkout-custom-text { top: -90px; left: 0; text-align: center; width: 86%; margin: 0 7%; padding: 10px; background: #f1f1f1; border-radius: 10px; animation: leaves 2s ease-in-out infinite alternate; box-sizing: border-box;}
.checkout-custom-text span { width: 100%; line-height: 20px; }
.checkout-custom-text img { float: none; margin: 0; vertical-align: top; }


.warr-info-top-notice { width: 100%; display: none; text-align: center; animation: leavessmall 2.5s ease-in-out infinite alternate; color: red; font-weight: normal;font-size: 13px; letter-spacing: 0.2px; margin: 0 0 6px; font-weight: 400; letter-spacing: 0.5px; }
.warr-info-top-notice.mobile-notice { display: inline-block; }

.custom-callback-form-sec { right: -288px; }
.callback-cust-form { width: 240px; }

.warranty-option-list .per-month-cost { font-size: 11px; }

.byno-popup-content.lessthirty .byno-popup-right { width: 100%; }
.byno-popup-content.lessthirty .byno-popup-left { width: 90%; margin: 0 5%; }

.warranty-option-list .warr-option-sec.minimum-amount::after { left: -2px; top: -14px; padding: 0 6px 1px 6px; font-family: 'DINPro-Medium'; font-size: 10px; letter-spacing: 0.4px; line-height: 11px; }


.custom-callback-form-sec #call-me-back { width: 120px; letter-spacing: 0.5px; font-size: 12px; line-height: 36px; padding: 0 0 5px; left: -80px; top: 40px; }


}