/* @import url('https://fonts.googleapis.com/css?family=Roboto+Slab|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); */
.form{position: relative;display: block;}
.loader{ width: 100%; background-color: black; height: 100%;  opacity: 0.4; top: 0; left: 0;  position: absolute; transition:opacity 0.5s; z-index: 999; overflow: hidden; }
/* Absolute Center Spinner */
.loading { position: absolute; z-index: 999; height: 2em; width: 2em;  margin: auto;top: 0;  left: 0; bottom: 0; right: 0; }
/* Transparent Overlay */
.loading:before { content: ''; display: block;  position: fixed; top: 0; left: 0;  width: 100%; height: 100%;    /*  background-color: rgba(0,0,0,0.3);*/ }
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) { /* hide "loading..." text */ font: 0/0 a;  color: transparent;text-shadow: none; background-color: transparent;  border: 0; } 
.loading:not(:required):after { content: '';  display: block;font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em;  -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear;  animation: spinner 1500ms infinite linear; border-radius: 0.5em;  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.5) -1.5em 0 0 0, rgba(255, 255, 255, 0.5) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;}
/* Animation */
@-webkit-keyframes spinner {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}
}
@-moz-keyframes spinner {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg);  -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes spinner {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);  -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spinner {
    0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
/* ----- 06-10-2017 Changes by Davin ----- */
.quote-alert .alert { background-color: #dff0d8; border-color: #d6e9c6; border-radius: 5px; color: #3c763d; display: block; font-family: "DINNextLTPro-Medium",Arial,sans-serif; font-size: 15px; letter-spacing: -0.1px; margin: 0 5px 10px 0; padding: 5px; }
.qty-error { color: red; margin: -10px 0 10px 10px; }
.no-image-box { padding: 0; margin: 0; border: 2px solid #d7d7d7; border-top: 0; }
#numbering_wrapper .result-box > li::after { content: ''; }
#error-popup .material-block{  padding: 25px 80px; text-align: left !important;width: 100%; max-width: 722px; border-radius: 4px; color: #1b5a8a; font-family: 'robotoregular'; background: #fff; }
#error-popup .material-block .close::before { font-size: 12px; color: #04356d; }
#error-popup { min-height: inherit !important; border: 2px solid #718d9b; border-radius: 6px; min-width: 722px !important; }
#error-popup img{ width: 25px; height:25px; position: absolute; left:20px; top:50%; margin:-12px 0 0 0;z-index: 9;}
#error-popup a.close{width: 25px;height: 25px;position: absolute;right: 15px;top: 15%;margin: -12px 0 0 0;opacity: 1;}
.ui-widget-content { border: 0; }
#error-popup .material-block h5{ font-size: 20px; }
#error-popup .material-block .errormsg{ font-size: 15px;line-height: 26px;}
.reset_btn{padding:0 10px;height:45px; line-height:42px;background:#fff; border-radius:4px; border:2px solid #d7d7d7; font-family: 'robotoregular'; font-size:12px; line-height:16px; padding:10px; color:#a3a3a3; width:100%; letter-spacing:-0.28px}
.reset_btn i{display: inline-block;vertical-align: middle;margin-left: 4px;background: url(../images/arrow.png) no-repeat 0 0; width:16px; height:17px;}
.reset_btn:hover{border-color:#0d5ba5; color:#0d5ba5}
.reset_btn:hover i{display: inline-block;background: url(../images/arrow-h.png) no-repeat 0 0; width:16px; height:17px;}
.btn-order{cursor:pointer; padding:0 10px; border-width:2px;width:100%; margin:0;font-family:'roboto_condensedregular', Arial, sans-serif; font-size:17px; height:45px; line-height:42px;}
.bottom-btn {overflow:hidden; margin:30px -5px 0;}
.bottom-btn .col-sm-4{width:40%; float:left;padding: 0 5px;}
.bottom-btn .col-sm-8{width:60%; float:left;padding: 0 0 0 10px;}
.quote-form-main .bottom-btn {margin:15px 0px 25px -6px;} /* quotation form bottom button */
.cch-size {font-style: italic;color: #ff4301 !important; } 
.shipping_turnaround {padding: 15px; border-radius: 5px; margin-top: 20px;  display: none;width: 98%; background: #f0f0f0; /* Old browsers */  background: -moz-linear-gradient(top,  #f0f0f0 0%, #f7f7f7 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #f0f0f0 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  #f0f0f0 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */  }  
.shipping_turnaround img {float: left;} 
.shipping_turnaround h3 { font-size: 12px; font-family: 'roboto_slabregular', Arial, sans-serif; padding: 0 0px 0px 40px; margin: 0;color: #444; line-height: 1.5;} 
.shipping_turnaround h3 span {    font-size: 10px;    font-family: 'robotoregular', Arial, sans-serif;    width: 100%;    display: inline-block;    color: #797979; padding-top: 3px;}
#custom-quotes-form { padding-top: 27px; }
.custom_request_form .form{ padding: 27px 18px 15px 18px; }
.custom_request_form .quote-form-main { padding-top: 30px; }
.custom_request_form input[type="text"], .custom_request_form input[type="email"], .custom_request_form input[type="tel"] { width: 100%;height: 45px;  border: 2px solid #d7d7d7; border-radius: 5px; outline: none;  color: #797979; font: 14px/17px 'robotoregular'; padding: 6px 20px; }
.custom_request_form input[type="text"]::-webkit-input-placeholder, .custom_request_form input[type="email"]::-webkit-input-placeholder, .custom_request_form input[type="tel"]::-webkit-input-placeholder { color: #797979;}
.custom_request_form input[type="text"]::-moz-placeholder, .custom_request_form input[type="email"]::-moz-placeholder, .custom_request_form input[type="tel"]::-moz-placeholder {     opacity: 1;     color: #797979; }
.custom_request_form input[type="text"]:-moz-placeholder,
.custom_request_form input[type="email"]:-moz-placeholder,.custom_request_form input[type="tel"]:-moz-placeholder { color: #797979; }
.custom_request_form input[type="text"]:-ms-input-placeholder, .custom_request_form input[type="email"]:-ms-input-placeholder, .custom_request_form input[type="tel"]:-ms-input-placeholder { color: #797979; }
.custom_request_form input[type="text"].placeholder, .custom_request_form input[type="email"].placeholder, .custom_request_form input[type="tel"].placeholder { color: #797979;}
.custom_request_form input[type="text"]:focus, .custom_request_form input[type="email"]:focus, .custom_request_form input[type="tel"]:focus, .accordion-holder .range input[type="text"]:focus { border-color: #0d5ba5;  }
.custom_request_form .text-box { color: #797979; text-align: center; line-height: 20px; font-size: 13px; font-family: 'robotoregular'; margin: 0 -5px 14px -4px; }
.custom_request_form .text-box .head { margin: 0 0 15px; text-align: left; }
.custom_request_form .text-box .heading { display: block; font: 23px/27px 'roboto_slabregular'; position: relative;  padding: 0 0 0 58px; color: #ff4301; }
.custom_request_form .text-box .heading:after { position: absolute; top: -10px; left: 0;  right: auto;  bottom: auto; font-family: 'icomoon';  content: "\e920"; font-weight: normal; font-size: 65px; line-height: 66px; } 
.custom_request_form .text-box .title {display: block;  margin: 0 8px 10px 8px; font: 19px/22px 'robotoregular';} 
.custom_request_form .text-box p { margin: 0 8px 5px 8px; font-family: 'robotolight', Arial, sans-serif; font-size: 15px;  line-height: 24px; color:#707070; }
.custom_request_form .text-box.add { font: 16px/25px 'robotolight'; text-align: center;margin: 0 -5px 30px -4px;  padding-top: 1px; }
.custom_request_form .row {  overflow: hidden;margin: 0 0 18px;}
.custom_request_form .row .input-row { overflow: hidden; width: 100%; letter-spacing: -0.32em;  }
.custom_request_form .row .input-row input[type="text"] { display: inline-block; vertical-align: top; letter-spacing: 0; width: 31%; height: 39px;  font: 12px/17px 'robotomedium'; padding: 9px 5px; margin: 0 10px 0 0; color: #797979;}
.custom_request_form .row .input-row input[type="text"]:last-child { margin-right: 0;} 
.custom_request_form .row .input-row input[type="text"]::-webkit-input-placeholder { color: #c8c8c8; }
.custom_request_form .row .input-row input[type="text"]::-moz-placeholder { opacity: 1; color: #c8c8c8; }
.custom_request_form .row .input-row input[type="text"]:-moz-placeholder { color: #c8c8c8; }
.custom_request_form .row .input-row input[type="text"]:-ms-input-placeholder { color: #c8c8c8; }
.custom_request_form .row .input-row input[type="text"].placeholder { color: #c8c8c8; }
.custom_request_form label, .custom_request_form .label-text { display: block; font: 15px/18px 'robotobold'; margin: 0 0 8px 10px; color: #444; }
.custom_request_form .outer { overflow: hidden; margin: -13px 0 -7px; }
.custom_request_form .outer .row:first-child {float: left;  }
.custom_request_form .outer .jcf-select-select .jcf-select-text { font-size: 13px; line-height: 36px; }
.custom_request_form .outer .jcf-select-select .jcf-select-opener:before { right: 11px; top: 11px; }
.custom_request_form .col-box { overflow: hidden; padding: 0 10px; }
.custom_request_form .col-box label { display: inline-block; vertical-align: middle;  float: none; font: 13px/16px 'robotoregular'; color: #797979; margin: 0; }
.custom_request_form .col-box .jcf-radio { margin: 0 3px 0 0; }
.custom_request_form .switch { margin: 0 0 16px; }
/* emv-type-chip */
.custom_request_form .emv-type-chip .accordion-holder { width: auto; margin: 0 7px 23px 0; border: 0;  border-radius: 0;}
.custom_request_form .emv-type-chip .accordion-holder .tab-accordion > li:before, .form-area.add-form .accordion-holder .tab-accordion > li:after { position: absolute; top: 16px;left: auto; right: 15px; bottom: auto; font-family: 'icomoon'; content: "\e915";font-weight: normal; font-size: 10px; margin: 0; }
.custom_request_form .emv-type-chip .accordion-holder .tab-accordion > li.active > a.opener { background: #fff; border-color: #0d5ba5; }
.custom_request_form .emv-type-chip .accordion-holder .tab-accordion > li > a.opener { width: auto !important; font-family: 'robotoregular'; color: #797979; border-radius: 5px; border: 2px solid #d7d7d7; padding: 10px 40px 10px 15px;  } 
.custom_request_form .emv-type-chip .accordion-holder .tab-accordion > li:first-child:after { top: 20px; right: 15px;}
.custom_request_form .emv-type-chip .accordion-holder .tab-accordion > li > a.opener:hover { border-color: #0d5ba5; }
.custom_request_form .emv-type-chip .accordion-holder .slide { padding: 0; margin: -4px 0 0; border-width: 0 1px 1px; border-style: solid; border-color: #d7d7d7;  border-radius: 4px;}
.custom_request_form .emv-type-chip .accordion-holder .checkbox-list {letter-spacing: -0.32em;padding: 10px 0 0;}
.custom_request_form .emv-type-chip .accordion-holder .checkbox-list li {display: inline-block;vertical-align: top;letter-spacing: 0;width: 33.33%;padding: 10px 10px;}
.custom_request_form .emv-type-chip .accordion-holder .checkbox-list .jcf-checkbox {float: left;width: 18px;height: 18px;border-radius: 4px;border: 2px solid #dedede;margin: 2px 8px 2px 0;}
.custom_request_form .emv-type-chip .accordion-holder .checkbox-list .jcf-checkbox.jcf-checked {border-color: #ff4301; }
.custom_request_form .emv-type-chip .accordion-holder .checkbox-list .jcf-checkbox.jcf-checked span { background: #ff4301;}
.custom_request_form .emv-type-chip .accordion-holder .checkbox-list label {display: block;overflow: hidden;margin: 4px 0 0;font: 12px/15px 'robotoregular';color: #797979;text-transform: uppercase;}
/* emv-type-chip */
.custom_request_form .textarea {width: 100%;height: 166px;border: 2px solid #d7d7d7;border-radius: 5px;outline: none;resize: none;color: #797979;font: 12px/17px 'robotoregular';padding: 16px;margin: 0;}
custom_request_form .upload-box {overflow: hidden;margin: 0 0 18px;text-align: center;}
.custom_request_form .upload-box .label-text {text-align: left;margin: 0 0 9px 7px;}
.custom_request_form .upload-box .icon-upload {display: block;font-size: 26px;line-height: 27px;color: #ff9a77;margin: 0 0 4px;}
.custom_request_form .upload-box .title {display: block;font: 30px/32px 'robotolight';color: #797979;margin: 0 0 7px;}
.custom_request_form .upload-box .title i {display: block;font-style: normal;font: 12px/22px 'robotoregular';}
.custom_request_form .upload-box .upload-holder {overflow: hidden;min-height: 162px;border: 2px dashed #ddddde;border-radius: 5px;padding: 16px 10px;}
.custom_request_form .upload-box button {display: block;min-width: 156px;font: 11px/14px 'robotobold';color: #fff;border: 0;padding: 5px 5px;margin: 0 auto;background: #ff4301;border-radius: 3px;}
.custom_request_form .captcha {/*overflow: hidden;*/font: 12px/18px 'robotoregular';color: #797979;margin: 0 0 20px;}
.custom_request_form .captcha .img-box {overflow: hidden;margin: 0 0 10px;}
.custom_request_form .captcha .img-box img {display: block;width: 100%;height: auto;}
.custom_request_form .captcha p {margin: 0;padding-top: 10px;font-size: 11px;}
.custom_request_form .order {margin: 0 auto 20px;}
.custom_request_form .quote-list {margin: 0 0 15px;letter-spacing: -0.32em;}
.custom_request_form .quote-list li {letter-spacing: 0;}
.custom_request_form .col {width: auto;}
.custom_request_form .scratch-products .accordion-holder {margin: 0 0 14px;border: 0;border-radius: 0;}
.accordion-holder.rfid-chipbox ul.checkbox-list li{width: 50% !important;}
.custom_request_form .scratch-products .accordion-holder .tab-accordion > li:before, .form-area.add-form .accordion-holder .tab-accordion > li:after {
    position: absolute; top: 16px; left: auto;  right: 15px; bottom: auto;  font-family: 'icomoon'; content: "\e915"; font-weight: normal; font-size: 10px; margin: 0; }
.custom_request_form .scratch-products .accordion-holder .tab-accordion > li.active > a.opener {background: #fff;border-color: #0d5ba5; color: #0d5ba5;}
.custom_request_form .scratch-products .accordion-holder .tab-accordion > li > a.opener {width: auto !important;font-family: 'robotoregular';color: #797979;border-radius: 5px;border: 2px solid #d7d7d7;padding: 10px 9px 4px 20px;height: 45px;}
.custom_request_form .scratch-products .accordion-holder .tab-accordion > li > a.opener:hover {border-color: #0d5ba5;  color: #0d5ba5;}
.custom_request_form .scratch-products .accordion-holder .slide {padding: 0;margin: -4px 0 0;border-width: 0 1px 1px;border-style: solid;border-color: #d7d7d7;border-radius: 4px;}
.custom_request_form .scratch-products .accordion-holder .checkbox-list { letter-spacing: -0.32em; padding: 10px 0 10px 16px; }
.custom_request_form .scratch-products .accordion-holder .checkbox-list li {display: inline-block;vertical-align: top;letter-spacing: 0;width: 33.33%;padding: 10px 0 10px 0;}
.custom_request_form .scratch-products .accordion-holder .checkbox-list .jcf-checkbox {float: left;width: 18px;height: 18px;border-radius: 4px;border: 2px solid #dedede;margin: 2px 5px 2px 0;}
.custom_request_form .scratch-products .accordion-holder .checkbox-list .jcf-checkbox.jcf-checked {border-color: #ff4301;}
.custom_request_form .scratch-products .accordion-holder .checkbox-list .jcf-checkbox.jcf-checked span {background: #ff4301;} 
.custom_request_form .scratch-products .accordion-holder .checkbox-list label {display: block;overflow: hidden;margin: 4px 0 0;font: 12px/15px 'robotoregular';color: #797979;text-transform: uppercase;}
/* drag & drop file uploader */
.custom_request_form .uploadsection{ width: 100%; margin: 0; padding: 0;}
.custom_request_form .uploadsection h5{width: 100%; margin: 0; padding: 0; font-size:16px; color: #444; font-weight:bold; text-transform:uppercase;letter-spacing: 2px;}
.custom_request_form .uploadsection h5.weaccept{font-size: 15px; color: #797979;letter-spacing:0px;}
.custom_request_form .uploadsection h5.weaccept span{text-transform:initial !important;}
.custom_request_form .uploadsection p{width: 100%; margin: 0; padding: 0; font-size:15px; line-height: 25px; color: #797979;}
.custom_request_form .uploadsection p a{color: #0d5ba5;}
.custom_request_form .uploaded{width: 100%; margin: 0; padding:0; float: left;}
.custom_request_form .drag-and-drop-upload{ width: 100%; margin: 0; padding:0; text-align: center; height:270px; float: left;border: 2px dashed #d7d7d7;border-radius:5px; }
.custom_request_form .drag-and-drop-upload .dm-uploader .btn.btn-primary{ position: relative; height: 100%; padding:16% 0;opacity: 1;background-color: transparent; border: none;}
.custom_request_form .drag-and-drop-upload .dm-uploader .btn.btn-primary input{width: 100%; height: 100%;    text-indent: -99; position: absolute; left: 0; top: 0; z-index:99; opacity: 0;}
.custom_request_form .dm-uploader{ height: 100%; position: relative;color: #797979;font-family: 'robotoregular';}
.custom_request_form .dm-uploader.active{ background: #f6f6f6;}
.custom_request_form .dm-uploader i.upload_ic{ background: url(../images/order-summary/ic_draganddrop.svg) top left no-repeat;width:52px; height: 42px;display: inline-block; margin: 0 0 15px 0;}
.custom_request_form .dm-uploader.active i.upload_ic{ background: url(../images/order-summary/ic_draganddrop2.svg) bottom 0px left no-repeat;width:52px; height: 42px;display: inline-block;}
.custom_request_form .dm-uploader h3.text-muted{ font-size: 22px; font-weight: 300; padding: 0 0 25px 0;}
.custom_request_form .drag-and-drop-uploading{ width: 100%; margin: 0; padding: 0; position: relative; float: left; height: 100%;}
.custom_request_form .drag-and-drop-uploading .card{ width: 100%; margin: 0; padding:2em 0;height: 160px;}
.custom_request_form .drag-and-drop-uploading .dm-uploader .btn.btn-primary {position: relative; height: 100%; padding:6% 0; border-top:2px dashed #d5d5d5;}
.custom_request_form .drag-and-drop2{width: 100%;height: 100%;float: left;position: relative;height: 113px;}
.custom_request_form .drag-and-drop2 .dm-uploader i.upload_ic{display: inline-block; background-position:0 0px; width: 28px; height: 23px; display: inline-block; margin: -2px 0 0px 0; background-size: 100%; vertical-align: top;}
.custom_request_form .drag-and-drop2 .dm-uploader h3.text-muted {font-size: 16px;font-weight: 500;padding: 0 0 10px 5px; display: inline-block; vertical-align: top;}
.custom_request_form .drag-and-drop2 .mt-2{ display: inline-block;}
.custom_request_form li.media{position: relative; list-style: none; margin: 0 0 5px 0; padding: 0 2em;}
.custom_request_form li.media .media-body{background: url(../images/order-summary/ic_uploading.png) top left no-repeat; background-position-x: left; background-position-y: top; background-size: auto auto; background-size: 17px;padding: 0 0 2px 25px;background-position: top 1px left;}
.custom_request_form li.media .media-body p{ font-size: 12px; color: #a3a3a3; width: 100%; text-align: left; margin: 0 0 5px 0; position: relative;}
.custom_request_form li.media .media-body p span.status{ background: url(../images/order-summary/ic-uploading.png) top left no-repeat; width: 20px; height: 20px; display: inline-block; float:right; background-size: 15px;margin: -1px -4px 0 0px;text-indent: -9999px;  overflow: hidden; cursor: pointer;}
.custom_request_form li.media .media-body p span.text-uploading{ background: url(../images/order-summary/ic-uploading.png) top left no-repeat; width: 20px; height: 20px; display: inline-block; float:right;background-size: 15px;margin: -1px -4px 0 0px;}
.custom_request_form .list-unstyled {padding-left: 0;list-style: none;max-height: 151px; overflow-y: auto;}
.custom_request_form .media {display: -webkit-box; display: -ms-flexbox;  display: flex;  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
.custom_request_form .media-body {  /* -webkit-box-flex: 1; */ -ms-flex: 1;flex: 1;}
.custom_request_form .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height:3px; overflow: hidden; font-size:12px; background-color: #bdd6f7; border-radius:0;}
.custom_request_form .bg-primary { background-color: #04356d!important;}
.custom_request_form .bg-success {background-color: #04356d!important;}
.custom_request_form .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite;}
.custom_request_form .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size: 1rem 1rem;}
.product-custom-quotes .active .drag-and-drop2 h3.text-muted{font-size: 10px;display: inline-block;padding: 3px 0;vertical-align: inherit;}
.product-custom-quotes .active .drag-and-drop2 .mt-2{ font-size:10px;display: inline-block;  z-index:0;position: relative; }
.product-custom-quotes .active .drag-and-drop2 .mt-2 a.custom-btns{border: none !important;background: transparent;color: #ff4301;padding: 0px 0px;margin: 0 0 0 0 px;text-decoration: underline;font-size:10px;}
.product-custom-quotes .drag-and-drop-uploading .card { height: 198px;}
.product-custom-quotes .drag-and-drop2 {    height:68px;}
.product-custom-quotes .drag-and-drop2 .dm-uploader i.upload_ic { background-size:20px; width: 22px; height: 20px;    margin: 3px 0 0px 0; }
.product-custom-quotes .progress-bar {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: #fff;text-align: center;background-color: #04356d;transition: width .6s ease;}
.product-custom-quotes .drag-and-drop-uploading .dm-uploader .btn.btn-primary {padding: 7% 0;}
.custom_request_form .custom-btns{border: 2px solid #ff4301;font-size:12px; padding:11px 17px;color: #ff4301;text-decoration: none;border-radius:4px; z-index: 999; display: inline-block; position: relative;transition-duration: 0.3s;transition-timing-function: ease;transition-delay: 0s;}
.custom_request_form .custom-btns:hover{background: #ff4301; color: #fff;}
.custom_request_form .drag-and-drop-upload-file{width: 100%;margin: 0;padding: 0;top: 0; left: 0; position: absolute; height: 100%; background-color: #fff; z-index: 999; padding:0; display: none;}
.custom_request_form .drag-and-drop-upload-file.active{ display: block;}
.custom_request_form .btn-btm-box{width: 100%; margin:0 0 15px 0; padding: 0 0 40px 0; float: left; border-bottom: 1px solid #d7d7d7;}
.custom_request_form .btm-btns, .btnlink{width: 100%; margin: 0; padding: 0; float: left;}
.custom_request_form .btm-btns a{ font-size: 14px;}
.custom_request_form .btm-btns a.proceed{border: 2px solid #0d5ba5;background: #0d5ba5; font-size:15px; padding:15px 50px;color: #fff;text-decoration: none;border-radius:3px; z-index: 999; display: inline-block; position: relative;}
.custom_request_form .btm-btns a.proceed:hover, .btm-btns a.proceed:focus{border:2px solid #2173b0;background:#2173b0; }
.custom_request_form .btnlink ul{ width: 100%; margin: 0; padding:0 0 0 10px; display: inline-block;}
.custom_request_form .btnlink ul li{width:auto; margin: 0; padding:0 15px; float: left;list-style: none;font-size:11px; line-height: 20px;}
.custom_request_form .btnlink ul li img.chaticons{display: inline-block; margin: 2px 5px 0 0; vertical-align: top; max-width: 22px;}
.custom_request_form .btnlink ul li a{ color: #797979; font-size:11px;text-decoration: none;}
.custom_request_form .btnlink ul li a:hover{color: #ff4301;}
.custom_request_form .btm-btns a.return{ line-height: 25px; margin: 10px 15px; color: #0d5ba5; text-decoration: none;}
.custom_request_form .btm-btns a.return:hover{color: #ff4301;}
.custom_request_form ul#files {width: 100%;}
/*.desktop-view{ display:inline-block;}
.mobile-view{ display: none;}*/
.custom_request_form .drag-and-drop2 .mt-2 .custom-btns {border: 2px solid #ff4301;font-size:12px; padding:6px 10px;color: #ff4301;text-decoration: none;border-radius:4px; z-index: 999; display: inline-block; position: relative;transition-duration: 0.3s;transition-timing-function: ease;transition-delay: 0s;}
.custom_request_form .drag-and-drop2 .mt-2 .custom-btns:hover{background: #ff4301; color: #fff;}
.rmv_uploaded_file { float: right; position:absolute; top:3px; right:-15px; }
.rmv_quote_uploaded_file { float: right; position:absolute; top:3px; right: 0; }
.rmv_art_uploaded_file { float: right; position:absolute; top:3px; right: 0; }
/***************************************/
/*********** Result thankyou *********/
/***************************************/
.thanyoupages #footer .customers.inner, .thanyoupages #footer .subscibe{ display: none;}
.resultpage{ width: 100%; margin: 0; padding: 0; display: inline-block;}
.thankyou-top h3{width: 100%;margin: 0;padding: 0px 0 48px 0;float: left;font-size: 42px;color: #797979;font-family: 'din-bold', Arial, sans-serif;text-transform: uppercase;letter-spacing:-1px;}
.thankyou-top{width: 100%; margin: 0; padding: 0 0 48px 0; display: inline-block; font-family: 'robotoregular'; text-align: center;}
.thankyou-top .checkmark-box{ width: 100%; margin: 0; padding:103px 0 48px 0; display: inline-block;text-align: center;}
.thankyou-top .checkmark-box svg{ width:75px;}
.thankyou-top .checkmark {stroke: #ff8358;stroke-dashoffset: 745.74853515625;stroke-dasharray:745.74853515625;animation: dash 3s ease-out forwards;}
.thankyou-top .subtitle{width: 100%;margin: 0;padding: 0px 0;float: left;text-align: center;font-size:27px;color: #797979;font-weight: 300; line-height: 30px;}
.thankyou-top p{width: 100%;margin: 0;padding:15px 0 0 0;float: left;font-size: 20px;color: #797979;font-weight: 300;line-height: 35px;text-align: center;}
.thankyou-top ul{ width:auto; margin:40px 0 25px 0; padding: 0; display: inline-block;}
.thankyou-top ul li{ width:100%; margin:0px 0 0 0; padding:0 0 0 0; line-height: 48px; text-align: center; font-size: 15px;color:#a3a3a3;font-weight:300; list-style: none;/* background: url(../images/order-summary/ic_done.png) center right no-repeat; background-size:13px*/; }
.thankyou-top ul li i{ font-size: 18px;}
.thankyou-top ul.follow{ width:100%; margin:125px 0 0 0; padding: 0; display: inline-block;}
.thankyou-top ul.follow li:first-child{ width:100%; margin:0px 0 15px 0; padding:0 0px 0px 0; text-align: center; font-size: 20px; color: #ff4301;}
.thankyou-top ul.follow li{ width: auto; margin: 0; padding: 0; display: inline-block; background: none;}
.thankyou-top ul.follow li a{ display: inline-block; margin: 0 15px; text-align: center; text-decoration: none;}
.thankyou-top ul.follow li a:hover{ opacity: 0.7;}
@keyframes dash {
    0% {stroke-dashoffset:745.74853515625;}
    100% {stroke-dashoffset:0;}
}
.checkmarkbox{ width: 75px;margin: 0 auto; padding: 0; position: relative;}
.checkmarkbox svg {width:75px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto; position: relative; /*transform: rotate(-18deg)*/}
.checkmarkbox circle, .checkmarkbox #checkmark {fill:none;stroke: #ff8358;stroke-linecap:round;stroke-miterlimit:10;stroke-width:10px;stroke-dasharray:310;}
.checkmarkbox #checkmark {animation:checkmark-stroke 1s forwards;animation-timing-function:ease-in;animation-delay:1s;stroke-linejoin:round;opacity:0;/*transform:rotate(18deg)*/}
@keyframes checkmark-stroke {
    0% {stroke-dashoffset:310;opacity: 1;}
    100% {stroke-dashoffset:0;opacity: 1;}
}
.checkmarkbox circle {animation: circle-stroke 1s forwards;}
@keyframes circle-stroke {
    from {stroke-dashoffset:400;}
    to {stroke-dashoffset:0;}
}
.thankyou-top ul li span{position: relative;padding:0 50px 0 0;}
.thankyou-top ul li span.checkic::after{position: absolute;top: 3px;right: 0px;content: '\e900';width: 30px;height: auto;font-size: 10px;font-family: 'icomoon' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: normal;color:#a3a3a3;}
.thankyou-top ul.follow li a span.ic{font-family:'icomoon' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-moz-osx-font-smoothing: grayscale;color: #ff4301; padding:0;}
.thankyou-top ul.follow li a span.ic.icon-twitter{font-size:24px;}
.thankyou-top ul.follow li a span.ic.icon-facebook{font-size:28px;}
.thankyou-top ul.follow li a span.ic.icon-youtube{font-size:30px;}
.thankyou-top ul.follow li a span.ic.icon-instagram{font-size:27px;}
.thankyou-middel{width: 100%; margin:0; padding:48px 5em; display: inline-block;background: #f6f6f6; text-align: center;}
.thankyou-middel h3{width: 100%;margin: 0;padding: 0px 0 35px 0;float: left;font-size:40px;color: #04356d;font-family:'roboto_slablight'; font-weight:300 !important;z-index:1;letter-spacing: -0.5px;}
.thankyou-middel p{width: 100%;margin: 0;padding: 0px 0;float: left;text-align: center;font-size:20px;color: #797979;font-weight:400; position: relative;z-index:1;}
.thankyou-middel picture, .thankyou-middel img{ margin:-43px 0 0 0; position: relative; z-index:0;}
.thankyou-bottom{ width: 100%; margin: 0; padding:48px 0; color: #fff; min-height: 410px;
                  background: rgba(246,147,120,1);
                  background: -moz-linear-gradient(left, rgba(246,147,120,1) 0%, rgba(255,82,19,1) 100%);
                  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(246,147,120,1)), color-stop(100%, rgba(255,82,19,1)));
                  background: -webkit-linear-gradient(left, rgba(246,147,120,1) 0%, rgba(255,82,19,1) 100%);
                  background: -o-linear-gradient(left, rgba(246,147,120,1) 0%, rgba(255,82,19,1) 100%);
                  background: -ms-linear-gradient(left, rgba(246,147,120,1) 0%, rgba(255,82,19,1) 100%);
                  background: linear-gradient(to right, rgba(246,147,120,1) 0%, rgba(255,82,19,1) 100%);
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f69378', endColorstr='#ff5213', GradientType=1 );}
.thankyou-bottom .leaveic_box{ width: 100%; margin: 0; padding:0 0 12px 0; text-align: center;}
.thankyou-bottom h3{text-align: center;width: 100%;margin: 0;padding: 0px 0 20px 0;float: left;font-size:40px;color: #fff;font-family:'roboto_slablight'; font-weight:400 !important;z-index:1;letter-spacing: -0.5px;}
.thankyou-bottom .subtitle{width: 100%;margin: 0;padding: 0px 0 15px 0;float: left;text-align: center;font-size:27px;color: #fff;font-weight: 300;line-height: 30px;}
.thankyou-bottom p{width: 100%;margin: 0;padding:0px 0 0 0;float: left;font-size:15px;color: #fff;font-weight:400;line-height: 35px;text-align: center;}
.leave-subscribe-box{ width: 100%; margin: 0; padding:35px 0 0 0; text-align:center; display:inline-block;}
.leave-subscribe{ width: 100%; margin: 0; padding: 0; max-width: 560px;display: inline-block;}
.leave-subscribe .validate-row{ width: 100%; margin: 0; padding: 0;float: left; max-width: 412px;}
.leave-subscribe .validate-row input{width: 100%; margin: 0; padding:12px 15px 12px 60px; background: #fff url(../images/email_ic.png) center left 12px no-repeat; font-size:15px;  color: #cccccc; font-weight: 400; border-radius: 5px;  outline: none; order: none !important; height:53px;letter-spacing:0.2px; }
.leave-subscribe .validate-row.parent-focus input{color: #797979;font-size:18px;}
.leave-subscribe .validate-row.parent-active input{color: #797979;font-size:18px;}
.leave-subscribe input[type="button"]{width: 100%; margin: 0; padding:13px 0; border:2px solid #fff; float:right; max-width: 135px; background: transparent;font-family: 'din-bold', Arial, sans-serif; font-size: 16px;border-radius: 5px;letter-spacing: -0.5px;}
.leave-subscribe input[type="button"]:hover, .leave-subscribe input[type="button"]:focus{ background: #fff; color: #ff5113;}
/*************** Error Result **************/
.checkmarkbox svg.emojiwow circle{fill:none;stroke: #ff8358;stroke-linecap:round;stroke-miterlimit:5;stroke-width:7px;stroke-dasharray:310;}
svg.emojiwow{position:relative;}
.emoji{ width:60px; height:60px;margin: -66px 0 0 12px; padding: 0; position: relative;}
.emoji::after{ background: url(../images/oops-ic.svg) top right no-repeat; position: absolute; right:-5px; top:-5px; content: '';width: 30px;height: 30px;background-size: 17px;animation:opps-shape 1s forwards;animation-timing-function:ease-in;animation-delay:1s;opacity:0;}
@keyframes opps-shape {
    0% {opacity:0;top:-7px;}
    100% {opacity: 1;top:-5px;}
}
.emoji_face{ position: relative;}
.emoji_face .emoji_eyebrows{ width:50px; height:20px;position: relative;}
.emoji_face .emoji_eyebrows::after{width:18px;height:20px;left: 0;top: 0;content: '';border:3px solid #ff8358;border-top-color: rgb(0, 0, 0);border-right-color: rgb(0, 0, 0);border-left-color: rgb(0, 0, 0);border-radius: 100%;border-top-color: transparent;border-left-color: transparent;border-right-color: transparent;position: absolute;transform: rotate(-30deg);-webkit-animation: wow-eyes 4s linear infinite;animation: wow-eyes 4s linear infinite;}
.emoji_face .emoji_eyebrows::before{width:18px;height:20px;right: 0;top: 0;content: '';border:3px solid #ff8358;border-top-color: rgb(0, 0, 0);border-right-color: rgb(0, 0, 0);border-left-color: rgb(0, 0, 0);border-radius: 100%;border-top-color: transparent;border-left-color: transparent;border-right-color: transparent;position: absolute;transform: rotate(30deg);-webkit-animation: wow-eyes1 4s linear infinite;animation: wow-eyes1 4s linear infinite;}
.emoji_face .emoji_eyes{ position: relative; height:20px;width:50px;}
.emoji_face .emoji_eyes::after{width:5px;height:8px;left:12px;top:3px;content:''; background: #ff8358; position: absolute; border-radius:100%; -webkit-animation: wow-mouth 4s linear infinite;animation: wow-mouth 4s linear infinite;}
.emoji_face .emoji_eyes::before{width:5px;height:8px;right:12px;top:3px;content: ''; background: #ff8358; position: absolute; border-radius:100%;-webkit-animation: wow-mouth1 4s linear infinite;animation: wow-mouth1 4s linear infinite;}
.emoji_face .emoji_mouth{ width:28px; height:40px; border:3px solid #ff8358; border-radius:100%; border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;margin-left:calc(50% - 14px);transform: rotate(-10deg);-webkit-animation: wow-mouth3 4s linear infinite;animation: wow-mouth3 4s linear infinite;}

@keyframes wow-eyes {
    10%, 30% {transform: rotate(-30deg);height:18px;}
    50%, 100% {transform: rotate(-30deg);height:20px;}
}
@keyframes wow-eyes1 {
    10%, 30% {transform: rotate(30deg);height:18px;}
    50%, 100% {transform: rotate(30deg);height:20px;}
}
@keyframes wow-mouth {
    10%, 30% {left:calc(50% - 12px);width:8px;height:10px;}
    50%, 100% {left:calc(50% - 12px);width:4px;height:8px;}
}
@keyframes wow-mouth1 {
    10%, 30% {right:calc(50% - 12px);width:8px; height:10px;}
    50%, 100% {right:calc(50% - 12px);width:4px; height:8px;}
}
@keyframes wow-mouth3 {
    10%, 30% {height:50px;width:32px; margin-left:calc(50% - 17px);}
    50%, 100% {height:40px;width:28px;  margin-left:calc(50% - 14px);}
}
/* completed error success page html =================== */
#rushprint-service ul.tab-accordion li.active:after{ display: none;}
#rushprint-service ul.tab-accordion li.active a.opener:after{top: 18px;right: 11px;width: 14px;height: 3px;content: '';display:block;color: #fff;content: "\e908";position: absolute;font-size: 3px;font-family: "icomoon";}
#rushprint-service ul.tab-accordion li.active a.opener:hover:after{color:#ff4301;}
#css-error-popup, #css-promotion-popup, #css-success-popup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color:#000000a1 !important;background-image: none !important;z-index: 1040 !important;}
#css-error-popup .popupcss, #css-promotion-popup .popupcss, #css-success-popup .popupcss {position: fixed;height: auto;width:100%;max-width: 718px;top:10%;left:50%;margin:0 0 0 -360px; display: block;border: 2px solid #718d9b;border-radius: 6px;background: #fff;opacity: 1;}
.popupcss img {width: 25px;height: 25px;position: absolute;left: 20px;top: 50%;margin: -12px 0 0 0;}
.popupcss .material-block {padding: 25px 80px;text-align: left !important;width: 100%;max-width: 722px;border-radius: 4px;color: #1b5a8a;font-family: 'robotoregular';background: #fff;}
#css-success-popup .popupcss .material-block {color: #33d532 !important;}
#css-success-popup .popupcss .material-block .csssuccessmsg {color: #00b907 !important;}
.popupcss .material-block h5 {font-size: 20px;}
.popupcss .material-block .errormsg {font-size: 15px;}
.popupcss a.cssclose {width: 25px;height: 25px;position: absolute;right: 15px;top: 26%;margin: -12px 0 0 0;text-decoration:none;}
.promotional-css-popup .popupcss a.cssclose {top: 28px;}
.popupcss a.cssclose:before{top: -4px;right: 2px;color: #797979;content: "\e905";position: absolute;font-size: 17px;font-family: "icomoon";text-decoration:none;}
.popupcss a.cssclose:hover{opacity: .7;}
.production_time, .shipping_time, .ship_method {font-style: normal !important;}
.border_none {border: 0 !important;}
/*#placeOrderBtn, #placeOrderBtn:focus {background: none !important;border: none !important;}*/
#content .gift-columns {display: none;}
#content .gift-columns.dynamic {display: block; height: 96px;}
#quotation_form #form_area {position: relative;}
#quote_img_loader_div {display: none;position:absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #b7b2b2a1 !important;background-image: none !important;z-index: 1040 !important;}
#img_loader_div {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: #000000a1 !important;background-image: none !important;z-index: 1040 !important;text-align:center;}
.loader-center{width: 100%;height: 100%;display: flex;justify-content: center;flex-direction: column;text-align: center;align-items: center;}
#quote_loader_tagline {text-align: center;color: #fff;font-weight: 400;font-size: 18px;padding: 6px 0 0 0;}
#shipping_bottom {display: none;float: left;}
/***** Css loader ********/
.lds-spinner {color:#fff;display: inline-block;position: relative;width: 64px;height: 64px;left:0;top:0;margin:0;}
.lds-spinner div {transform-origin: 32px 32px;animation: lds-spinner 1.2s linear infinite;}
.lds-spinner div:after {content: " ";display: block;position: absolute;top: 3px;left: 29px;width: 5px;height: 14px;border-radius: 20%;background: #fff;}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);animation-delay: -1.1s;}
.lds-spinner div:nth-child(2) {transform: rotate(30deg);animation-delay: -1s;}
.lds-spinner div:nth-child(3) {transform: rotate(60deg);animation-delay: -0.9s;}
.lds-spinner div:nth-child(4) {transform: rotate(90deg);animation-delay: -0.8s;}
.lds-spinner div:nth-child(5) {transform: rotate(120deg);animation-delay: -0.7s;}
.lds-spinner div:nth-child(6) {transform: rotate(150deg);animation-delay: -0.6s;}
.lds-spinner div:nth-child(7) {transform: rotate(180deg);animation-delay: -0.5s;}
.lds-spinner div:nth-child(8) {transform: rotate(210deg);animation-delay: -0.4s;}
.lds-spinner div:nth-child(9) {transform: rotate(240deg);animation-delay: -0.3s;}
.lds-spinner div:nth-child(10) {transform: rotate(270deg);animation-delay: -0.2s;}
.lds-spinner div:nth-child(11) {transform: rotate(300deg);animation-delay: -0.1s;}
.lds-spinner div:nth-child(12) {transform: rotate(330deg);animation-delay: 0s;}
@keyframes lds-spinner {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
/********* End loader css ****/
#quote-form .form-area.add-form .accordion-holder .checkbox-list label {margin: 0px 0 0;line-height: 20px;}
#quote-form .form-area.add-form input {    color: #ccc;}
#drag-and-drop-zone span.text-muted {font-weight: bold;}
.custome-quote-banner-block .info-box {border: none !important; }
.custome-quote-banner-block .info-box:before {background: none !important;   }
.postcards_holder, .event_id {width: 100%;}
#sample-form #speciality_features .checkbox-list li label, #sample-form #product_type .checkbox-list li label { margin-top: 0; line-height: 20px;}
.capitalize {text-transform: capitalize;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
#art-form .product-custom-quotes .drag-and-drop-uploading .dm-uploader .btn.btn-primary {    padding: 4.5% 0;}
.hkc_loc, #pop-openhkcmaterial, #pop-openhkcthickness {top: 15px !important;}
.accordion-holder #scratchoff-option #scratch_slideout .col label{font-family: 'robotoregular';width: 225px;}
.accordion-holder #scratchoff-option #scratch_slideout .col span.jcf-radio{float:left;}
#scrach_number_section{float: left;width: 100%;padding: 0 0 0 25px;}
.accordion-holder #scratchoff-option #scratch_slideout .col .range .cel{width:100%;}
.accordion-holder #scratchoff-option #scratch_slideout .col label.numberrange{width: 180px;}
.foil_stamping_guide div.card-block {width: 100%;}
a.foilstampguide { cursor: pointer;  }
.foil_stamping_guide #foil_stamping_taglin a, .foil_stamping_guide #foil_stamping_taglin a:hover { font-size: 14px; /*letter-spacing: -0.25px;*/ font-style: italic; text-decoration: none; }
#print-quote-wrapper .popupcss a.cssclose {top: 30px !important; } 
#print-wrapper  {overflow-y: scroll; max-height: 500px; } 
#send-email { color: #fff; width: 100px; padding: 6px; background: none;  text-align: center;border-radius: 5px; border: 2px solid #fff; text-transform: uppercase; font-size: 20px; font-family: 'dincond-medium', Arial, sans-serif; }
/******************************************************************************/
/**** All Category pages css ****************/
/******************************************************************************/
.full_width_container{    overflow: hidden; padding:58px 25px 18px; margin: 0 0 0px; background: #f3f3f3;  width: 100%; max-width: 100%; }
.full_width_container .cards{padding:0; margin:0 auto;}
.full_width_container .cards .cards-list{margin: 0 -44px 0px 0;}
/******************** speciality printing category css ********************************/
.shop-section .no_flipper .flipper { -webkit-transform: rotateY(0deg)!important; transform: rotateY(0deg) !important; display: inline-block;  }
.shop_speciality_plastic.shop-section .list-tabs .title { margin: 0; }
/******************************************************************************/
/**** QUOTE FORM REDESIGN ****************/
/******************************************************************************/
#form_area.form-area{border-width: 1px;}
.common_quote_form{padding:0 0 15px 0 !important;}
.common_quote_form .row label.thickness, .common_quote_form .row .title.thickness, .form-area .common_quote_form .row label, .form-area .row .title{ font-family: 'robotobold'; font-size: 15px; line-height: 1.33; text-align: left; padding: 0 0 8px 10px;  margin: 0; width: 100%; display:inline-block; }
.form-area .common_quote_form .row label.value { margin: 0!important; font-family: 'robotobold'; font-size: 15px; line-height: 1.33; letter-spacing: normal; text-align: left; padding: 0 0 0px 10px;  margin: 0; width: 100%; display:inline-block; }
.common_quote_form .row{position:relative; margin: 0; padding: 0;}
.common_quote_form .jcf-select{ width:100%; min-width:inherit; margin: 0;}
.form-area .row .tooltip, .form-area .row.color .tooltip{right:15px;top:39px;font-size: 18px;}
.accordion-holder .tab-accordion > li .tooltip{top:13px;right: -26px;font-size: 18px;}
#special-options .tooltip {font-size: 14px;}

.accordion-holder.ship-wrapper{ width: 100%;}
.common_quote_form .row.row_material, .common_quote_form .row.row_card_thickness, .common_quote_form .row.row_quantity, .common_quote_form .row.color,
.common_quote_form .row.row_art_versions, .common_quote_form .row.row_shipping, .common_quote_form .row.row_rush{  padding:0px 42px 0 15px; margin:30px 0 0 0; width: 100%; display: inline-block; }
.row_card_thickness .col{position: relative; width:52px;margin: 0 0 0px 8px;}
.row_card_thickness .col .jcf-radio{position: absolute;width: 100%;height: 28px;object-fit: contain;background: transparent;border-color: transparent;border-radius: 5px; margin: 0; padding: 0; cursor: pointer; left: 0;}
.row_card_thickness .col .jcf-radio.jcf-checked {border: 2px solid #ff4301;}
.form-area .common_quote_form .row.row_card_thickness .col label {float:left;width: 100%; height:28px;  display: flex !important; font-family: 'robotoregular'; justify-items: center; align-items: center; text-align: center; margin: 0 !important; padding: 0 !important; justify-content: center; font-size: 12px; /*letter-spacing: -0.12px !important;*/  text-align: center !important; cursor: pointer; z-index: 999 !important; color: #797979; } 
.row_card_thickness .col input[type="radio"] {float: left;z-index: 999;cursor: pointer;}
.form-area .common_quote_form .row.row_card_thickness .col label.jcf-label-active{ color:#ff4301; }
.row_card_thickness .jcf-radio span{display: none;}
.row_card_thickness.row .tooltip{top:28px;}
.common_quote_form .row.row_rush_info{margin:21px 0px 0px 10px;width:auto;display: inline-block;font-size: 14px;}
.common_quote_form .row.row_rush_info .icon{position: absolute; left: 0; top: 0px}
.common_quote_form .row.row_rush_info .icon i{font-size: 22px;color: #fff;background: #ff2800;border-radius: 100%;width: 32px;height: 32px;display: flex;justify-content: center;align-items: center;}
.common_quote_form .row.row_rush_info .rght_content{padding:0 0 5px 40px; font-size:12px; color:#797979; font-family: 'robotomedium'; }
.common_quote_form .row.row_rush_info .rght_content .rush_title{ font-size: 14px; letter-spacing: 0.25px; font-family: 'roboto_slabbold'; padding-bottom: 3px; display: block;}
.common_quote_form .clearmat-wrap{margin:0px 0px 0px 0px;padding:21px 0px 0px 0px;width: 100%;float: left;font-size: 14px;}
#special_options{width:100%; margin:28px 0 0 0; padding: 0;}
#special_options .accordion-group.select-card {margin:0px 0px 0px 0px;width:100%;display: inline-block;}
#special_options .accordion-holder{ width:100%; margin:0; padding: 0;}
.common_quote_form .row.row_rush{margin: 0;}
.row.row_rush .accordion-holder{margin:10px 0 0px 0;}
/* .common_quote_form .row.row_shipping{ margin:0;} */
.common_quote_form .color-accordion{width:100%;}
.common_quote_form .color-accordion > li > a {width:100%;}
.common_quote_form .ship-wrapper.accordion-holder .rush-tab-accordion > li > a.opener::before, .common_quote_form .ship-wrapper.accordion-holder .tab-accordion > li > a.opener:before{top: 7px;}
.common_quote_form #rushprint-service ul.tab-accordion li.active a.opener:after {top:-1px;}
.accordion-header .opener, .accordion-header.open .opener{width: 100%;border-radius:0;padding:0 25px;line-height:40px; font-family: 'robotobold'; font-size: 15px;}
.ship-wrapper.accordion-holder .tab-accordion > li.shipping .slide {border: 1px solid #d7d7d7;border-width: 0 1px 1px 1px;margin-top:0px;padding: 16px 0 0 0;}
.slide.shipping-box .col-shiping label, .slide.shipping-box .col-dwelling label{ font-family: 'robotoregular'; font-size: 14px; /*letter-spacing: -0.14px;*/ color: #797979; padding-left: 5px;}
.common_quote_form .rush .slide.shipping-box .col-dwelling label{ color: #444; font-family: 'robotomedium', Arial, sans-serif; letter-spacing: normal; }
.common_quote_form .rush-print-slide-txt p { margin: 5px 12px 15px; line-height: 18px; }
.common_quote_form .row.row_shipping ul.tab-accordion li.shipping.accordion-item a.opener{line-height: 40px; font-family: 'robotoregular'; }
.common_quote_form .row.row_shipping ul.tab-accordion li.shipping.accordion-item a.opener::before{top:9px;}
.common_quote_form .row.row_shipping ul.tab-accordion li.shipping.accordion-item.active a.opener{background: #0d5ba5; color: #fff;    border: 2px solid #0d5ba5;}
.common_quote_form .row.row_shipping ul.tab-accordion li.shipping.accordion-item.active:after{color:#fff; right: 15px;}
.common_quote_form .accordion-holder .col-dwelling {overflow: hidden;margin: 0;width: 100%;float: left;box-sizing: border-box;min-height: inherit !important;padding: 0 15px 22px;}
.common_quote_form .accordion-holder .col-dwelling .jcf-select {float: right;height: 35px;min-width: 100%;border-radius: 5px;border: 2px solid #d7d7d7;margin:0;max-width: 100%;}

.common_quote_form .accordion-holder .col-dwelling .jcf-select:hover, .common_quote_form .accordion-holder .col-dwelling .jcf-select.jcf-focus, .common_quote_form .accordion-holder .col-dwelling .jcf-select.jcf-drop-active {border-color: #0d5ba5;color: #0d5ba5;}
/*.common_quote_form .accordion-holder #div_shipping .jcf-select:hover, .common_quote_form .accordion-holder #div_shipping .jcf-select.jcf-focus, .common_quote_form .accordion-holder #div_shipping .jcf-select.jcf-drop-active {
    border-color: #ff4301;
    color: #ff4301;
}
.common_quote_form #div_shipping .jcf-select:hover .jcf-select-text, .common_quote_form #div_shipping .jcf-select.jcf-focus .jcf-select-text {
    color: #ff4301;
}

.common_quote_form .accordion-holder #div_shipping .jcf-select:hover .jcf-select-opener::before, .common_quote_form .accordion-holder #div_shipping .jcf-select.jcf-drop-active .jcf-select-opener::before, .common_quote_form .accordion-holder #div_shipping .jcf-select.jcf-focus .jcf-select-opener::before {
    color: #ff4301;
}*/

.common_quote_form .accordion-holder .col-dwelling .jcf-select-text {padding: 0px 15px; line-height: 30px; margin: 0 30px 0 0;text-transform: capitalize; font-size: 12px; /*letter-spacing: -0.12px;*/ font-family: 'robotoregular'; width: 100%; height: 30px; max-width: 100%;}
.common_quote_form .prise{padding:0px 40px 0 25px;margin:30px 0 0 0;width: 100%;display: inline-block;}
.common_quote_form .prise dt{margin-bottom: 12px;}
.common_quote_form .prise dt em { font-family: 'robotoitalic'; padding-top: 5px; }
.common_quote_form .prise dd{color: #797979; font-family: 'robotoregular'; }
.common_quote_form .total {margin:20px 0 21px 0;padding:15px 38px 15px 22px;border-radius: 0;overflow: hidden;background: #f6f6f6;}
.common_quote_form .row.bottom-btn{  padding:0 15px 0 10px;margin:0px 0 21px 0;width: 100%;display: inline-block;}
.common_quote_form .quote-list{overflow: hidden;text-align: center;padding: 0px 15px;margin:10px 0 0px 0;font-size: 11px;font-family: 'robotomedium', Arial, sans-serif;display: inline-block;width: 100%;}
/**** Start radio button style change *************/
.clearmat-wrap .col-clear{position: relative; margin: 0 0 0px 10px; width: 46%;}
.clearmat-wrap .col-clear .jcf-radio{position: absolute; left: 0; width: 100%;height: 28px;object-fit: contain;background: transparent;border-color: transparent;border-radius: 5px; margin: 0; padding: 0; cursor: pointer;}
.clearmat-wrap .col-clear .jcf-radio.jcf-checked {border: 2px solid #ff4301;}
.form-area .common_quote_form .row .clearmat-wrap .col-clear label {float:left; font-family: 'robotoregular'; width: 100%; height:28px; display: flex !important; justify-items: center; align-items: center;  text-align: center; margin: 0 !important; padding: 0 !important; justify-content: center; font-size: 12px !important; line-height: 1.33; /*letter-spacing: -0.12px;*/ text-align: center; cursor: pointer; z-index: 999 !important;}
.clearmat-wrap .col-clear input[type="radio"] {float: left;z-index: 999;cursor: pointer;}
.clearmat-wrap .col-clear label.jcf-label-active{ color:#ff4301; }
.clearmat-wrap .col-clear .jcf-radio span{display: none;}
/**** End radio button style change *************/
.common_quote_form .row.color .color-accordion .slide {width: 100%;padding: 0 15px 15px 15px;}
.common_quote_form .row.color .detail{margin-top:15px; }
.common_quote_form .row.color .detail label{padding: 0 0 5px 0 !important;}
/**** color *****/
.color-accordion > li > a:hover{border-color: #0d5ba5;color: #0d5ba5;}
.color-accordion > li > a:hover:before{color: #0d5ba5;}
.color-accordion > li.active > a{color: #fff;background: #0d5ba5;border-color: #0d5ba5;font-family: 'robotoregular';}
.row.color .backcoloroptions.spotwrap{width: 100%; margin: 0; padding: 0;float: left;}
.row.color .backcoloroptions.spotwrap div{clear: both;width: 100%;margin: 0px auto;padding: 15px 0 0px 0px;font-size: 12px;font-weight: 500;box-sizing: border-box;}
.row.color .backcoloroptions.spotwrap div .pmsbox{box-sizing: border-box;width: 100%;margin: 1px 15px 1px 0px;max-width: 80px;height:35px;}
.common_quote_form .spotwrap .jcf-select {height:35px;min-width: inherit !important;width: 100%;line-height: 35px;}
.common_quote_form .spotwrap .jcf-select-text{line-height: 31px;padding: 0 5px;}
.common_quote_form .spotwrap .jcf-select-opener {top: 9px;}
.common_quote_form .spotwrap .jcf-select .jcf-select-opener, .common_quote_form .accordion-holder .strip .jcf-select-opener, .common_quote_form .accordion-holder .barcode .jcf-select-opener {position: absolute; text-align: center; background: none; cursor: pointer; width: 26px; bottom: 0;  right: 0; top: 0; height: 100%; }
.common_quote_form .spotwrap .jcf-select .jcf-select-opener::before, .common_quote_form .accordion-holder .strip .jcf-select-opener::before, .common_quote_form .accordion-holder .barcode .jcf-select-opener::before  {top: -1px;right: 11px;width: 9px;height: 14px;color: #b1bac4;content: "\e916";position: absolute;font-size: 14px;font-family: "icomoon";display: block;}
.common_quote_form .accordion-holder .strip .jcf-select-opener::before, .common_quote_form .accordion-holder .barcode .jcf-select-opener::before { top: -3px;}
.common_quote_form .spotwrap .jcf-select:hover .jcf-select-opener:before, .common_quote_form .spotwrap .jcf-select.jcf-focus .jcf-select-opener:before, .common_quote_form .strip .jcf-select:hover .jcf-select-opener:before, .common_quote_form .strip .jcf-select.jcf-focus .jcf-select-opener:before, .common_quote_form .accordion-holder .barcode .jcf-select.jcf-focus .jcf-select-opener::before, .common_quote_form .accordion-holder .barcode .jcf-select:hover .jcf-select-opener::before { color: #0d5ba5;}
.common_quote_form .color-accordion > li > a:after, .common_quote_form .accordion-header .opener:after, .common_quote_form .jcf-select .jcf-select-opener:before { right: 15px;}
/* .spotwrap .jcf-checkbox {border: 1px solid #bdbdbd;} */
.spotwrap .jcf-checkbox span {margin: -3px 0 0 -5px;border-color: #fff;}
.ship-wrapper.accordion-holder .tab-accordion > li > .opener {width: 100%;}

/***** Select Your Card Options  *********/
#special_options .accordion-header .opener{border-left:none;border-right:none;}
#special_options .accordion-header .opener:before {right:55px;top: 0;margin: 0;}
#special_options .accordion-group .accordion-holder{border:none;}
#special_options .accordion-group .accordion-holder ul.tab-accordion li.accordion-item a.opener{padding: 0 45px 0 26px !important;width: 100%;}
#special_options .accordion-group .accordion-holder ul.tab-accordion li.accordion-item::before, #special_options .accordion-group .accordion-holder ul.tab-accordion li.accordion-item::after{right: 55px;top:0 !important;line-height:45px;margin:0;}
#special_options .accordion-group .accordion-holder ul.tab-accordion li.accordion-item a.opener:hover{font-family: 'robotobold';}

/* #special_options .accordion-body .accordion-holder ul.tab-accordion{ margin: 0 0 25px 0;} */
/* #special_options .accordion-body .accordion-holder ul.tab-accordion li{ width: 100%; margin: 0; padding:0; float: left;} */
#special_options .accordion-body .accordion-holder ul.tab-accordion li:last-child{border-bottom: 1px solid #d7d7d7;}
#special_options .accordion-holder .tab-accordion > li .tooltip {top: 14px;right: 15px;}
#special_options .accordion-holder .tab-accordion > li.accordion-item.active .tooltip {color: #fff;}
#special-options .tooltip {color: #0d56a5 !important;}

#special_options .accordion-group .accordion-holder ul.tab-accordion li.accordion-item.active a.opener{background:#0d5ba5;color: #fff; font-family: 'robotoregular';}
#special_options .accordion-group .accordion-holder ul.tab-accordion li.accordion-item.active a.opener:hover{font-weight:normal;}
#special_options .accordion-group .accordion-holder ul.tab-accordion li.accordion-item.active::before, #special_options .accordion-group .accordion-holder ul.tab-accordion li.accordion-item.active::after{color: #fff;top:0;}
#special_options .slide{margin: 0 0 15px 0; padding:0 25px; width: 100%;}
#special_options .slide .row.form-row{margin:15px 0 0 0; padding: 0; width: 100%; display:inline-block;}
#special_options .slide .row.form-row .title{ font-family: 'robotoregular'; display: inline-block;width: auto;margin: 0 15px 0 0;min-width:50px;padding:0;line-height: 28px;font-size: 14px; /*letter-spacing: -0.14px;*/}
#special_options .slide .row.form-row .col{    display: inline-block;width: auto;margin: 0;padding: 0;}
#special_options .slide .row.form-row .col{position: relative; margin: 0 0 0px 0px;}
#special_options .slide .row.form-row .col .jcf-radio{position: absolute; left:0px; width: 100%;height: 28px;object-fit: contain;background: transparent;border-color: transparent;border-radius: 5px; margin: 0; padding: 0; cursor: pointer;}
#special_options .slide .row.form-row .col .jcf-radio.jcf-checked {border: 2px solid #ff4301;}
#special_options .slide .row.form-row .col label {float:left; width: 100%; height:28px;  display: flex; justify-items: center; align-items: center;text-align: center;  margin: 0; padding: 0 10px;  justify-content: center; font-size: 12px; line-height: 1.33; /*letter-spacing: -0.12px;*/ text-align: center; cursor: pointer; z-index: 999 !important; color: #797979; font-family: 'robotoregular'; }
#special_options .slide .row.form-row .col input[type="radio"] {float:left;z-index: 999;cursor:pointer;}
#special_options .slide .row.form-row .col label.jcf-label-active{color:#ff4301;}
#special_options .slide .row.form-row .col .jcf-radio span{display:none;}
#special_options .accordion-group .accordion-holder .tab-accordion > li.show-icon ul.result-box{margin:-5px 0 0px 0;padding: 0 0 0 5px; /*letter-spacing: -0.11px;*/ }
#special_options .accordion-group .accordion-holder .tab-accordion > li.show-icon ul.result-box li { color: #444;}
#special_options .accordion-group .accordion-holder .tab-accordion > li.show-icon ul.result-box li:last-child { border-bottom: 0;} 
#special_options .accordion-group .accordion-holder .tab-accordion > li.accordion-item.show-icon{padding-bottom: 10px;}
#special_options .accordion-group .accordion-holder .tab-accordion > li.accordion-item.show-icon .opener{padding: 0 70px 0 15px !important; line-height: 38px;}
#special_options .slide .switch.open-close-holder{width:255px; margin:15px 0 0 0;padding: 0;}
#special_options .accordion-holder .strip .jcf-select-text {line-height: 35px; margin: 0; /*letter-spacing: -0.12px;*/}
#special_options .accordion-holder .strip .jcf-select {height:37px;margin:10px 0px;min-width: inherit;width: 100%; padding: 0 15px;}
#special_options .accordion-holder .strip .jcf-select-opener {top: 10px; width: 10px;}
#special_options .accordion-holder .switch-holder {margin: 0 0px 0px 0; /*letter-spacing: -0.14px;*/ font-family: 'robotoregular'; font-size: 14px;  }
#special_options #magneticstripe-option .slide{padding:0 35px;}
#special_options #magneticstripe-option .strip.slider{padding:0 0px;}
#special_options .accordion-holder .encoding {margin: 0px 0 4px;}
#special_options #magneticstripe-option .slide .switch-holder .check-list .jcf-checkbox{border: 2px solid #ff4301!important;}
#special_options #magneticstripe-option .strip.slider .validate-field, #special_options #magneticstripe-option .strip.slider .switch{float: left; width: 100%;}
#special_options #finish-wrap .slide{padding: 0 36px;}
#special_options #barcode-option .slide{padding:0 35px;}
#special_options #barcode-option .slide .switch.open-close-holder{ width: 100%; margin:15px 0 0 0; padding: 0;max-width: 255px;}
#special_options .accordion-holder .barcode .jcf-select {min-width: inherit;height: 35px;margin:10px 0;width: 100%;}
#special_options .accordion-holder .barcode .jcf-select-text {line-height: 31px;padding: 0 15px;margin: 0; font-size: 12px; /*letter-spacing: -0.12px;*/}
#special_options .accordion-holder .barcode .jcf-select-opener {top: 50%;margin: -7px 0 0 0; width: 10px;}
#special_options .cel.validate-field{width: 100%;}
#special_options .range.range-row{margin: 0;}
#special_options .range.range-row .title{ width: 100%;margin: 15px 0 10px 0; font-size: 14px; /*letter-spacing: -0.14px;*/ font-family: 'robotoregular';}
#special_options #barcode-option .range.range-row .title {letter-spacing: -0.4px;}
#special_options .range.range-row .title em{ font-size: 12px; /*letter-spacing: -0.12px;*/ font-style: normal;}
#special_options .accordion-holder .range input[type="text"] { height: 35px; font-size: 14px;}
#special_options #numbering_wrapper .slide{padding:0 45px 0 35px;}
#special_options #signature-panel .slide{ margin-top:0px; padding:0 45px 0 35px;}
#special_options #signature-panel .slide .switch-holder{margin-top:15px !important;}
#special_options .accordion-holder .switch-holder .bar{ font-family: 'robotoregular'; font-size: 14px;padding:0; /*letter-spacing: -0.14px;*/ line-height: 22px;}
#special_options .accordion-holder .switch{font-size: 12px;}
#special_options #luggage-tag-slot .slide, #special_options #scratchoff-option .slide{padding:0 45px 0 35px; margin-top:15px;}
.accordion-holder #scratchoff-option #scratch_slideout .col label {width: 90%; font-size:14px; color: #797979;}
.accordion-holder #scratchoff-option #scratch_slideout .col label em{font-style:normal; display: block; font-size: 12px; /*letter-spacing: -0.12px;*/ }
#special_options #special-options .slide{padding:0 15px;}
#special_options #special-options .slide .special{padding:15px 15px 15px 11px;}
#special_options #special-options .slide .special .title{float: left;font-size: 14px; /*letter-spacing: -0.14px;*/ width: 100%; max-width:64%;}
#special_options #special-options .slide .special .col-holder{float: right;padding: 0 7px 0 0;}
#special_options #special-options .slide .special{position: relative;}
#special_options #special-options .slide .special .col{margin:0 0px 0 4px !important;}
#special_options #special-options .slide .special .col.sp{position:absolute; top:15px; right: 0; width: auto; margin:0px 0 0 0 !important;}
#special_options #special-options .slide .special .col.sp .tooltip{top: 0; right: 0;}
.accordion-holder #scratchoff-option #scratch_slideout .col label.numberrange {width: 88%;font-size: 14px; /*letter-spacing: -0.14px;*/}
#special_options #special-options .result-box{margin:0px 0 0px 0;padding:0 0 0 10px;}
#special_options #special-options .jcf-select {height: 35px;margin: 0 0 0 0px;min-width: inherit;padding: 0 15px;line-height: 27px; border-width: 2px;}
#special_options #special-options .jcf-select .jcf-select-text{line-height:32px; margin: 0; /*letter-spacing: -0.12px;*/}
#special_options #special-options .slider.select-holder{margin:0px 0 0 0; float: left;}
#special_options #special-options .validate-field{max-width: 255px; width: 100%;margin: 10px 0 0 0;float: left;}
.foil_link{width: 100%; margin: 0; padding:15px 0 0 0;font-size: 12px; display: inline-block; color: #0d5ba5;}
.foil_link{color: #0d5ba5;}
#special_options #special-options ul.result-box li {width: 100%;margin: 10px 0 0px 0px;padding: 0 0 10px 28px;}
#special_options #special-options .slide .special .slider .foil_colors_tooltip{padding: 10px 0px 0px 0px;}
#special_options #special-options .slide .special .col span{margin: 0px 0 0 0 !important;float: left;}
#special_options #special-options .slide .special .col label{float: left;margin: 0; padding: 0 0 0 2px; text-align: left;}
.common_quote_form .shipping_turnaround{padding: 17px 15px;border-radius: 0;margin-top: 22px;width: 100%;background: #0d5ba5;color: #fff;position: relative;}
.common_quote_form .shipping_turnaround i{font-size: 28px;position: absolute;left: 18px; top: 34px;}
.common_quote_form .shipping_turnaround h3{font-size: 12px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.5;/*letter-spacing: -0.1px;*/text-align: left;color: #ffffff;padding: 0 0 0 60px;}
.common_quote_form .shipping_turnaround h3 em, .common_quote_form .shipping_turnaround h3 span{color: #fff; font-size: 12px;}
.common_quote_form .shipping_turnaround h3 span{margin: 0;padding:10px 0 0 0; display: inline-block; width: 100%;}

/***** Estimate Shipping section *****/
#numbering_wrapper .switch-holder label {margin-top: 0px;}
#special_options .ship-wrapper.accordion-holder .tab-accordion > li.shipping .slide{ border: 2px solid #d7d7d7;border-width: 0 2px 2px 2px;margin-top: 0px;padding: 15px 0 0px 0;float: left;}
#special_options .accordion-holder .col-shiping, #special_options .common_quote_form .accordion-holder .col-dwelling{width: 100%; margin: 0; padding: 0 15px;}
.accordion-holder .slide.shipping-box .col-shiping{padding:0 15px 22px 15px;width: 100%;float: left;}
.accordion-holder .slide.shipping-box .col-shiping .ship-loc-wrapper .ship-zip, .accordion-holder .slide.shipping-box .col-shiping .ship-loc-wrapper .ship-country{width: 100%;}
.accordion-holder .slide.shipping-box .col-shiping .ship-loc-wrapper .ship-zip{max-width: 48%; float: left;}
.accordion-holder .slide.shipping-box .col-shiping .ship-loc-wrapper .ship-zip input[type="text"]{ padding: 0 8px; width: 100%; height: 35px; line-height: 35px;}
.accordion-holder .col-shiping input[type="text"]:focus{border-color:#0d5ba5!important;}
.accordion-holder .slide.shipping-box .col-shiping .ship-loc-wrapper .ship-country{max-width: 48%; float:right;}
.accordion-holder .slide.shipping-box .col-shiping .ship-loc-wrapper .ship-country .jcf-select{width: 100%; margin: 0; padding: 0; height: 35px; line-height: 28px; border-width: 2px;}
.accordion-holder .slide.shipping-box .col-shiping .ship-loc-wrapper .ship-country .jcf-select:hover, .accordion-holder .slide.shipping-box .col-shiping .ship-loc-wrapper .ship-country .jcf-select.jcf-focus{border-color: #0d5ba5;}
.accordion-holder .slide.shipping-box .col-shiping .ship-loc-wrapper .ship-country .jcf-select.jcf-focus .jcf-select-opener:after {color: #0d5ba5;}
.accordion-holder .slide.shipping-box .col-shiping .ship-loc-wrapper .ship-country .jcf-select .jcf-select-text{line-height:30px; margin-left: 8px; /*letter-spacing: -0.12px;*/}
.accordion-holder .slide.shipping-box .sales-department { overflow: hidden;background: #f7f7f7;margin: 0 0px 0px 0px;border: 1px solid #f7f7f7; border-radius:0 0 5px 5px; }
.sales-department .image-box .icon-international_shipping{ font-size:46px; color:#ff4301;}
.sales-department .text-box{width: 100%; margin: 0; padding: 0; max-width:72%; font-size: 12px; color: #797979; /*letter-spacing: -0.12px;*/ text-align: left; }
.sales-department .text-box strong{width: 100%;display: inline-block !important;font-family: 'robotobold' !important;font-size: 14px !important;padding: 4px 0 3px 0;color: #797979;}
.sales-department .text-box a{display: inline-block !important; width: auto !important;}
.sales-department .text-box a:hover{color:#ff4301; }
.common_quote_form .total .left{color: #0d5ba5;}

/**** Product rip-card-hanging-card *****/
.common_quote_form .row.row_modelsize, .common_quote_form .row.row_batch_in, .common_quote_form .row.CH001-size, .common_quote_form .row.cch-envelops, .common_quote_form .row.CH002-size, .common_quote_form .row.combo_style{padding: 0px 42px 0 15px;margin: 24px 0 0 0;width: 100%;float: left;}
.common_quote_form .row.cch-envelops .switch{padding: 0 0 0 10px;}
.common_quote_form .row.cch-envelops .switch-holder label{float: left;width: auto;line-height: 25px;margin: 0;padding: 0;}
.common_quote_form .row.cch-envelops .switch-holder label.check-list{float:right !important; width: auto;}
.common_quote_form .row.CH001-size .cch-size, .common_quote_form .row.CH002-size .cch-size{color: #444 !important;}
.common_quote_form .row.row_modelsize .jcf-select {height:45px;max-width: 100%;}
.common_quote_form .row.CH001-size .jcf-select, .common_quote_form .row.CH002-size .jcf-select { height: 35px;}
.common_quote_form .row.CH001-size, .common_quote_form .row.CH002-size { margin-top: 18px; padding-left: 40px;}
.common_quote_form .row.CH001-size label.cch-size, .common_quote_form .row.CH002-size label.cch-size{ font-family: 'robotomedium'; color: #797979!important; font-size: 14px; font-style: normal;}
.common_quote_form .row.CH001-size .jcf-select .jcf-select-text, .common_quote_form .row.CH002-size .jcf-select .jcf-select-text { margin: 0 30px 0 0; padding: 0 15px; font-size: 12px; line-height: 32px; height: 32px; }
.common_quote_form .row.CH001-size .jcf-select .jcf-select-opener:before, .common_quote_form .row.CH002-size .jcf-select .jcf-select-opener:before  { top: 7px; right: 11px; width: 9px; height: 14px; color: #b1bac4; content: "\e916"; position: absolute; font-size: 14px; font-family: "icomoon";} 
.common_quote_form .row.CH001-size .jcf-select:hover .jcf-select-opener:before, .common_quote_form .row.CH001-size .jcf-select.jcf-focus .jcf-select-opener:before, .common_quote_form .row.CH002-size .jcf-select:hover .jcf-select-opener:before, .common_quote_form .row.CH002-size .jcf-select.jcf-focus .jcf-select-opener:before { color: #0d5ba5; }

/******** rfid-cards ************/
.common_quote_form .row_top_content{padding: 30px 15px 0 15px;margin: 0;}
.common_quote_form .row_custom_card, .common_quote_form .row_custom_qty, .common_quote_form .row_chip_type{padding: 0px 42px 0 15px;margin: 24px 0 0 0;width: 100%;float: left;}
.common_quote_form .row_chip_type .scratch-products .rfid-chipbox{width: 100%; margin: 0;}
.common_quote_form .row_chip_type .scratch-products ul.tab-accordion li.accordion-item .opener{line-height: normal;}
.common_quote_form .row_chip_type .scratch-products ul.tab-accordion li.accordion-item.active .slide ul.checkbox-list{ width: 100%; margin: 0;padding:10px 15px; }
.common_quote_form .row_chip_type .scratch-products ul.tab-accordion li.accordion-item.active .slide ul.checkbox-list li{width: 100% !important;}
.common_quote_form .row_chip_type .scratch-products ul.tab-accordion li.accordion-item.active .slide ul.checkbox-list li label{    width: 100%; margin: 0; padding: 2px 0 0 10px; max-width: 75%;  float: left; }
.common_quote_form .row_chip_type .scratch-products ul.tab-accordion li.accordion-item.active .slide ul.checkbox-list li span{margin: 0 0px 0 0; padding: 0 0px 0 0;}
.common_quote_form .row_art_file, .common_quote_form .row_message, .common_quote_form .row_name, .common_quote_form .row_company,
.common_quote_form .row_emai, .common_quote_form .row_phone, .common_quote_form .row_button{padding:0px 15px;margin: 30px 0 0 0;width: 100%;float: left;}
.common_quote_form .row_button .order {margin: 0 auto 0px;}
#custom-quotes-form.common_quote_form .row_chip_type .scratch-products ul.tab-accordion li.accordion-item.active .slide ul.checkbox-list li span {margin: -3px 0 0 -5px;padding: 0 0px 0 0;}
#custom-quotes-form.common_quote_form .row_chip_type .scratch-products ul.tab-accordion li.accordion-item.active .slide ul.checkbox-list li label{padding: 0px 0 0 10px;}
a.foilstampguide {cursor: pointer; padding: 0 0; margin: 0 0; display: inline-block; text-decoration: none;}    
form#custom-quotes-form .select-card .accordion-group .accordion-item .slide{padding: 0 25px 0 36px;}
/* form#custom-quotes-form #numbering_wrapper .slide.pb0{padding-top:21px !important; } */
form#custom-quotes-form #special_options .accordion-holder .switch-holder {margin:0px 0px 0px 0;}
form#custom-quotes-form #special_options .cel.validate-field {    width: 50%;margin: 0px 0 0 0;padding: 0 10px 0 0;}
form#custom-quotes-form #special_options #special-options .open-close-holder .form-hold{ width: 100%; margin: 0 0 0 0; display: inline-block;padding:0;}
form#custom-quotes-form #special_options #special-options .open-close-holder .slider{width: 100%; margin: 0 0 0 0; display: inline-block;padding: 15px 0 15px 0;}
form#custom-quotes-form #special_options #special-options .open-close-holder .special{width: 100%; margin: 0 0 0 0; display: inline-block;padding: 15px 0 15px 0;}
form#custom-quotes-form #special_options .accordion-holder .switch-holder.form-row{margin:15px 0px 0px 0;}
.common_quote_form .captcha {padding:0px 15px;margin: 21px 0 0 0;width: 100%;float: left;}
.common_quote_form .captcha p{padding:0px 0px;margin:10px 0 0 0;width: 100%;float: left;}
.common_quote_form .row .label-text{padding:0 0 8px 10px; margin: 0;}
.row_custom_card .col{position: relative; margin: 0 0 0px 0px;}
.row_custom_card .col .jcf-radio{position: absolute; left:0; width: 100%;height: 28px;object-fit: contain;background: transparent;border-color: transparent;border-radius: 5px; margin: 0; padding: 0; cursor: pointer;}
.row_custom_card .col .jcf-radio.jcf-checked {border: 2px solid #ff4301;}
.row_custom_card .col label {float:left;  width: 100%; height:28px; display: flex !important; justify-items: center; align-items: center; text-align: center; margin: 0 !important;  padding: 0 15px !important; justify-content: center;  font-size: 12px !important; font-weight: normal !important; font-style: normal; font-stretch: normal; line-height: 1.33;  /*letter-spacing: -0.1px;*/ text-align: center; cursor: pointer; z-index: 999 !important;}
.row_custom_card .col input[type="radio"] {float: left;z-index: 999;cursor: pointer;}
.row_custom_card .col label.jcf-label-active{ color:#ff4301; }
.row_custom_card .col .jcf-radio span{display: none;}
/***** CheckBox *******/
:root .jcf-checkbox span {margin: -3px 0 0 -5px;border-color: #fff;}
/******* hotel-key-cards ************/
.common_quote_form .row_magnetic_stripe, .common_quote_form .row_keycardtype, .common_quote_form .row.row_material, .common_quote_form .row.keytagtype{padding: 0px 42px 0 15px;margin: 24px 0 0 0;width: 100%;float: left;}
.common_quote_form .row_material label.value{margin: 0 !important; padding: 0 10px;}
.common_quote_form .row_card_thickness label.value{margin: 0 !important; padding: 0 10px;}
.common_quote_form .row_magnetic_stripe label{margin: 0 !important;padding: 0 10px 5px 10px !important;}
.common_quote_form .row_magnetic_stripe label.value{margin: 0 !important; padding: 0 0px !important;}
.custom_request_form .row_postcards_products .accordion-holder .tab-accordion > li > a.opener{line-height: inherit;}
.custom_request_form .row_postcards_products{padding: 0px 15px 0 15px;margin: 21px 0 0 0;width: 100%;float: left;}
#rushprint-service{margin:30px 0 0px 0;}

/******** quote-form ************/
#quote-form.custom-form-section .form-area.add-form .row-holder .type-chip ul.tab-accordion li.accordion-item a.opener{line-height: normal; height: 45px!important; padding: 11px 40px 9px 12px!important;}
#sample-form.custom-form-section .form-area.add-form .row-holder ul.tab-accordion li.accordion-item a.opener{line-height: normal;}
#custom-quotes-form .row_scratch_color, #custom-quotes-form .row_scratch_products{padding: 0px 15px 0 15px;margin:30px 0 0 0;width: 100%;float: left;}
#custom-quotes-form .row_scratch_products .label-text{padding:0 0 8px 10px; margin: 0;}
#custom-quotes-form .row_scratch_products .accordion-holder{width: 100%;margin: 0;}
#custom-quotes-form .row_scratch_products .accordion-holder ul.tab-accordion li.accordion-item a.opener{line-height: normal;}
#custom-quotes-form .row_scratch_products .accordion-holder ul.tab-accordion li.accordion-item .slide ul.checkbox-list li{width: 100%;}
#custom-quotes-form .row_scratch_color .col-box .col{position: relative; margin: 0 0 0px 0px;}
#custom-quotes-form .row_scratch_color .col-box .col .jcf-radio{position: absolute; left: 0; width: 100%;height: 28px;object-fit: contain;background: transparent;border-color: transparent;border-radius: 5px; margin: 0; padding: 0; cursor: pointer;}
#custom-quotes-form .row_scratch_color .col-box .col .jcf-radio.jcf-checked {border: 2px solid #ff4301;}
#custom-quotes-form .row_scratch_color .col-box .col label, .common_quote_form .row_custom_card .col-box .col label {float:left; width: 100%; height:28px; display: flex !important; justify-items: center;  align-items: center; margin: 0 !important;  padding: 0 15px !important; justify-content: center; font-size: 12px !important;  line-height: 1.33; /*letter-spacing: -0.1px;*/ text-align: center; cursor: pointer; font-family: 'robotoregular'; z-index: 999 !important; }
#custom-quotes-form .row_scratch_color .col-box .col input[type="radio"] {float: left;z-index: 999;cursor: pointer;}
#custom-quotes-form .row_scratch_color .col-box .col label.jcf-label-active{ color:#ff4301; }
#custom-quotes-form .row_scratch_color .col-box .col .jcf-radio span{display: none;}
/* #custom-quotes-form #custom-print{padding: 0px 15px 0 15px;margin:21px 0 0 0;width: 100%;float: left;} */
#custom-quotes-form .emv-type-chip, #custom-quotes-form .row_event_products{padding: 0px 15px 0 15px;margin:30px 0 0 0;width: 100%;float: left;}
#custom-quotes-form .emv-type-chip .accordion-holder ul.tab-accordion li.accordion-item a.opener, #custom-quotes-form .row_event_products .accordion-holder ul.tab-accordion li.accordion-item a.opener{line-height: normal;}
#custom-quotes-form .row.row_custom_qty{padding: 0px 15px 0 15px;}
.customscroll-height{max-height:200px;}
.common_quote_form .jcf-select .jcf-select-text { margin: 1px 40px 0 20px; /*letter-spacing: -0.14px;*/ font-family: 'robotoregular'; color: #797979;}
.common_quote_form .jcf-select:hover .jcf-select-text, .common_quote_form  .jcf-select.jcf-focus .jcf-select-text{ cursor: pointer; color: #0d5ba5;}
.common_quote_form .jcf-select.jcf-drop-active .jcf-select-text, .common_quote_form .jcf-select.jcf-focus .jcf-select-text
, .common_quote_form .jcf-select.jcf-focus .jcf-select-opener::before  { color: #0d5ba5;}
.common_quote_form .accordion-holder .col-dwelling .jcf-select:hover .jcf-select-opener::before, .common_quote_form .accordion-holder .col-dwelling .jcf-select.jcf-drop-active .jcf-select-opener::before, .common_quote_form .accordion-holder .col-dwelling .jcf-select.jcf-focus .jcf-select-opener::before { color: #0d5ba5;}
.common_quote_form .jcf-select .jcf-select-opener { width: 10px;}
.common_quote_form .form-area .jcf-select .jcf-select-opener:before { right: 15px;}
.common_quote_form .color-accordion > li > a { font-family: 'robotoregular'; padding: 12px 9px 4px 20px; /*letter-spacing: -0.14px;*/ }
.common_quote_form .color-accordion > li > a:before { right: 15px;}
#sidebar #quotation_form .heading-area, #sidebar .heading-area { letter-spacing: 1px; font-family: 'robotobold', arial, sans-serif !important; }
.common_quote_form .accordion-holder .tab-accordion > li > .opener { padding-left: 20px; font-family: 'robotoregular'; /*letter-spacing: -0.14px;*/}
.common_quote_form .total .right-prise { color: #797979;}
.common_quote_form .ship-wrapper.accordion-holder .tab-accordion > li > a.opener:before { right:15px;}
.common_quote_form .ship-wrapper.accordion-holder .tab-accordion > li.active > a.opener { font-family: 'robotoregular';}
.common_quote_form .accordion-holder .col-shiping .jcf-select-text { font-size: 12px;}
.common_quote_form .accordion-holder .col-shiping .jcf-select-opener:after { font-size: 14px;}
.common_quote_form .accordion-holder .col-dwelling .jcf-select-opener::before { top: 7px; right: 11px; width: 9px; height: 14px; color: #b1bac4; content: "\e916"; position: absolute; font-size: 14px; font-family: "icomoon";} 
.common_quote_form .accordion-holder .sales-department .image-box { margin: 10px 5px 0 15px;}
.common_quote_form .accordion-holder .col-dwelling#div_dwelling { padding-bottom: 26px;}
.common_quote_form .color-accordion .spotwrap .jcf-checkbox { border: 2px solid #d7d7d7;}
.common_quote_form .color-accordion .spotwrap .jcf-checked { border: 2px solid #ff4301;}
#special_options .accordion-holder .barcode .col .jcf-checkbox { border: 2px solid #d7d7d7;}
#special_options .accordion-holder .barcode .col .jcf-checked { border: 2px solid #ff4301;}
.common_quote_form .detail .jcf-select .jcf-select-text { margin: 0; padding: 0 15px;}
.common_quote_form .color-accordion .detail .jcf-select-text { font-size: 14px; }
/*.common_quote_form .color_detail .jcf-select-text { line-height: 41px; }*/
.common_quote_form .color-accordion .detail .jcf-select-required-select .jcf-select-text { font-size: 12px; /*letter-spacing: -0.12px;*/ }
.common_quote_form .accordion-holder .select-holder .jcf-select-text { font-size: 12px;}
.common_quote_form .accordion-holder.postcards_holder .tab-accordion > li:after { right: 15px;}
.common_quote_form .accordion-holder.postcards_holder.tab-accordion > li:first-child:after { top: 20px;}
.common_quote_form .row_scratch_products .accordion-holder .tab-accordion > li:after, .common_quote_form .row_postcards_products .accordion-holder .tab-accordion > li:after  { top: 20px!important; right: 15px;}
.custom-form-section .form-area.add-form .accordion-holder .tab-accordion > li:before, .custom-form-section .form-area.add-form .accordion-holder .tab-accordion > li:after { top: 17px!important; right: 15px;}
#art-form.custom-form-section .row .jcf-select .jcf-select-text { margin: 0; padding: 0 15px;}
.common_quote_form .quote-list li a { color: #797979; font-family: 'robotoregular'; }
.jcf-list .jcf-option { color: #797979; font-family: 'robotoregular'; font-size: 12px; /*letter-spacing: -0.12px;*/ padding: 5px 14px; }
.jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected {color: #fff; }
.common_quote_form .spotwrap .ctitle { font-family: 'robotomedium'; color: #797979; font-size: 12px;}
.common_quote_form .backcoloroptions.spotwrap { font-family: 'robotomedium'; color: #797979; font-size: 12px;}
.common_quote_form .pmsboxes input.pmsbox, .custom_request_form .pmsboxes input { background: #fafafa; font-family: 'robotomedium_italic';color: #d7d7d7;  }
.common_quote_form .pmsboxes input[type='text']:focus.pmsbox, .custom_request_form .pmsboxes input[type='text']:focus { font-family: 'robotomedium'; color: #797979;}
.common_quote_form .active_input, .custom_request_form .active_input {font-family: 'robotomedium' !important; color: #797979 !important;}
/* .common_quote_form .pmsboxes input.pmsbox::-webkit-input-placeholder, .custom_request_form .pmsboxes input.pmsbox::-webkit-input-placeholder { font-family: 'robotomedium_italic';color: #d7d7d7;}
.common_quote_form .pmsboxes input.pmsbox::-moz-placeholder, .custom_request_form .pmsboxes input.pmsbox::-moz-placeholder {font-family: 'robotomedium_italic';color: #d7d7d7; }
.common_quote_form .pmsboxes input.pmsbox:-ms-input-placeholder, .custom_request_form .pmsboxes input.pmsbox:-ms-input-placeholder { font-family: 'robotomedium_italic';color: #d7d7d7;}
.common_quote_form .pmsboxes input.pmsbox:-moz-placeholder, .custom_request_form .pmsboxes input.pmsbox:-moz-placeholder { font-family: 'robotomedium_italic';color: #d7d7d7;} */
.pmsbox:focus { border: 1px solid #0d5ba5 !important;}
.common_quote_form .ship-wrapper.accordion-holder .rush-tab-accordion > li:first-child > .opener { font-family: 'robotobold'!important; /*letter-spacing: -0.14px;*/ line-height: 42px;  font-size: 14px;}
.switch .disabled, .switch .enabled { font-family: 'robotobold'; font-size: 11px;}
.accordion-holder .switch .disabled { right: 7px;}
.common_quote_form .accordion-holder .barcode .col { margin: 15px 0 0px 0}
.common_quote_form .accordion-holder .barcode .col label { color: #797979; font-family: 'robotoregular'; font-size: 14px; width: 90%; line-height: 18px; /*letter-spacing: -0.14px;*/ font-style: normal; }
.common_quote_form .accordion-holder .select-holder .jcf-select-opener:after { font-size: 14px;}
.common_quote_form .accordion-holder .range.range-row input[type="text"] { color: #d7d7d7; font-family: 'robotomedium_italic'; padding: 2px 15px; font-size: 12px!important;}
.common_quote_form .accordion-holder .range.range-row input[type="text"]:focus { font-family: 'robotomedium'; color: #797979;}
.custom_request_form .row .input-row input.numeric_only { border-width: 1px; background: #fafafa; color: #d7d7d7; font-size: 12px; font-family: 'robotomedium_italic';     padding: 5px 8px;height: 35px;}
.custom_request_form .row .input-row input.numeric_only[type="text"]:focus { font-family: 'robotomedium'; color: #797979;}
#custom-quotes-form .row.row_custom_qty .input-row { padding: 0 10px;}
.custom_request_form .row_event_products .accordion-holder .tab-accordion > li:first-child:after, .custom_request_form .row_chip_type .accordion-holder .tab-accordion > li:first-child:after { top: 20px; right: 15px;}
.custom_request_form .color-accordion > li > a:after { right: 15px;}
.custom_request_form  #special-options .validate-field { margin: 0 0 15px 0 !important;}
.custom_request_form #special_options #special-options .slide .special .slider .foil_colors_tooltip { padding-top: 0;}
form#custom-quotes-form #special_options #special-options .open-close-holder .special#special-varnish { padding-bottom: 0;}
.custom_request_form .scratch-products.row_postcards_products .accordion-holder .tab-accordion > li > a.opener{padding: 13px 9px 4px 20px;}
.common_quote_form .result-box > li:after {
    left: -10px;
}

.ship-country .jcf-select-opener:after {
    top: 1px !important;
}

.homepage .slide.bg-stretch {
    display: none !important;
} 

.homepage .slide.bg-stretch.active {
    display: block !important;
}

/* body > .jcf-select-drop { margin-top: -5px;}
.jcf-select-drop .jcf-select-drop-content { margin-top: 0; border:0;}
.jcf-select-drop .jcf-select-drop-content .jcf-list ul li { border-width: 0 1px 0 1px; border-color:#d7d7d7; border-style:solid;}
.jcf-select-drop .jcf-select-drop-content .jcf-list ul li:last-child {border-radius:0 0 5px 5px;}
.jcf-select-drop .jcf-select-drop-content .jcf-list ul li:hover { border-color:#0d5ba5;}
.jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected {  border-width: 0 1px 0 1px; border-color:#0d5ba5; border-style:solid;} */
/* ****************STYLE FOR RESPONSIVE******************** */

@media (max-width:1440px) {
    .thankyou-middel{padding: 48px 1em;}
    .thankyou-middel picture, .thankyou-middel img {margin: -25px 0 0 0;}
}
@media (max-width:1024px) {
    .thankyou-middel h3{width: 100%;margin: 0;padding: 0px 0 25px 0;float: left;}
    .banner-area .banner-holder-file-upload{padding: 0 5px; text-align: center;}
    .banner-area .checklist{width:20%; margin:20px 0px 0;}
    .full_width_container .cards .cards-list {margin: 0 0px 0px 0;}
    .full_width_container .cards .cards-list li {width: 220px;}
}
@media (max-width: 1023px) {
    .custom_request_form .text-box { margin: 0 -2px 26px;     }
    .custom_request_form .text-box .heading { font-size: 21px; line-height: 25px;     }
    .shop-section .no_flipper.list-tabs li {width: 30%;margin: 0 10px;text-align: center;}
    .shop-section .no_flipper .flipper .front picture{display: inline-block;}
    .shop-section .no_flipper .flipper .front picture img{max-height:162px;}
    #art-form.custom-form-section .row .jcf-select .jcf-select-opener:before { font-size: 10px;}
}
@media (max-width:991px) {
    .thankyou-middel picture, .thankyou-middel img {margin:0px 0 0 0;}
    .banner-area .banner-holder-file-upload{padding: 0 5px 15px 5px; text-align: center;}
    .banner-area .checklist{    width: 32%; margin: 20px 0px 0; float: none; display: inline-block; }
    .ui-dialog.ui-widget.ui-widget-content{ top:80px!important; }
    .full_width_container .cards .cards-list li {width:215px;}
}
@media (max-width: 767px) {
    .custom_request_form .scratch-products .accordion-holder .checkbox-list label {font: 11px/15px 'robotoregular'; }
    .custom_request_form{padding:7px 3px 0 3px;}
    .custom_request_form form.form{padding: 27px 0px 15px 0px;}
    .thankyou-top .checkmark-box {padding:48px 0 40px 0;}
    .thankyou-top h3, .thankyou-middel h3, .thankyou-bottom h3{font-size:30px;}
    .thankyou-top .subtitle, .thankyou-bottom .subtitle{font-size:25px;}
    .thankyou-top p{ font-size: 15px; line-height:35px;padding:35px 0 0 0;}
    .thankyou-top p br{ display: none;}
    .thankyou-top ul.follow {margin:40px 0 0 0;}
    .thankyou-bottom .subtitle {padding: 0px 0 5px 0;}
    .thankyou-middel{width: 100%; margin:0; padding:48px 0em;}
    .thankyou-middel picture, .thankyou-middel img {margin:15px 0 0 0;}
    .thankyou-top h3 {padding: 0px 0 40px 0;}
    .thankyou-top ul.follow li:first-child {padding: 0 0px 0px 0;font-size:12px;} 
    i.sm {background-size: 180px;height: 30px;}
    i.sm.tw{ background-position:7px 3px;}
    i.sm.fb{ background-position:-47px 3px;}
    i.sm.yt{ background-position:-100px 4px;}
    i.sm.in{ background-position:-152px 4px;}
    .thankyou-top ul.follow li a {display: inline-block;margin: 0 1em;}
    .leave-subscribe-box {padding: 35px 10px 0 10px;}
    .thankyou-top ul.follow li a span.ic.icon-twitter{font-size:20px;}
    .thankyou-top ul.follow li a span.ic.icon-facebook{font-size:24px;}
    .thankyou-top ul.follow li a span.ic.icon-youtube{font-size:26px;}
    .thankyou-top ul.follow li a span.ic.icon-instagram{font-size:23px;}
    .banner-area .banner-holder-file-upload{padding: 0 5px 0px 5px; text-align: center;}
    .banner-area .checklist{ width:48%; text-align: center;}
    .banner-area .checklist:last-child{margin-bottom: 15px;}
    .full_width_container{padding:20px 15px 5px 15px;}   
    .full_width_container .cards .cards-list .image-info-block a.get-strt{padding: 10px 20px;}
    .full_width_container .cards .cards-list li {width:185px;}
    /****** Popup design css ****/
    .ui-dialog.ui-widget.ui-widget-content {top: 30%!important;}
    .ui-dialog{padding:15px !important; height:auto !important;justify-content: center; align-items: center;    width: 100% !important;}
    .ui-dialog .ui-dialog-content{padding: 0px !important;display: flex;height: auto;justify-content: center;align-items: center;height: 100% !important;max-width: 80%;width: 100%;margin: 0 auto;}
    .material-block, .card-block{position: relative;}
    #error-popup{    min-width:inherit !important; max-width: 100%; width: 100%; border: none;}
    #error-popup .material-block{    border: 2px solid #718d9b;border-radius: 6px;}
    .full_width_container .cards .cards-list .image-info-block {padding: 20px 10px;border-width: 1px 1px 0;    }
    /*** footer client carousel section **/
    .customers-holder .customer-carousel .slideset{width:100% !important;}
    .customers-holder .customer-carousel .slide {text-align: center;}
    .customers-holder .customer-carousel{display: inline-block;}
    #footer .customers.inner .customers-holder .customer-carousel .slide div.client{ width: 33.3%; text-align: center; margin: 0 !important; padding:0px 0px 0 0px !important;  display: flex; justify-content: center; align-items: center; justify-items: center; height:55px;    } 
    .shop-section .no_flipper.list-tabs li {margin:16px 0 0;}
    .shop-section .no_flipper.list-tabs li { width:100%;}
    .shop-section .no_flipper .flipper{display: none;}
    .custom-quote-block .form-area.add-form .outer .row.upload-box, .custom-quote-block .form-area.add-form .outer .row.select_rep { width: 100%;}
    #art-form.custom-form-section .jcf-select { padding: 0;}
    .popupcss .material-block { padding: 25px; }
    #css-error-popup .popupcss, #css-promotion-popup .popupcss #css-success-popup .popupcss { width: 90%; top: 30%; left: 0; right: 0; margin: 0 auto; }
}
@media (max-width: 766px) {
    .custome-quote-banner-block .info-box { display: block; }
}
@media (max-width:600px) {
    .leave-subscribe input[type="submit"] {margin:20px 0 0 0;max-width: 100%;}
    .thankyou-middel p{ font-size: 18px;}
    .thankyou-top .subtitle, .thankyou-bottom .subtitle{font-size:22px;}
}
@media (max-width:584px) {
    .thankyou-middel p {font-size:17px;}
    .thankyou-bottom p {font-size:14px; font-weight: 500;}
    .banner-area .checklist{ width: 100%; text-align: center;}
    .full_width_container .cards .cards-list li {width:158px;}
    .ui-dialog .ui-dialog-content{max-width:100%;}
}
@media (max-width:413px) {
    .thankyou-bottom p {font-size: 12px; font-weight: 500;}
    .thankyou-middel p {font-size:15px;}
}
@media (max-width:360px) {
    .full_width_container .cards .cards-list li {width:46%;}
    .customers.inner .icon-arrow-left {left: 5px !important;}
    .customers.inner .icon-arrow-right{right:5px !important;}
}
@media (max-width:320px) {
    .thankyou-top .subtitle, .thankyou-bottom .subtitle{font-size:19px;}
    .thankyou-bottom p {font-size:10px; font-weight: 500;}
    .thankyou-top p {font-size: 16px;line-height: 30px;}
}

/* *****************Plactic Card Righ side form************************** */
@media (max-width:1023px) {
    .common_quote_form .jcf-select .jcf-select-text { font-size:14px;}
    .common_quote_form .jcf-select .jcf-select-opener:before { right: 14px; top: 15px;}
    .common_quote_form .color-accordion > li > a:before {right: 12px;}
    #special_options .accordion-header .opener:before { right: 58px;}
    .common_quote_form .accordion-holder .tab-accordion > li > .opener { padding-top: 0;}
    .sales-department .image-box .icon-international_shipping { font-size: 36px;}
    .common_quote_form .accordion-holder .sales-department .image-box { margin: 6px;}
    .common_quote_form .accordion-holder .sales-department .text-box {  margin: 6px 0 6px 0px;}
    .common_quote_form .sales-department .text-box strong { font-size: 13px !important; padding: 3px 0px;}
    .common_quote_form .sales-department .text-box { max-width: 77%;}
    .common_quote_form .accordion-holder { margin-bottom: 0;}
    .common_quote_form .prise { margin-top: 25px;}
    .common_quote_form .reset_btn { padding: 10px 5px;}
    .common_quote_form .clearmat-wrap .col-clear label { font-size: 11px!important;}
    .common_quote_form .row.row_rush_info .rght_content { font-size: 11px;}
    .common_quote_form .clearmat-wrap .col-clear { width: 45%;}
    #special_options #special-options .slide .special .col-holder { padding-right: 10px;}
    #special_options #special-options .slide .special .col-holder { padding-right: 10px;}
    .common_quote_form .quote-list li .desktop { display: block; width: 22px; margin: 0 auto 5px auto ;}
    .common_quote_form .quote-list li:last-child .desktop { width: 18px; margin: 0 auto 5px auto ;}
    .common_quote_form .quote-list li:first-child .desktop { margin: 0 auto 3px auto ; width: 24px}
    .custom_request_form .emv-type-chip .accordion-holder .tab-accordion > li > a.opener, .custom_request_form .scratch-products .accordion-holder .tab-accordion > li > a.opener { height: auto!important; padding: 10px 40px 10px 15px!important;}
}
@media (max-width:767px) {
    .common_quote_form .jcf-select .jcf-select-text { font-size: 14px;}
    .common_quote_form .jcf-select  { height: 45px; padding: 0;}
    .jcf-select-drop-content .jcf-list { line-height:24px}
    .jcf-select-drop-content .jcf-list .jcf-option:after { top: 12px;}
    #quotation_form .form-area { padding: 0;}
    .custom_request_form .emv-type-chip .accordion-holder .tab-accordion > li:first-child:after { top: 20px!important;}
    .common_quote_form .color-accordion > li > a { height: 45px;}
    .common_quote_form .color-accordion .detail .jcf-select { min-width: 100%;}
    .common_quote_form .clearmat-wrap .col-clear { margin: 0 0 0px 7px; width: 46%;}
    .common_quote_form  .accordion-header .opener, .common_quote_form .accordion-header.open .opener { letter-spacing: normal; line-height: 44px;}
    .common_quote_form .spotwrap .jcf-select { height: 35px;}
    .common_quote_form .row.row_shipping ul.tab-accordion li.shipping.accordion-item a.opener { height: 45px!important; padding: 0 16px 6px 20px!important}
    #special_options .accordion-holder .strip .jcf-select-text { font-size: 12px;}
    #special_options .accordion-holder .switch-holder{ font-size: 13px;}
    .common_quote_form .jcf-radio { margin: 0 3px 0 0px;}
    #special_options #special-options .slide .special .title { max-width: 60%;}
}

/*19th June*/
#div_shipping {
    display: none;
}

.shipping_btn {
    float: left;
    width: 100%;
    border: 2px solid #ff4301;
    padding: 10px 14px 10px 14px;
    margin: 0;
    text-transform: none;
    font: 12px/16px "robotoregular";
    border-radius: 4px;
    background: #fff;
    color: #ff4301;
    text-align: center;
    text-decoration: none;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

.shipping_btn:hover {
    color: #fff !important;
    background: #ff4301 !important;
    border: 2px solid #ff4301 !important;
}

.shipping_require .jcf-select-shippingMethod {
    border: 2px solid #ff4301 !important;
}

.shipping_require .jcf-select-shippingMethod .jcf-select-text {
    color: #ff4301 !important;
}

.shipping_require .jcf-select-shippingMethod .jcf-select-opener::before {
    color: #ff4301 !important;
}

.shipping_btn.inactive {
    border: 2px solid #d7d7d7 !important;
    color: #797979 !important;
}

.shipping_btn.inactive:hover {
    border: 2px solid #ff4301 !important;
    color: #fff !important;
}

/*home page slider caption setting for desktop and mobile*/
.home_banner .text-box-info.mobile_only {
    display: none;
}
@media (max-width: 766px) {
    .home_banner .text-box-info.web_only {
        display: none;
    }
    .home_banner .text-box-info.mobile_only {
        display: block;
    }

    .visual .home_banner .caption-block {
        padding: 25px 0 0 0;
        width: 90%;
        min-height: 150px;
    }

    .visual .home_banner .caption-block .btn-ghost {
        width: inherit;
        padding: 3px 21px;
    }
}
/*
.shipping_required, .shipping_required:hover {
    border: 2px solid #ff4a0a;
    color: #ff4301;
}*/

.active_input {
    /*font-family: 'robotomedium' !important;*/
    color: #797979 !important;
}

#manual_payment .form-area.add-form .outer .jcf-select-select {
    height: 45px;
}

#manual_payment .form-area.add-form .outer .jcf-select-select .jcf-select-text {
    font-size: 13px;
    /*line-height: 33px;*/
}

/*#manual_payment #cvv_row .tooltip {
    right: 0px;
    top: 0px;
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}

.crd-cvv label a:hover + .tooltip-hover {
    display: block;
}

#manual_payment #cvv_row .tooltip-hover {
    position: absolute;
    left: 55%;
    top: -65px;
    background: #f79477;
    color: #fff;
    font-size: 12px;
    display: none;
    padding: 10px;
    text-align: center;
    min-width: 200px;
    margin: 0 0 0 -40px;
    border-radius: 5px;
    font-weight: 700;
}*/

.right-block .category-support-block ul li a:hover .img-hover {
    display: inline;
    vertical-align: baseline;
}

.custome-quote-banner-block .image-blcok picture{
    display: flex;
    flex-direction: column
}
.custome-quote-banner-block .image-blcok picture img{
    flex: 0 0 120%;
    width: 120%;
}

/*.cards-list li div.image-box picture img {
    width: 100%;
}*/

.gift-columns .gift-img {
    cursor: pointer;
}

#footer .subscibe #footer_newsletter_submit {
    float: left;
    color: #fff;
    margin: 0 0 0 8px;
    padding: 0 16px 0;
    text-align: center;
    background: none;
    line-height: 21px;
    border-radius: 5px;
    border: 2px solid #fff;
    text-transform: capitalize;
    font-size: 14px;
    font-family: 'robotobold', Arial, sans-serif;
    height: 53px;
}

#footer .subscibe #footer_newsletter_success {
    color: green !important;
}

#scratchoff-option .result-box > li:after {
    display: none;
}

/* ttlk model dropdown width */
@media (min-width: 1025px) {
    .ttlk_models {
        width: auto !important;
    }

    .ttlk_models .jcf-list .jcf-option {
        white-space: nowrap !important;
        padding: 5px 40px 5px 15px !important;
    }
}

@media (max-width: 767px) {
    .ttlk_models .jcf-list .jcf-option {
        padding: 5px 30px 5px 15px
    }
    #sidebar {
        min-width: 100% !important;
    }
}

/**
**  Promotion Popup css
 */
@media (min-width: 767px) {
  #css-promotion-popup.promotional-css-popup .popupcss {
    max-width: 500px;
    height: auto;
    left: 56%;
    padding: 20px;
  }
}

#css-promotion-popup.promotional-css-popup .popupcss {
  border: none;
}
#css-promotion-popup.promotional-css-popup .popupcss .promotion-img img {
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  margin: 0;
}
#css-promotion-popup.promotional-css-popup .popupcss .promotion-content {
  text-align: center;
}
#css-promotion-popup.promotional-css-popup .popupcss .promotion-content h1.promotion-title {
  font-weight: bold;
}