/*========================================================================*
* Call For Price bigcommerce App. All rights reserved.
* Capacity Web Solutions Pvt. Ltd
* =========================================================================*/

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.cfpsection:before, .cfpsection:after { content:''; clear:both; display:block; }

body.has-activeModal { overflow:inherit; }
.cfp-form .form-field * { outline: none !important; }
.cfp-form br { display: none; }

.cfpsection { text-align:left; padding:10px 0; }
.cfpsection .cfp-btn { padding:8px 20px; font-size:15px; margin:0; -ms-transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s; border-radius:3px; }
.cfpsection .cfp-btn:hover { opacity:0.8; }
.cfpsection .cfp-btn { font-size:15px; padding:8px 15px; width:100%; border-radius:2px; }

.cfp-img, .cfp-text-link { cursor:pointer; }
.cfp-text-link:hover { text-decoration:underline; }
.productView .cfp-text-link { font-size:18px; }
.listItem .cfp-text-link { font-size:16px; }
.cfp-img { width:auto !important; }

/* Phone */
.cfpsection .cfp-phone-no { color:#000; }
.cfpsection .cfp-phone-no a { color:#000; }
.cfpsection .cfp-phone-no a:hover { color:#555; }

/* Main Button */
.productView .cfpcontent { margin:20px 0; }
.productView .cfpcontent .cfp-btn { width:100%; font-size:18px; padding:10px 25px; margin-bottom:5px; text-transform:uppercase; -ms-transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s; border-radius:3px; }
.productView .cfpcontent .cfp-btn:hover { opacity:0.8; }
.productView .cfpcontent .cfp-phone-no { font-size:16px; }

/* Loading */
.cfp-loading-img { text-align: center; font-weight: bold; position: absolute; top: 50%; left: 0; right: 0; width: 100%; z-index: 99; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 10px; margin: 0 auto; display: inline-flex; justify-content: center; align-items: center; max-width: max-content; }
.cfp-loading-img img { margin-right: 8px; }

/* Form */
.cfp-form .form-field { position: relative; display:flex; flex-wrap:wrap; margin-bottom:10px; }
.cfp-form .form-field:last-of-type { margin-bottom: 0; }
.cfp-form .form-field:after,
.cfp-form .form-field:before { content: " "; display: table; }
.cfp-form .form-field .form-label { font-family:inherit; color:#000; font-size:14px; margin:0px; min-width:210px; width: 210px; padding:0 10px 0 0; }
.cfp-form .form-field .form-input { background-color: #fff; color: #333; font-size: 14px; margin: 0; padding: 5px 10px; width: 100%; border:1px solid #ddd; border-radius:0; height:35px; outline:none !important; box-shadow:none !important; transition: border-color .1s ease-out; }
.cfp-form .form-field textarea.form-input { height: auto; min-height: 80px; }
.cfp-form .form-field .form-input:focus { border-color: #b3b3b3; }
.cfp-form .form-field .form-option { border: 1px solid #ccc; color: #666; cursor: pointer; display: inline-block; font-size: 0; margin-bottom: 0; margin-right: .5rem; padding: 1px; transition: all .15s ease; }
.cfp-form .cfperror { color: #ff0101; padding: 5px 0 5px 0; line-height: normal; margin: 0; width: 100%; }

.cfp-form .form-field .inner-fieldname,
.cfp-form .form-field .inner-fieldemail,
.cfp-form .form-field .inner-fieldphone,
.cfp-form .form-field .inner-fieldcomment { display: flex; flex-wrap: wrap; -webkit-flex: 1; flex: 1; }

.cfp-form .form-checkbox, 
.cfp-form .form-radio { clip: rect(1px,1px,1px,1px); border: 0; height: 0; width: 0; padding: 0; margin: 0; overflow: hidden; position: absolute; }

.cfp-form .form-checkbox + .form-label:after,
.cfp-form .form-checkbox + .form-label:before,
.cfp-form .form-radio + .form-label:after,
.cfp-form .form-radio + .form-label:before { content: ""; display: block; position: absolute; transition: all 50ms ease-out; }

.cfp-form .form-checkbox + .form-label, 
.cfp-form .form-radio + .form-label { display: block; font-size: 1rem; line-height: 1.5; font-weight: 400; cursor: pointer; min-height: 16px; padding-left: 25px; padding-right: 10px; margin: 0px; position: relative; vertical-align: baseline; width: 100%; }
.cfp-form .form-checkbox + .form-label:before { border-radius: 0; }

.cfp-form .form-checkbox + .form-label:before, 
.cfp-form .form-radio + .form-label:before { background-color: #fff; border: solid #ddd; border-width: 1px; height: 16px; width: 16px; left: 0; top: 2px; }

.cfp-form .form-checkbox + .form-label:after, 
.cfp-form .form-radio + .form-label:after { top: 3px; }
.cfp-form .form-radio + .form-label:before { border-radius: 50%; }

.cfp-form .form-radio:checked + .form-option { border-color: #333; box-shadow: 0 0 0 1px #333; }

.cfp-form .file-list { display: flex; flex-flow: column; -webkit-flex: 1; flex: 1; margin-bottom: 5px; }
.cfp-form .file-list .form-file { margin-bottom: 5px; }

.cfp-form .all-text,
.cfp-form .multiline-text,
.cfp-form .dropdown-list,
.cfp-form .radio-list,
.cfp-form .date-list,
.cfp-form .numbers-text,
.cfp-form .picklist-image,
.cfp-form .picklist { -webkit-flex: 1; flex: 1; }

.cfp-form .radio-list,
.cfp-form .rectangle-list,
.cfp-form .swatch-list { display: flex; flex-wrap: wrap; align-items: center; margin-top: -10px; }

.cfp-form .radio-option .outer-list,
.cfp-form .ractangles-option .outer-list,
.cfp-form .swatch-option .outer-list { margin-top: -10px; }

.cfp-form .inner-attribute { padding-top: 10px; }

.cfp-form .pick-list .outer-list { display: flex; flex-wrap: wrap; flex-flow: column; align-items: flex-start; margin-top: -10px; }

.cfp-form .radio-list .form-label { width: auto; min-width: inherit; }

.cfp-form .cws-date-field { text-transform: uppercase; border: 1px solid #ddd; border-radius: 0; height: 35px; width: 100%; padding: 5px 10px; }

.cfp-form .outer-list { display: flex;flex-wrap: wrap; align-items: center; -webkit-flex: 1; flex: 1; }
.cfp-form .outer-list .inner-attribute .form-label,
.cfp-form .outer-list .form-label { min-width: auto; width: auto; margin: 0; }

.cfp-form .outer-list .form-file { margin: 0 0 5px; }
.cfp-form .outer-list .cfperror { padding-left: 0px; }

.cfp-form .input-checkbox .outer-list .form-label { margin-top: -5px; }

.cfp-form .productOptions-list { border: none; list-style: none; margin: -10px 0 0 -10px; max-height: 400px; overflow-y: auto; display: flex; flex-wrap: wrap; align-items: center; width: auto; }
.cfp-form .productOptions-list-item { padding: 5px; border: 1px solid #ddd; margin: 10px 0 0 10px; width: calc(50% - 10px); }
.cfp-form .productOptions-list-item-figure { width: 50px; height: 50px; min-width: 50px; }
.cfp-form .productOptions-list-item-content { padding-left: 15px; }
.cfp-form .productOptions-list-item .form-label { text-align: left; top: auto; }

.cfp-form .form-select--date,
.cfp-form .form-select--small { color: #333; font-size: 13px; height: 35px; line-height: 1rem; max-width: 100%; border-radius: 0; }

.cfp-form #cfpformsubmit { font-weight:500; text-transform:uppercase; border-radius:0; margin:5px 0 0 210px; }
.cfp-form .grecaptcha-badge { margin-top:20px !important; }

.cfp-form .button--primary { border:0; border-radius:0; -ms-transition:all ease-out 0.3s; -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s; }
.cfp-form .button--primary:hover { opacity:0.8; }

[id*="modal-cfp-form-"] .modal-close { font-size: 32px; font-weight: 400; height: auto; width: auto; line-height: normal; background-color: transparent; color: #757575; padding: 0; position: absolute; top: 7px; right: 20px; z-index: 50; text-align: center; text-decoration: none; cursor: pointer; outline: none !important; transition: color .15s ease; }
[id*="modal-cfp-form-"] .modal-close:after, 
[id*="modal-cfp-form-"] .modal-close:before { display: none; content: none; }
[id*="modal-cfp-form-"] .modal-header { position: relative; padding: 14px 40px 14px 20px; border-bottom: 1px solid #e5e5e5; }
[id*="modal-cfp-form-"] .modal-body { max-height: calc(100vh - 162px); overflow-x: auto; padding: 20px 20px; }

[id*="cfprecaptcha_"] { padding: 10px 0 10px 210px; }
[id*="cfprecaptcha_"] + .cfperror { padding: 0 0 10px 210px; }

.cfp-modal-content .modal-header-title { color: #333; font-size: 22px;text-align: left; font-weight: 600; padding: 0; margin: 0; }
.success-modal .modal-header-title { font-size:25px; text-transform:none; color:#219900; text-align: center; font-weight: 600; padding: 0; margin: 0; }
.success-modal .modal-body p { font-size:20px; text-align:center; color:#000; padding: 15px 0; }

.cfp-modal-content .productoptions, 
.cfp-modal-content .productmodifiers { margin-bottom:10px; position:relative; }
.cfp-modal-content .productmodifiers br { display:none; }
.cfp-modal-content .form-label small { font-size: 10px; font-weight: normal; text-transform: uppercase; margin-top: 0px; margin-left: 0.3rem; display: inline-block; vertical-align: middle; float: none; }
.cfp-modal-content .form-fileDescription { font-size: 13px; color: #666; }

.cfp-modal-content .form-option-variant--pattern { background-size:cover; background-position:center; background-repeat:no-repeat; }
.cfp-modal-content .form-option .onHoverImg { background-color:#fff; border:1px solid #999; left:calc(100% + 55px); opacity:0; visibility:hidden; padding:3px; position:absolute; top:calc(100% + 5px); transition:opacity .3s cubic-bezier(.25,.46,.45,.94); -webkit-transition:opacity .3s cubic-bezier(.25,.46,.45,.94); }
.cfp-modal-content .form-option { position:relative; }
.cfp-modal-content .form-option:hover .onHoverImg { opacity:1; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); visibility:visible; z-index:5000; }

.cfp-modal-content .productoptions { margin-bottom: 15px; }
.cfp-modal-content .productoptions .form-option { margin-bottom: 0; margin-right: .5rem; border: 1px solid #ddd; color: #000; cursor: pointer; display: inline-block; font-size: 0; padding: 1px; transition: all .15s ease; }
.cfp-modal-content .productoptions .form-option-variant--color,
.cfp-modal-content .productoptions .form-option-variant--pattern { height: 25px; width: 25px; }


/*----------------------------------------------------*
* Responsive CSS
* ----------------------------------------------------*/

@media only screen and (max-width:999px){
    .cfp-form .productOptions-list-item { width: calc(100% - 10px); }
}

@media only screen and (max-width:550px){
    .cfpsection { text-align: center; }
    .cfpsection .cfp-btn { padding: 7px 16px; font-size: 14px; }

    [id*="modal-cfp-form-"] { max-height: 100%; }
    [id*="modal-cfp-form-"] .modal-body { max-height: calc(100vh - 100px); }

    .cfp-form .form-field { flex-wrap: wrap; flex-direction: column; }
    .cfp-form .form-field .form-label { margin: 0 0 5px; min-width: inherit; width: auto; }

    .cfp-form .form-field .form-input,
    .cfp-form .outer-list { -webkit-flex:none; flex:none; }

    .cfp-form .form-field.input-checkbox .form-label,
    .cfp-form .form-field .radio-list .form-label { margin: 0; }

    .cfp-form .cfperror { padding: 5px 0 5px; }
    [id*="cfprecaptcha_"] { padding: 10px 0 10px 0; }
    [id*="cfprecaptcha_"] + .cfperror { padding: 0 0 10px 0px; }

    .cfp-modal-content .modal-header-title,
    .success-modal .modal-header-title { font-size: 18px; }
    .success-modal .modal-body p { font-size: 16px; padding: 0; }

    .cfp-form .form-field.input-checkbox { flex-wrap: nowrap; flex-direction: row; }

    .cfp-form #cfpformsubmit { margin: 5px 0 0 0; }

}