/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */ }
/**
 * Remove default margin.
 */

body {
    margin: 0;

}
.form-area.add-form .accordion-holder .checkbox-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clearfix:after, .form-area .form:after, .form-area.add-form .text-box:after, .form-area.add-form .text-box .head:after {
    content: '';
    display: block;
    clear: both;
}

.ellipsis {
    white-space: nowrap;
    /* 1 */
    text-overflow: ellipsis;
    /* 2 */
    overflow: hidden;
}

#sidebar.add .heading-area {
    background: #04356d;
    margin-bottom: -1px;
    position: relative;
}

.form-area {
    padding: 0 0 14px;
    border-width: 2px;
    border-color: #d7d7d7;
    border-style: solid;
}
@media (max-width: 767px) {
    .form-area {
        border: none;
        padding: 7px 3px 0 11px;
    }
}
.form-area .form {
    margin: 0 0 -13px;
    padding: 18px 10px 15px 18px;
}
@media (max-width: 1023px) {
    .form-area .form {
        padding: 12px 10px 15px 16px;
    }
}
@media (max-width: 767px) {
    .form-area .form {
        padding: 6px 6px 16px;
        margin: 0;
    }
}
.form-area.add-form {
    padding: 0;
}
.form-area.add-form .form {
    padding: 29px 19px 10px 20px;
}
@media (max-width: 1023px) {
    .form-area.add-form .form {
        padding: 29px 12px 10px;
    }
}
.form-area.add-form input[type="text"],
.form-area.add-form input[type="email"],
.form-area.add-form input[type="tel"] {
    width: 100%;
    height: 45px;
    border: 2px solid #d7d7d7;
    border-radius: 5px;
    outline: none;
    color: #797979;
    font: 14px/17px 'robotoregular';
    padding: 9px 5px;
}
.form-area.add-form input[type="text"]::-webkit-input-placeholder,
.form-area.add-form input[type="email"]::-webkit-input-placeholder,
.form-area.add-form input[type="tel"]::-webkit-input-placeholder {
    color: #797979;
}
.form-area.add-form input[type="text"]::-moz-placeholder,
.form-area.add-form input[type="email"]::-moz-placeholder,
.form-area.add-form input[type="tel"]::-moz-placeholder {
    opacity: 1;
    color: #797979;
}
.form-area.add-form input[type="text"]:-moz-placeholder,
.form-area.add-form input[type="email"]:-moz-placeholder,
.form-area.add-form input[type="tel"]:-moz-placeholder {
    color: #797979;
}
.form-area.add-form input[type="text"]:-ms-input-placeholder,
.form-area.add-form input[type="email"]:-ms-input-placeholder,
.form-area.add-form input[type="tel"]:-ms-input-placeholder {
    color: #797979;
}
.form-area.add-form input[type="text"].placeholder,
.form-area.add-form input[type="email"].placeholder,
.form-area.add-form input[type="tel"].placeholder {
    color: #797979;
}
.form-area.add-form input[type="text"]:focus,
.form-area.add-form input[type="email"]:focus,
.form-area.add-form input[type="tel"]:focus {
    border-color: #0d56a5;
}
.form-area.add-form .text-box {
    color: #797979;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    font-family: 'robotoregular', Arial, sans-serif;
    margin: 0 -5px 14px -4px;
}
@media (max-width: 1023px) {
    .form-area.add-form .text-box {
        margin: 0 -2px 26px;
    }
}
.form-area.add-form .text-box .head {
    margin: 0 0 12px;
    text-align: left;
}
.form-area.add-form .text-box .heading {
    display: block;
    font: 23px/27px 'roboto_slabregular';
    position: relative;
    padding: 0 0 0 58px;
    color: #ff4301;
}
@media (max-width: 1023px) {
    .form-area.add-form .text-box .heading {
        font-size: 21px;
        line-height: 25px;
    }
}
.form-area.add-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;
}
.form-area.add-form .text-box .title {
    display: block;
    margin: 0 8px 6px 8px;
    font: 19px/22px 'robotoregular';
}
.form-area.add-form .text-box p {
    margin: 0 8px 5px 8px;
}
.form-area.add-form .text-box.add {
    font: 16px/25px 'robotolight';
    text-align: center;
    margin: 0 -5px 30px -4px;
    padding-top: 1px;
}


.form-area.add-form .row {
    overflow: hidden;
    margin: 0 0 18px;
}
.form-area.add-form .row .input-row {
    overflow: hidden;
    width: 100%;
    letter-spacing: -0.32em;
}

.form-area.add-form .row .input-row input[type="tel"] {
    font: 12px/17px 'robotoregular';
    padding: 9px 5px;
    color: #c8c8c8;

}

.form-area.add-form .row .input-row input[type="text"] {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    width: 23.4%;
    height: 39px;
    font: 12px/17px 'robotoregular';
    padding: 9px 5px;
    color: #c8c8c8;
    margin: 0 2px;
}

.form-area.add-form .row .input-row input[type="text"]::-webkit-input-placeholder {
    color: #c8c8c8;
}
.form-area.add-form .row .input-row input[type="text"]::-moz-placeholder {
    opacity: 1;
    color: #c8c8c8;
}
.form-area.add-form .row .input-row input[type="text"]:-moz-placeholder {
    color: #c8c8c8;
}
.form-area.add-form .row .input-row input[type="text"]:-ms-input-placeholder {
    color: #c8c8c8;
}
.form-area.add-form .row .input-row input[type="text"].placeholder {
    color: #c8c8c8;
}




.form-area.add-form label,
.form-area.add-form .label-text {
    display: block;
    font: 15px/18px 'DINNextLTPro-Medium';
    margin: 0 0 4px 7px;
    color: #25292b;
}
.form-area.add-form .outer {
    overflow: hidden;
    margin: -13px 0 -7px;
}
.form-area.add-form .outer .row {
    float: right;
    width: 143px;
    margin: 0 0 14px;
}
@media (max-width: 1023px) {
    .form-area.add-form .outer .row {
        width: 133px;
    }
}
.form-area.add-form .outer .row:first-child {
    float: left;
}
.form-area.add-form .outer .jcf-select-select {
    width: 143px;
    min-width: inherit;
    height: 45px;
}
@media (max-width: 1023px) {
    .form-area.add-form .outer .jcf-select-select {
        width: 133px;
    }
}
.form-area.add-form .outer .jcf-select-select .jcf-select-text {
    font-size: 13px;
    line-height: 36px;
}
.form-area.add-form .outer .jcf-select-select .jcf-select-opener:before {
    right: 11px;
    top: 11px;
}
.form-area.add-form .col-box {
    overflow: hidden;
}
.form-area.add-form .col-box .col {
    width: auto;
    margin: 3px 12px 10px 0;
}
.form-area.add-form .col-box label {
    display: inline-block;
    vertical-align: middle;
    float: none;
    font: 13px/16px 'robotoregular';
    color: #797979;
    margin: 0;
}
.form-area.add-form .col-box .jcf-radio {
    margin: 0 3px 0 0;
}
.form-area.add-form .switch {
    margin: 0 0 16px;
}
.form-area.add-form .switch .check-list {
    float: none;
    margin: 4px 0 0;
}
.form-area.add-form .accordion-holder {
    width: auto;
    margin: 0 0 23px;
    border: 0;
    border-radius: 0;
}
.form-area.add-form .accordion-holder .tab-accordion > li:before, .form-area.add-form .accordion-holder .tab-accordion > li:after {

    position: absolute;
    top: 14px;
    left: auto;
    right: 13px;
    bottom: auto;
    font-family: 'icomoon';
    content: "\e915";
    font-weight: normal;
    font-size: 10px;
    margin: 0;
}
.form-area.add-form .accordion-holder .tab-accordion > li.active > a.opener {
    background: #fff;
    border-color: #0d56a5;
}
.form-area.add-form .accordion-holder .tab-accordion > li > a.opener {
    width: auto !important;
    font-family: 'robotoregular';
    color: #797979;
    border-radius: 5px;
    border: 2px solid #d7d7d7;
    padding: 12px 40px 12px 14px;
}
.form-area.add-form .accordion-holder .tab-accordion > li > a.opener:hover {
    border-color: #0d56a5;
}




.form-area.add-form .accordion-holder .slide {
    padding: 0;
    margin: -4px 0 0;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #d7d7d7;
    border-radius: 4px;
}
.form-area.add-form .accordion-holder .checkbox-list {
    letter-spacing: -0.32em;
    padding: 10px 0 0;
}
.form-area.add-form .accordion-holder .checkbox-list li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    width: 33.33%;
    padding: 10px 10px;
}
.form-area.add-form .accordion-holder .checkbox-list .jcf-checkbox {
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 2px solid #dedede;
    margin: 2px 8px 2px 0;
}
.form-area.add-form .accordion-holder .checkbox-list .jcf-checkbox.jcf-checked {
    border-color: #ff4301;
}
.form-area.add-form .accordion-holder .checkbox-list .jcf-checkbox.jcf-checked span {
    background: #ff4301;
}
.form-area.add-form .accordion-holder .checkbox-list label {
    display: block;
    overflow: hidden;
    margin: 4px 0 0;
    font: 12px/15px 'robotoregular';
    color: #797979;
    text-transform: uppercase;
}
.form-area.add-form .textarea {
    width: 100%;
    height: 166px;
    border: 2px solid #d7d7d7;
    border-radius: 5px;
    outline: none;
    resize: none;
    color: #797979;
    font: 12px/16px 'robotoregular';
    padding: 16px;
    margin: 0 0 18px;
}
.form-area.add-form .upload-box {
    overflow: hidden;
    margin: 0 0 18px;
    text-align: center;
}
.form-area.add-form .upload-box .label-text {
    text-align: left;
    margin: 0 0 9px 7px;
}
.form-area.add-form .upload-box .icon-upload {
    display: block;
    font-size: 26px;
    line-height: 27px;
    color: #ff9a77;
    margin: 0 0 4px;
}
.form-area.add-form .upload-box .title {
    display: block;
    font: 30px/32px 'robotolight';
    color: #797979;
    margin: 0 0 7px;
}
.form-area.add-form .upload-box .title i {
    display: block;
    font-style: normal;
    font: 12px/22px 'robotoregular';
}
.form-area.add-form .upload-box .upload-holder {
    overflow: hidden;
    min-height: 162px;
    border: 2px dashed #ddddde;
    border-radius: 5px;
    padding: 16px 10px;
}
.form-area.add-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;
}
.form-area.add-form .captcha {
    overflow: hidden;
    font: 12px/18px 'robotoregular';
    color: #797979;
    margin: 0 0 20px;
}
.form-area.add-form .captcha .img-box {
    overflow: hidden;
    margin: 0 0 10px;
}
.form-area.add-form .captcha .img-box img {
    display: block;
    width: 100%;
    height: auto;
}
.form-area.add-form .captcha p {
    margin: 0;
}
.form-area.add-form .order {
    margin: 0 auto 32px;
}
.form-area.add-form .quote-list {
    margin: 0 0 15px;
    letter-spacing: -0.32em;
}
.form-area.add-form .quote-list li {
    letter-spacing: 0;
}


/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */ }
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden], template {
    display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
    outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
    font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */ }
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
    text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */ }
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */ }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */ }
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}
#header .social-networks, .drop > .drop-accordion, .drop .slide .column-accordion, .drop .slide .list, .drop .column-last .center-list, .drop .dropdown-footer .terms, .bottom-bar ul, .color-accordion, .accordion-holder .tab-accordion, .quote-list, .result-box, .result-box.inner, .customers-holder .logos-area, .footer-columns .payment-list, .footer-columns .social-networks, .products .product-accordion, .products .slide .list, .footer-nav ul, .logos-list ul, .links-bar ul, .cards .cards-list, .printing-columns .left-column .pagination ul, .printing-columns .img-list, .detail-column .detail-list, .breadcrumbs ul, .tab-area .tabset, .tab-area .product-list, .markets .market-list, .faq-holder > .faq-accordion, .shop-section .item-list, .info-box .list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.clearfix:after, #header:after, .drop:after, #nav:after, .switch .switch-holder:after, .form-area .form:after, .accordion-holder .tab-accordion:after, .card-banner .carousel .slide-holder img:after, .tab-area .tabset:after {
    content: '';
    display: block;
    clear: both;
}
.ellipsis {
    white-space: nowrap;
    /* 1 */
    text-overflow: ellipsis;
    /* 2 */
    overflow: hidden;
}
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
* {
    max-height: 1000000px;
}
body {
    color: #000;
    background: #fff;
    font: 16px/1.2 "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img {
    max-width: 100%;
    height: auto;
}
.gm-style img {
    max-width: none;
}
@media only screen and (min-width: 1025px) {
    a[href^=tel], a[href^=skype], a[href^=sms] {
        cursor: default;
        pointer-events: none;
    }
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .h {
    font-family: inherit;
    font-weight: normal;
    margin: 0 0 0.5em;
    color: inherit;
}
h1, .h1 {
    font-size: 30px;
    font-weight: normal;
}
h2, .h2 {
    font-size: 27px;
}
h3, .h3 {
    font-size: 24px;
}
h4, .h4 {
    font-size: 21px;
}
h5, .h5 {
    font-size: 17px;
}
h6, .h6 {
    font-size: 15px;
}
p {
    /*! margin: 4px 0 40px; */
    /*! padding-left: 20px; */
    /*! text-align: center; */
}
a {
    color: #0d56a5;
}
a:hover,  a:focus {
    text-decoration: none;
}
form, fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
input[type='text'], input[type='tel'], input[type='email'], input[type='search'], input[type='password'], textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border: 1px solid #757575;
    padding: 0.4em 0.7em;
    outline: none;
}
input[type='text']:focus,  input[type='tel']:focus,  input[type='email']:focus,  input[type='search']:focus,  input[type='password']:focus,  textarea:focus {
    border-color: #000;
    outline: none;
}
input[type='text']::-webkit-input-placeholder,  input[type='tel']::-webkit-input-placeholder,  input[type='email']::-webkit-input-placeholder,  input[type='search']::-webkit-input-placeholder,  input[type='password']::-webkit-input-placeholder,  textarea::-webkit-input-placeholder {
    /*color: #757575;*/
    color: #cccccc;
}
input[type='text']::-moz-placeholder,  input[type='tel']::-moz-placeholder,  input[type='email']::-moz-placeholder,  input[type='search']::-moz-placeholder,  input[type='password']::-moz-placeholder,  textarea::-moz-placeholder {
    opacity: 1;
    /*color: #757575;*/
    color: #cccccc;
}
input[type='text']:-moz-placeholder,  input[type='tel']:-moz-placeholder,  input[type='email']:-moz-placeholder,  input[type='search']:-moz-placeholder,  input[type='password']:-moz-placeholder,  textarea:-moz-placeholder {
    /*color: #757575;*/
    color: #cccccc;
}
input[type='text']:-ms-input-placeholder,  input[type='tel']:-ms-input-placeholder,  input[type='email']:-ms-input-placeholder,  input[type='search']:-ms-input-placeholder,  input[type='password']:-ms-input-placeholder,  textarea:-ms-input-placeholder {
    /*color: #757575;*/
    color: #cccccc;
}
input[type='text'].placeholder,  input[type='tel'].placeholder,  input[type='email'].placeholder,  input[type='search'].placeholder,  input[type='password'].placeholder,  textarea.placeholder {
    /*color: #757575;*/
    color: #cccccc;
}
select {
    -webkit-border-radius: 0;
}
textarea {
    resize: vertical;
    vertical-align: top;
}
button, input[type='button'], input[type='reset'], input[type='file'], input[type='submit'] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
}


.hi-icon-effect-6 a {	text-decoration: none;}
.hi-icon {	display: inline-block;	font-size: 0px;	cursor: pointer;width: 44px;	height: 27px;text-align: center;	position: relative;	z-index: 1;	color: #fff;	background-color:#FF4401;	border-radius:5px;}
.hi-icon:after {	pointer-events: none;	position: absolute;	width: 100%;	height: 100%;	border-radius: 50%;	content: ''; 	box-sizing: content-box;}
.hi-icon:before {font-weight: bold;	font-family: 'ecoicon';	speak: none;	font-size: 15px;	line-height: 26px;	font-style: normal;	font-weight: normal;
                 font-variant: normal;	text-transform: none;	display: block;	-webkit-font-smoothing: antialiased;}
.hi-icon-refresh:before {	content: "\e007";}
@-webkit-keyframes spinAround {
    from {		-webkit-transform: rotate(0deg)	}
    to {		-webkit-transform: rotate(360deg);	}
}
@keyframes spinAround {
    from {		-webkit-transform: rotate(0deg);		transform: rotate(0deg)	}
    to {		-webkit-transform: rotate(360deg);		transform: rotate(360deg);	}
}
/* Effect 6 */
.ship-loc-wrapper {   width: 100%;}
.ship-zip {    width: 28%;    float: left;}
.ship-country {    width: 50%;    float: left;}
.ship-load {    width: 19%;    float: left;}
.ship-zip.parent-focus input {border:1px solid #fd9875 !important}
.hi-icon-effect-6 .hi-icon {	-webkit-transition: background 0.2s, color 0.2s;	transition: background 0.2s, color 0.2s;}
.hi-icon-effect-6 .hi-icon:hover:before {	-webkit-animation: spinAround 2s linear infinite;	animation: spinAround 2s linear infinite;}
#header {
    min-width: 320px;
    background: #fff;
}
@media (max-width: 767px) {
    #header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 9999;
        min-height: 63px;
    }
}
#header .top-bar {
    padding: 10px 0 4px;
    overflow: hidden;
    background: #ebebeb;
}
@media (max-width: 1023px) {
    #header .top-bar {
        padding: 8px 10px 8px 10px;
    }
}
@media (max-width: 767px) {
    #header .top-bar {
        background: #fff;
        padding: 0;
    }
}
#header .top-bar .top-holder {
    max-width: 1170px;
    margin: 0 auto;
}
@media (max-width: 1023px) {
    #header .top-bar .top-holder {
        padding: 0 18px 0 14px;
    }
}
@media (max-width: 767px) {
    #header .top-bar .top-holder {
        display: none;
    }
}
#header .chat-area {
    display: none;
}
@media (max-width: 767px) {
    #header .chat-area {
        float: right;
        display: block;
        width: 170px;
        padding: 25px 95px 0 0;
    }
}
/* @media (max-width: 767px) and (max-width: 480px) {
#header .chat-area {
    text-align: right;
}
}*/
@media (max-width: 767px) {
    #header .chat-area .chat {
        margin: 0 8px 0 0;
        display: inline-block;
        vertical-align: top;
    }
    #header .chat-area .phone {
        display: inline-block;
        vertical-align: top;
        margin-right: 5px;
    }
}
#header .social-networks {
    float: left;
    width: 350px;
    margin: 5px 0 0 2px;
}
@media (max-width: 1023px) {
    #header .social-networks {
        width: 226px;
        margin: 5px 0 0 9px;
    }
}
#header .social-networks li {
    float: left;
    margin: 0 12px 4px 0;
}
@media (max-width: 767px) {
    #header .social-networks li {
        margin: 0 0 5px;
    }
}
#header .social-networks li a {
    display: block;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
}
#header .social-networks li a.icon-twitter {
    margin: 0 2px 0 6px;
    font-size: 16px;
}
@media (max-width: 1023px) {
    #header .social-networks li a.icon-twitter {
        margin: 1px 1px 0;
        font-size: 13px;
    }
}
#header .social-networks li a.icon-facebook {
    margin: -1px 2px 0 -1px;
    font-size: 16px;
}
@media (max-width: 1023px) {
    #header .social-networks li a.icon-facebook {
        margin: -1px 4px 0 1px;
    }
}
#header .social-networks li a.icon-youtube {
    margin: -2px 3px 0 0;
    font-size: 18px;
}
@media (max-width: 1023px) {
    #header .social-networks li a.icon-youtube {
        margin: -2px 3px 0 -1px;
    }
}
#header .social-networks li a.icon-gmail {
    margin: 0 -3px 0 0;
}
@media (max-width: 1023px) {
    #header .social-networks li a.icon-gmail {
        margin: 0 -2px 0 -1px;
    }
}
#header .social-networks li a.icon-linkedin {
    margin: -1px -1px 0 0;
    font-size: 18px;
}
@media (max-width: 1023px) {
    #header .social-networks li a.icon-linkedin {
        margin: -2px -3px 0 -3px;
    }
}
#header .social-networks li a.icon-instagram {
    margin: 0 -1px 0 -1px;
}
@media (max-width: 1023px) {
    #header .social-networks li a.icon-instagram {
        margin: 1px -2px 0 -1px;
        font-size: 14px;
    }
}
#header .social-networks li a.icon-pinterest {
    margin: 5px 10px 0 -2px;
    font-size: 18px;
}
@media (max-width: 1023px) {
    #header .social-networks li a.icon-pinterest {
        margin: 5px 6px 0 -2px;
    }
}
#header .social-networks li a.icon-blog {
    margin: 2px 0 0;
    font-size: 12px;
}
@media (max-width: 1023px) {
    #header .social-networks li a.icon-blog {
        margin: 2px 0 0 -2px;
    }
}
#header .social-networks li a:hover,  #header .social-networks li a.active {
    color: #ff4301;
}
.right-panel {
    float: right;
    position: relative;
    max-width: 700px;
    font-size: 14px;
    font-family: 'robotomedium', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .right-panel {
        max-width: inherit;
        width: 464px;
        margin: 5px 0 0;
        text-align: right;
        font-size: 10px;
    }
    
    .right-panel .free a.icon-tel01, head{
        font-size: 16px !important;
    }
    
}
@media (max-width: 767px) {
    .right-panel {
        width: 100%;
        text-align: left;
        font-size: 12px;
    }
}

/*.right-panel:after {
    top: 6px;
    left: 50%;
    width: 2px;
    height: 12px;
    content: '';
    margin: 0 0 0 38px;
    position: absolute;
    background: #0d56a5; }*/

@media (max-width: 1023px) {
    .right-panel:after {
        display: none;
    }
}


.right-panel .free {
    float: right;
    padding: 0 14px 0 0;
    margin: 4px 0 0;
    color: #626262;
}
.right-panel .free img { margin:0 6px -5px 0;}
@media (max-width: 1023px) {
    .right-panel .free {
        float: right;
    }
}
@media (max-width: 767px) {
    .right-panel .free {
        padding: 0;
        margin: 0;
    }
}
.right-panel .free .tel {
    margin: -5px 0 0 7px;
    display: inline-block;
    vertical-align: top;
    color: #444;
    text-decoration: none;
    font-size: 20px;
    letter-spacing: 0.5px;
    font-family: 'robotomedium', Arial, sans-serif;
}
.right-panel .free .tel:hover {
    opacity: .8;
}
@media (max-width: 1023px) {
    .right-panel .free .tel {
        margin: -4px 0 0 4px;
        font-size: 14px;
        font-weight: normal;
    }
}
@media (max-width: 767px) {
    .right-panel .free .tel {
        font-size: 16px;
    }
}
.header-holder {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    padding: 35px 0 35px;
}
@media (max-width: 1023px) {
    .header-holder {
        padding: 19px 10px 25px 24px;
    }
}
@media (max-width: 767px) {
    .header-holder {
        text-align: center;
        padding: 5px 0;
        height: 63px;
    }
}
.header-holder .logo {
    float: left;
    width: 348px;
    height: 68px;
    margin: 4px 0 0 4px;
}
@media (max-width: 767px) {
    .header-holder .logo {
        width: 215px;
        margin-left: 10px;
        padding-right: 35px;
    }
}
.header-holder .logo img {
    display: block;
    margin: 10px 0 0 0;
}
.header-holder .btn {
    float: right;
    width: 286px;
    height: 60px;
    margin: 20px 0 0 0;
}
@media (max-width: 1023px) {
    .header-holder .btn {
        height: auto;
        width: 270px;
        margin: 8px 22px 0 0;
    }
}
@media (max-width: 767px) {
    .header-holder .btn {
        float: none;
        margin: 0;
        display: none;
        height: auto;
        width: 230px;
    }
}
.header-holder .btn img {
    display: block;
}
@media (max-width: 1023px) {
    .header-holder .btn img {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 767px) {
    body.nav-active .drop {
        visibility: visible;
        z-index: 999999;
        right: 0;
        overflow: auto;
        opacity: 1;
        min-height: 249px;
    }
    body.nav-active #nav {
        background: #04356d;
    }
}
.nav-opener {
    width: 85px;
    top: 0;
    right: 0;
    padding: 23px 10px 23px 36px;
    outline: none;
    display: none;
    position: absolute !important;
    z-index: 1000 !important;
    background: #04356d;
    color: #fff;
    font: 14px/18px "dinpro-medium";
    text-transform: uppercase;
    text-decoration: none;
}

.nav-opener:before,
.nav-opener:after,
.nav-opener span:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 12px;
    right: auto;
    bottom: auto;
    width: 16px;
    height: 2px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #fff;
    -webkit-transition: all linear .2s;
    transition: all linear .2s;
}

.nav-opener span:after {
    top: 31px;
    opacity: 1;
    visibility: visible;
}

.nav-opener:after {
    top: 37px;
}

.nav-active .nav-opener:before {
    top: 31px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-active .nav-opener:after {
    top: 31px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-active .nav-opener span:after {
    opacity: 0;
    visibility: hidden;
}
@media (max-width: 767px) {
    .nav-opener {
        display: block;
    }
}
@media (max-width: 767px) {
    .drop {
        position: absolute;
        /* top: 8px; */
        right: 0;
        left: 0;
        z-index: 9999;
        visibility: hidden;
        width: 100%;
        height: auto;
        max-height: calc(100vh - 61px);
        transition: linear 0.3s;
        -moz-transition: linear 0.3s;
        -webkit-transition: linear 0.3s;
        -ms-transition: linear 0.3s;
        opacity: 0;
    }
}
#nav {
    background: #04356d;
    position: relative;
    padding: 3px 14px 0;
}
@media (max-width: 1023px) {
    #nav {
        padding: 3px 26px 0 37px;
    }
}
@media (max-width: 767px) {
    #nav {
        padding: 0;
    }
}
.drop > .drop-accordion {
    max-width: 1220px;
    margin: 0 auto;
    font-size: 17px;
    font-family: 'din-bold', Arial, sans-serif;

}
@media (max-width: 1023px) {
    .drop > .drop-accordion {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .drop > .drop-accordion {
        background: #04356d;
        font-size: 15px;
    }
}
.drop > .drop-accordion > li {
    float: left;
    margin: 0 17px 0 1px;
}
@media (max-width: 1023px) {
    .drop > .drop-accordion > li {
        margin: 0 13px 0 0;
    }
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li {
        float: none;
        display: block;
        margin: 0 9px -4px 11px;
        position: relative;
        border-bottom: 1px solid #fff;
    }
}
/* @media only screen and (min-width: 767px) {
.drop > .drop-accordion > li:hover .slide {
        display: block !important;
}
}*/
@media (max-width: 767px) {
    .drop > .drop-accordion > li.quote,  .drop > .drop-accordion > li.contactus {
        width: 49%;
        display: inline-block;
        vertical-align: middle;
        border: none;
        margin: 2px -5px 0 0;
    }
    .drop > .drop-accordion > li.quote a:before,  .drop > .drop-accordion > li.contactus a:before {
        display: none !important;
    }
    .drop > .drop-accordion > li.quote a span,  .drop > .drop-accordion > li.contactus a span {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 2px 0 0 10px;
    }
    .drop > .drop-accordion > li.quote a span:after,  .drop > .drop-accordion > li.contactus a span:after {
        content: "\e91b";
        font-family: icomoon;
        color: #fff;
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li.quote.contact a:before,  .drop > .drop-accordion > li.contactus.contact a:before {
        right: 20px;
    }
}
.drop > .drop-accordion > li.quote > a,  .drop > .drop-accordion > li.contactus > a {
    color: #fff;
    display: block;
    padding: 12px 30px 14px 21px;
    text-transform: uppercase;
    text-decoration: none;
}
@media (max-width: 1023px) {
    .drop > .drop-accordion > li.quote > a,  .drop > .drop-accordion > li.contactus > a {
        padding: 15px 30px 14px 21px;
    }
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li.quote > a,  .drop > .drop-accordion > li.contactus > a {
        padding: 15px 0 16px 28px;
        text-transform: uppercase;
        font-size: 13px;
        font-family: 'dinpro-medium', Arial, sans-serif;
    }
}
.drop > .drop-accordion > li.quote:hover > a,  .drop > .drop-accordion > li.quote.active > a,  .drop > .drop-accordion > li.contactus:hover > a,  .drop > .drop-accordion > li.contactus.active > a {
    background: none;
}
.drop > .drop-accordion > li.quote:hover > a:before,  .drop > .drop-accordion > li.quote.active > a:before,  .drop > .drop-accordion > li.contactus:hover > a:before,  .drop > .drop-accordion > li.contactus.active > a:before {
    top: 13px;
    right: 20px;
    content: "\e91b";
    font-size: 14px;
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li.quote:hover > a:before,  .drop > .drop-accordion > li.quote.active > a:before,  .drop > .drop-accordion > li.contactus:hover > a:before,  .drop > .drop-accordion > li.contactus.active > a:before {
        color: #fff;
        top: 16px;
        right: 20px;
        font-size: 10px;
    }
}
.drop > .drop-accordion > li.quote a,  .drop > .drop-accordion > li.contactus a {
    position: relative;
}
.drop > .drop-accordion > li.quote a:before,  .drop > .drop-accordion > li.contactus a:before {
    top: 9px;
    right: 6px;
    display: none;
    color: #ff4301;
    content: "\e91b";
    position: absolute;
    font-size: 21px;
    font-family: 'icomoon';
}
@media (max-width: 1023px) {
    .drop > .drop-accordion > li.quote a:before,  .drop > .drop-accordion > li.contactus a:before {
        top: 10px;
    }
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li.quote a:before,  .drop > .drop-accordion > li.contactus a:before {
        display: block;
        color: #fff;
        right: 20px;
        top: 16px;
        font-size: 10px;
    }
}
.drop > .drop-accordion > li:hover > a {
    color: #ff4301;
    background: #fff;
    opacity: 1;
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li:hover > a {
        background: none;
        color: #fff;
    }
}
.drop > .drop-accordion > li:hover > a:before {
    display: block;
}
.drop > .drop-accordion > li:hover .slide {
    display: block;
    background: #fff;
    z-index: 99;
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li:hover .slide {
        margin: 0 -9px -1px -11px;
    }
}
.drop > .drop-accordion > li.active > a {
    color: #ff4301;
    background: #fff;
    opacity: 1;
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li.active > a {
        background: none;
        color: #fff;
    }
}
.drop > .drop-accordion > li.active > a:before {
    display: block;
    content: "\e915";
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.drop > .drop-accordion > li.active .slide {
    display: block;
    background: #fff;
    z-index: 100;
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li.active .slide {
        margin: 0 -9px -1px -11px;
    }
}
.drop > .drop-accordion > li > .opener {
    display: block;
    color: #fff;
    position: relative;
    padding: 12px 40px 14px 20px;
    text-decoration: none;
    text-transform: uppercase;

}
@media (max-width: 1023px) {
    .drop > .drop-accordion > li > .opener {
        padding: 16px 26px 14px 10px;
    }
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li > .opener {
        padding: 14px 40px 10px 17px;
    }
}
.drop > .drop-accordion > li > .opener:before {
    top: 17px;
    right: 18px;
    display: none;
    color: #ff4301;
    content: "\e915";
    position: absolute;
    font-size: 8px;
    font-family: 'icomoon';
}
@media (max-width: 1023px) {
    .drop > .drop-accordion > li > .opener:before {
        right: 8px;
        top: 17px;
    }
}
@media (max-width: 767px) {
    .drop > .drop-accordion > li > .opener:before {
        display: block;
        color: #fff;
        right: 25px;
        top: 17px;
        width: 13px;
        height: 8px;
    }
}
.drop .slide {
    padding: 23px 0 7px;
    border-bottom: 4px solid #04356d;
}
@media (max-width: 1023px) {
    .drop .slide {
        padding: 22px 5px 0 33px;
    }
}
@media (max-width: 767px) {
    .drop .slide {
        padding: 0;
    }
}
@media only screen and (min-width: 767px) {
    .drop .slide {
        display: none;
        position: absolute !important;
        top: 49px !important;
        left: 0 !important;
        width: 100% !important;
        background: #fff;
        z-index: 99;
    }
}
.drop .slide .four-columns {
    max-width: 1160px;
    margin: 0 auto;
    text-align: center;
}
@media (max-width: 1023px) {
    .drop .slide .four-columns {
        margin: -12px auto 0;
    }
}
@media (max-width: 767px) {
    .drop .slide .four-columns {
        padding: 0 11px;
        margin: 0 auto;
    }
}
.drop .slide .column-accordion {
    margin: 0 52px 0 0;
    text-align: left;
}
@media (max-width: 1200px) {
    .drop .slide .column-accordion {
        float: none;
        margin: 0 10px;
        display: inline-block;
        vertical-align: top;
    }
}
@media (max-width: 1023px) {
    .drop .slide .column-accordion {
        margin: 0 5px;
        display: block;
    }
}
@media (max-width: 767px) {
    .drop .slide .column-accordion {
        width: 100%;
        margin: 0 0 10px;
    }
}
.drop .slide .column-accordion:first-child {
    margin: 0 39px 0 0;
}
@media (max-width: 1200px) {
    .drop .slide .column-accordion:first-child {
        margin: 0 10px;
    }
}
@media (max-width: 1023px) {
    .drop .slide .column-accordion:first-child {
        margin: 0 5px;
    }
}
@media (max-width: 1023px) {
    .drop .slide .column-accordion:first-child {
        margin: 0 0 10px;
    }
}
.drop .slide .column-accordion:last-child {
    margin: 0 0;
}
@media (max-width: 1200px) {
    .drop .slide .column-accordion:last-child {
        margin: 0 10px;
    }
}
@media (max-width: 1023px) {
    .drop .slide .column-accordion:last-child {
        margin: 0 5px;
    }
}
@media (max-width: 767px) {
    .drop .slide .column-accordion:last-child {
        width: 100%;
        margin: 0;
    }
}
.drop .slide .column-accordion .title {
    color: #757575;
    float: left;
    width: 25%;
    margin: 0 38px 10px 0;
    text-transform: capitalize;
    font-size: 16px;
}
@media (max-width: 1023px) {
    .drop .slide .column-accordion .title {
        width: 28%;
        margin: 0 8px 10px 0;
    }
}
@media (max-width: 767px) {
    .drop .slide .column-accordion .title {
        float: none;
        width: 100%;
        margin: 0;
    }
}
.drop .slide .column-accordion .title.last {
    width: 16%;
    margin: 0 0 0 -64px;
}
@media (max-width: 1023px) {
    .drop .slide .column-accordion .title.last {
        margin: 0 0 0 -55px;
        width: 18%;
    }
}
@media (max-width: 767px) {
    .drop .slide .column-accordion .title.last {
        width: 100%;
        margin: 0;
    }
}
@media (max-width: 767px) {
    .drop .slide .column-accordion .title.articles {
        border-bottom: 1px solid #d7d7d7;
    }
}
.drop .slide .column-accordion .title .column-opener {
    color: #555;
    display: block;
    margin: 0 0 10px;
    text-decoration: none;
    pointer-events: none;
    font-size: 17.5px;
}
@media (max-width: 1023px) {
    .drop .slide .column-accordion .title .column-opener {
        margin: 0 0 7px;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .drop .slide .column-accordion .title .column-opener {
        pointer-events: auto;
        position: relative;
        margin: 0;
        border-top: 1px solid #d7d7d7;
        padding: 14px 40px 7px 18px;
        font-size: 16px;
    }
}
.drop .slide .column-accordion .title .column-opener:after {
    top: 12px;
    right: 14px;
    width: 12px;
    height: 12px;
    color: #757575;
    content: '\e909';
    position: absolute;
    display: none;
    font-size: 12px;
    font-family: "icomoon";
}
@media (max-width: 767px) {
    .drop .slide .column-accordion .title .column-opener:after {
        display: block;
        right: 24px;
    }
}
.drop .slide .column-accordion .title .column-opener:before {
    top: 19px;
    right: 13px;
    display: none;
    width: 14px;
    height: 13px;
    color: #757575;
    content: '\e908';
    position: absolute;
    font-size: 3px;
    font-family: "icomoon";
}
@media (max-width: 767px) {
    .drop .slide .column-accordion .title .column-opener:before {
        right: 22px;
    }
}
@media only screen and (min-width: 767px) {
    .drop .slide .column-accordion .title .column-slide {
        display: block !important;
        position: static !important;
        top: 0 !important;
        left: 0 !important;
        height: auto !important;
        width: 100% !important;
    }
}
.drop .slide .column-accordion .title.active .column-opener:after {
    display: none;
}
.drop .slide .column-accordion .title.active .column-opener:before {
    display: block;
}
@media (max-width: 1200px) {
    .drop .slide .column-accordion.center .title {
        width: 38%;
    }
}
@media (max-width: 1023px) {
    .drop .slide .column-accordion.center .title {
        width: 28%;
    }
}
@media (max-width: 767px) {
    .drop .slide .column-accordion.center .title {
        width: 100%;
    }
}
.drop .slide .list {
    font-size: 13.5px;
    font-family: 'roboto', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .drop .slide .list {
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .drop .slide .list {
        margin: 4px 0 -5px 20px;
    }
}
.drop .slide .list li {
    margin: 0 0 10px;
}
@media (max-width: 1023px) {
    .drop .slide .list li {
        margin: 0 0 8px;
    }
}
@media (max-width: 767px) {
    .drop .slide .list li {
        margin: 0 0 13px;
    }
}
.drop .slide .list li a {
    vertical-align: top;
    display: inline-block;
    color: #656565;
    text-decoration: none;
    line-height: 21px;
    letter-spacing: normal;
}
@media (max-width: 1023px) {
    .drop .slide .list li a {
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .drop .slide .list li a {
        font-size: 12px;
    }
}
.drop .slide .list li a:hover {
    color: #ff4301;
    text-decoration: underline;
}
.drop .column-last {
    float: left;
    width: 50%;
    margin: 0 0 0 -102px;
}
@media (max-width: 1200px) {
    .drop .column-last {
        margin: 0;
        float: none;
        vertical-align: top;
        display: inline-block;
    }
}
@media (max-width: 1023px) {
    .drop .column-last {
        width: 42%;
        margin: 0 0 0 -80px;
    }
}
@media (max-width: 767px) {
    .drop .column-last {
        width: 100%;
        margin: 0;
    }
}
.drop .column-last .center-list {
    overflow: hidden;
    text-align: center;
    margin: 13px 0 0;
}
@media (max-width: 1023px) {
    .drop .column-last .center-list {
        margin: 7px 0 0;
    }
}
@media (max-width: 767px) {
    .drop .column-last .center-list {
        margin: 7px 0 0;
    }
}
.drop .column-last .center-list li {
    margin: 0 12px 5px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 1023px) {
    /* Nathan 2023 06 03 */
    .drop .column-last .center-list li {
        /* width: 21%; */
        margin: 2px 10px 5px;
    }
}
@media (max-width: 767px) {
    .drop .column-last .center-list li {
        width: 32%;
        margin: 0 0 5px;
    }
}
.drop .column-last .center-list li a {
    display: block;
    color: #ff7b4d;
    text-decoration: none;
}
.drop .column-last .center-list li a:hover {
    color: #ff4301;
}
.drop .column-last .center-list li a:hover img.normal {
    display: none;
}
.drop .column-last .center-list li a:hover img.hover {
    display: inline-block;
}
.drop .column-last .center-list li a:hover span {
    color: #ff4301;
}

.drop .column-last .center-list li a i{
    display: block; font-size: 86px; padding: 0px 0px 8px 0px;
}

@media (max-width: 767px) {
    .drop .column-last .center-list li a i{
        display: block; font-size: 60px; padding: 0px 0px 8px 0px;
    }
}

.drop .column-last .center-list img {
    margin: 0 0 7px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .drop .column-last .center-list img {
        margin: 0 0 4px;
        width: 58px;
        height: auto;
    }
}
.drop .column-last .center-list img.normal {
    display: inline-block;
}
.drop .column-last .center-list img.hover {
    display: none;
}
.drop .column-last .center-list span {
    display: block;
    color: #ff7b4d;
    max-width: 140px;
    font-size: 18px;
    font-family: 'DINNextLTPro-Bold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .drop .column-last .center-list span {
        width: 96px;
        max-width: inherit;
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    .drop .column-last .center-list span {
        display: inline-block;
        vertical-align: middle;
        font-size: 12px;
    }
}
.drop .dropdown-footer {
    margin: 29px 0 0 64px;
    overflow: hidden;
    text-align: left;
}
@media (max-width: 1023px) {
    .drop .dropdown-footer {
        margin: 38px 0 0 21px;
    }
}
@media (max-width: 767px) {
    .drop .dropdown-footer {
        margin: 8px 0 9px 2px;
    }
}
.drop .dropdown-footer .heading {
    color: #555;
    display: block;
    margin: 0 0 12px;
    text-decoration: none;
    font-size: 15px;
    font-family: 'din-bold';
}
@media (max-width: 1023px) {
    .drop .dropdown-footer .heading {
        margin: 0 0 8px;
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    .drop .dropdown-footer .heading {
        display: none;
    }
}
.drop .dropdown-footer .terms {
    font-size: 13.5px;
    font-family: 'robotomedium', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .drop .dropdown-footer .terms {
        font-size: 10px;
    }
}
.drop .dropdown-footer .terms li {
    float: left;
    position: relative;
    margin: 0 10px 5px 0;
}
@media (max-width: 767px) {
    .drop .dropdown-footer .terms li {
        margin: 0 7px 5px 0;
    }
}
/*      .drop .dropdown-footer .terms li:after {
        top: 0;
        left: -4px;
        width: 1px;
        height: 13px;
        content: '';
        position: absolute;
        background: #9b9b9b; }
        @media (max-width: 767px) {
          .drop .dropdown-footer .terms li:after {
            height: 10px;
            left: -3px; } }*/
.drop .dropdown-footer .terms li a {
    display: block;
    color: #9b9b9b;
    text-decoration: none;
}
.drop .dropdown-footer .terms li a:hover {
    color: #757575;
}
.bottom-bar {
    display: none;
    text-align: center;
    background: rgba(255, 67, 1, .85);
}
@media (max-width: 767px) {
    .bottom-bar {
        display: block;
        padding: 10px 0;
    }
}
.bottom-bar ul {
    text-transform: uppercase;
    letter-spacing: -4px;
    font-size: 12px;
    line-height: 15px;
}
.bottom-bar ul li {
    width: 68px;
    margin: 0 2px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
}
@media (max-width: 767px) {
    .bottom-bar ul li {
        margin: 0 1px;
        vertical-align: bottom;
    }
}
.bottom-bar ul a {
    display: block;
    text-decoration: none;
}
.bottom-bar ul a:hover {
    opacity: .8;
}

.bottom-bar ul li a i{
    display: block;
    color: #ffffff;
    font-size: 48px;
    padding: 2px 0px 2px 0px;

}

.bottom-bar ul img {
    margin: 0 0 4px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .bottom-bar ul img {
        height: auto;
    }
}
.bottom-bar .title {
    display: block;
    color: #fff;
    margin: 6px 0 3px;
    font-size: 11px;
    font-family: 'DINNextLTPro-Bold';
}
.switch {
    overflow: hidden;
    line-height: 16px;
    font-size: 13px;
    font-family: 'robotolight';
    /*margin: 0px 0px 10px 0px;*/
}
.switch .enabled {
    top: 0;
    display: block;
}
.switch .disabled {
    top: 0;
    display: none;
}
.switch.cch .check-list {
    float: left;
}
.switch .check-list {
    float: right;
    width: 49px;
    position: relative;
}
.switch .check-list .jcf-checkbox {
    width: 49px;
    height: 22px;
    border: none;
    z-index: 5;
    border-radius: 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #ff4301;
}
.switch .check-list .jcf-checkbox span {
    top: 3px;
    left: 4px;
    content: '';
    z-index: -1;
    width: 12px;
    height: 12px;
    margin: 0;
    position: absolute;
    background: #ff4301;
    border: 0;
    border-radius: 50%;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    display: block !important;
    transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -ms-transition: all 0.15s ease;
    -webkit-transition: all 0.15s linear;
}
@media (max-width: 767px) {
    .switch .check-list .jcf-checkbox span {
        width: 12px;
        height: 12px;
        top: 3px;
    }
}
.switch .check-list .jcf-checkbox:checked ~ label {
    background: #57b856;
    padding: 3px 18px 0 0;
}
.switch .check-list .jcf-checkbox:checked ~ label:after {
    right: 70px;
    background: #ff4301;
    border: 1px solid #c3c3c3;
}
.switch .check-list .jcf-checkbox ~ .enabled {
    display: none;
}
.switch .check-list .jcf-checkbox ~ .disabled {
    display: block;
}
.switch .check-list .jcf-checkbox.jcf-checked {
    background: #ff4301;
}
.switch .check-list .jcf-checkbox.jcf-checked span {
    left: auto;
    right: 3px;
    top: 2px;
    background: #fff;
    width: 14px;
    height: 14px;
}
@media (max-width: 767px) {
    .switch .check-list .jcf-checkbox.jcf-checked span {
        top: 2px;
    }
}
.switch .check-list .jcf-checkbox.jcf-checked ~ .enabled {
    display: block;
}
.switch .check-list .jcf-checkbox.jcf-checked ~ .disabled {
    display: none;
}
.switch .enabled {
    top: 2px;
    left: 10px;
    color: #fff;
    z-index: 99;
    content: '';
    position: absolute;
    line-height: 13px;
    padding: 2px 0;
    font-size: 10px;
    font-family: 'robotoblack';
}
@media (max-width: 767px) {
    .switch .enabled {
        left: 8px;
        top: 2px;
    }
}
.switch .disabled {
    top: 1px;
    right: 10px;
    color: #ff4301;
    z-index: 99;
    padding: 3px 0;
    line-height: 13px;
    content: '';
    position: absolute;
    font-size: 10px;
    font-family: 'robotoblack';
}
@media (max-width: 767px) {
    .switch .disabled {
        top: 1px;
    }
}
#sidebar {
    float: right;
    width: 338px;
    margin: 16px 16px 36px 0;
}
@media (max-width: 1200px) {
    #sidebar {
        margin: 0 8px 20px 0;
    }
}
@media (max-width: 1023px) {
    #sidebar {
        z-index: 9;
        width: 305px;
        margin: 0 22px 20px 0;
        background: #fff;
        position: relative;
    }
}
@media (max-width: 767px) {
    #sidebar {
        position: static;
        float: none;
        width: 320px;
        display: block;
        margin: 1px auto 0;
    }
}
#sidebar .heading-area {
    color: #fff;
    display: block;
    margin: 0 0 0px;
    text-align: center;
    background: #04356d;
    padding: 16px 10px 14px;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;
    font-size: 20px;
    font-family: 'din-bold', Arial, sans-serif;
    letter-spacing: -0.7px;
}
@media (max-width: 1023px) {
    #sidebar .heading-area {
        margin: 0;
        padding: 15px 10px 13px;
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    #sidebar .heading-area {
        border-radius: 0;
        margin: 0 -9999px;
        padding: 10px 9999px 10px;
        font-size: 20px;
    }
}
.form-area {
    padding: 0 0 14px;
    border-width: 2px;
    border-color: #d7d7d7;
    border-style: solid;
}
@media (max-width: 767px) {
    .form-area {
        border: none;
        padding: 7px 3px 0 11px;
    }
}
.form-area .form {
    margin: 0 0 -13px;
    padding: 13px 10px 15px 18px;
}
@media (max-width: 1023px) {
    .form-area .form {
        padding: 12px 10px 15px 16px;
    }
}
@media (max-width: 767px) {
    .form-area .form {
        padding: 6px 6px 16px;
        margin: 0;
    }
}
.form-area .row {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 2px 0 5px 0;
}
.form-area .row label,  .form-area .row .title {
    color: #444;
    display: block;
    margin: 0 0 4px 4px;
    text-transform: capitalize;
    font-size: 15px;
    font-family: 'robotobold', Arial, sans-serif;
    letter-spacing: normal;
}
@media (max-width: 1023px) {
    .form-area .row label,  .form-area .row .title {
        margin: 0 0 8px 10px;
        font-size: 14px;
        font-family: 'robotobold', Arial, sans-serif;
        letter-spacing: normal;
        text-transform: capitalize;
    }
}
@media (max-width: 767px) {
    .form-area .row label,  .form-area .row .title {
        margin: 0 0 8px 2px;
    }
}
.form-area .row label.thickness,  .form-area .row .title.thickness {
    margin: 2px 0 3px 4px;
}
@media (max-width: 767px) {
    .form-area .row label.thickness,  .form-area .row .title.thickness {
        margin: -1px 0 5px 10px;
    }
}
.form-area .row .tooltip {
    top: 30px;
    right: 0;
    height: 18px;
    width: 18px;
    content: '';
    border-radius: 50%;
    position: absolute;
    text-decoration: none;
}
@media (max-width: 1023px) {
    .form-area .row .tooltip {
        top: 21px;
        right: 0;
    }
}
@media (max-width: 767px) {
    .form-area .row .tooltip {
        right: 0;
        top: 22px;
    }
}
.form-area .row .tooltip .normal {
    display: block;
}
.form-area .row .tooltip .tooltip-hover {
    display: none;
}
.form-area .row .tooltip:hover .normal {
    display: none;
}
.form-area .row .tooltip:hover .tooltip-hover {
    display: block;
}
.form-area .row .faster {
    display: block;
    color: #04356d;
    margin: -7px 0 17px 10px;
    font-size: 12px;
    font-style: normal;
    font-family: 'robotoitalic', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .form-area .row .faster {
        margin: -8px 0 15px 10px;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .form-area .row .faster {
        margin: -11px 0 18px 10px;
    }
}
.form-area .row .faster strong {
    text-transform: uppercase;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    font-family: 'robotoblack_italic', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .form-area .row .faster strong {
        font-size: 12px;
    }
}
.form-area .row.color {
    margin: 0px 0 14px;
}
.form-area .row.color .tooltip {
    top: 38px;
}
.form-area .col {
    float: left;
    width: 65px;
    margin: 3px 0 12px 6px;
}
.form-area #card-radio {
    width: auto;
}
@media (max-width: 1023px) {
    .form-area .col {
        width: 63px;
        margin: 3px 0 9px 0px;
    }
}
@media (max-width: 767px) {
    .form-area .col {
        width: 60px;
        margin: 1px 0 8px 7px;
    }
}
.form-area .col input[type="radio"] {
    float: left;
}
.form-area .col label {
    float: right;
    color: #797979;
    margin: 0 3px 0 0;
    line-height: 20px;
    text-transform: none;
    font-size: 12px;
    font-family: 'robotoregular', Arial, sans-serif;
    letter-spacing:normal;
}
@media (max-width: 1023px) {
    .form-area .col label {
        line-height: 18px;
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .form-area .col label {
        line-height: 20px;
        margin: 0 6px 0 -2px;
        font-size: 12px;
    }
}

.color-accordion > li {
    overflow: hidden;
}
.color-accordion > li.active > a {
    color: #0d56a5;
    background: #ededed;
    font-family: 'robotobold', Arial, sans-serif;
    border-radius: 5px 5px 0px 0px;
}
.color-accordion > li.active > a:before {
    display: none;
}
.color-accordion > li.active > a:after {
    display: block;
}
.accordion-header.open .opener {
    width: 280px;
    color: #656565;
    display: block;
    position: relative;
    border-radius: 5px 5px 0px 0px;
    text-decoration: none;
    border: 2px solid #d7d7d7;
    text-transform: capitalize;
    font-size: 15px;
    font-family: 'robotomedium', Arial, sans-serif;
    height:45px;
    letter-spacing: -0.5px;
}
.accordion-header .opener {
    width: 280px;
    color: #656565;
    display: block;
    position: relative;
    padding: 12px 9px 4px 14px;
    border-radius: 5px;
    text-decoration: none;
    border: 2px solid #d7d7d7;
    text-transform: capitalize;
    font-size: 14px;
    font-family: 'robotomedium', Arial, sans-serif;
    height:45px;
    letter-spacing: normal;
}

@media (max-width: 767px) {
    .accordion-header .opener {
        height: 50px !important;
        padding: 14px 9px 4px 16px;
        width: 267px;
    }
}

.color-accordion > li > a {
    width: 280px;
    color: #797979;
    display: block;
    position: relative;
    padding: 12px 9px 4px 16px;
    border-radius: 5px;
    text-decoration: none;
    border: 2px solid #d7d7d7;
    text-transform: capitalize;
    font-size: 14px;
    font-family: 'robotoregular', Arial, sans-serif;
    height:45px;
}
@media (max-width: 1023px) {
    .color-accordion > li > a {
        width: 252px;
        padding: 6px 8px 3px;

    }
}
@media (max-width: 767px) {
    .color-accordion > li > a {
        width: 267px;
        padding: 14px 16px 4px;
        height: 50px;
    }
}
p.accordion-header.row {
    margin: 0;
}
.accordion-header.open{
    margin-bottom: 0px;
    border-radius: 5px;

}
.accordion-header.open .opener{
    background-color: #04356d;
    color: #fff;
    font-family: 'robotomedium', Arial, sans-serif;
    border: 2px solid #04356d;
}
.accordion-header .opener{
    background-color: #04356d;
    color: #fff;
    border: 2px solid #04356d;
}
.accordion-header .opener:hover{
    background-color: #FFF;
    color: #FF4401;
    font-weight:normal;
    border: 2px solid #FFF;
}
.accordion-header.open .opener:hover{
    background-color: #04356d;
    color: #fff;

}
.accordion-header.open .opener:before{
    top: 50%;
    right: 12px;
    margin: -2px 0 0;
    content: "\e908";
    position: absolute;
    font-size: 3px;
    font-family: 'icomoon';
    color: #fff !important;
}
.accordion-header .opener:before  {
    top: 50%;
    right: 11px;
    margin: -9px 0 0;
    color: #fff;
    content: "\e909";
    position: absolute;
    font-size: 14px;
    font-family: "icomoon";
}
.color-accordion > li > a:before {
    top: 50%;
    right: 11px;
    margin: -9px 0 0;
    color: #b1bac4;
    content: "\e909";
    position: absolute;
    font-size: 14px;
    font-family: "icomoon";
}
@media (max-width: 1023px) {
    .color-accordion > li > a:before {
        right: 11px;
    }
}
@media (max-width: 767px) {
    .color-accordion > li > a:before {
        right: 10px;
    }
}
.color-accordion > li > a:after, .accordion-header .opener:after {
    top: 50%;
    right: 12px;
    margin: -2px 0 0;
    display: none;
    content: "\e908";
    position: absolute;
    font-size: 3px;
    font-family: 'icomoon';
}
.color-accordion > li > a:hover {
    color: #0d56a5;
    border: 2px solid;
}
.color-accordion > li > a:hover:before {
    color: #0d56a5;
}
.accordion-header .opener:hover{
    color: #04356d;
    border: 2px solid #04356d;
    cursor: pointer;
}
.accordion-header .opener:hover:before{
    color: #04356d;
}

.color-accordion .slide {
    width: 280px;
    padding: 10px;
    margin: -2px 0 0;
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    border: 2px solid #d7d7d7;
}
@media (max-width: 1023px) {
    .color-accordion .slide {
        width: 252px;
    }
}
@media (max-width: 767px) {
    .color-accordion .slide {
        width: 267px;
    }
}
.color-accordion .detail {
    overflow: hidden;
}
.color-accordion .detail label {
    float: left;
    width: 30px;
    line-height: 44px;
    margin: 0 13px 0 0;
    font-size: 13px;
    font-family: 'robotobold', Arial, sans-serif;
}
.color-accordion .detail .jcf-select {
    min-width: 212px;
    float: left;
}
@media (max-width: 1023px) {
    .color-accordion .detail .jcf-select {
        min-width: 188px;
    }
}
@media (max-width: 767px) {
    .color-accordion .detail .jcf-select {
        min-width: 240px;
    }
}
.color-accordion .detail .jcf-select-text {
    font-size: 13px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.color-accordion .below {
    overflow: hidden;
}
.color-accordion .below em {
    display: block;
    color: #797979;
    font-size: 12px;
}
.color-accordion .below .col2 {
    float: left;
    width: 54px;
    margin: 0 10px 0 0;
}
@media (max-width: 767px) {
    .color-accordion .below .col2 {
        margin: 0 6px 0 0;
    }
}
.color-accordion .below .col2 input[type="text"] {
    width: 100%;
    height: 16px;
    color: #797979;
    padding: 0 5px 2px;
    line-height: 16px;
    border-radius: 3px;
    background: #fafafa;
    border: 1px solid #d7d7d7;
    font-size: 10px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.color-accordion .below .col2 input[type="text"]::-webkit-input-placeholder {
    color: #797979;
}
.color-accordion .below .col2 input[type="text"]::-moz-placeholder {
    opacity: 1;
    color: #797979;
}
.color-accordion .below .col2 input[type="text"]:-moz-placeholder {
    color: #797979;
}
.color-accordion .below .col2 input[type="text"]:-ms-input-placeholder {
    color: #797979;
}
.color-accordion .below .col2 input[type="text"].placeholder {
    color: #797979;
}
.color-accordion .below .col2 input[type="text"]:focus {
    border-color: #ff4301;
}
.accordion-group.select-card{
    margin: 6px 0px 22px 0px;
}
.accordion-group .accordion-holder .tab-accordion > li{
    border-bottom: 1px solid #d7d7d7;
}
.accordion-group .accordion-holder {
    width: 280px;
    margin: 0 0 0px 0px;
    border-radius: 0px 0px 4px 4px;
    border: 2px solid #d7d7d7;
    border-top: 0;
}
.accordion-holder {
    width: 280px;
    margin: 0 0 0px 1px;
    border-radius: 5px;
    border: 2px solid #d7d7d7;
}
@media (max-width: 1023px) {
    .accordion-holder {
        width: 252px;
        margin: 0 0 13px 1px;
    }
}
@media (max-width: 767px) {
    .accordion-holder {
        width: 267px;
        margin: -1px 0 13px 1px;
    }
}
.accordion-holder .tab-accordion > li {
    position: relative;
}
.accordion-holder .tab-accordion > li:first-child:after {
    top: 22px;
}
@media (max-width: 1023px) {
    .accordion-holder .tab-accordion > li:first-child:after {
        top: 10px;
    }
}
.accordion-holder .tab-accordion > li:before {
    top: 50%;
    right: 11px;
    width: 14px;
    height: 13px;
    color: #b1bac4;
    content: "\e909";
    margin: -7px 0 0;
    position: absolute;
    font-size: 14px;
    font-family: 'icomoon';
}
@media (max-width: 1023px) {
    .accordion-holder .tab-accordion > li:before {
        right: 9px;
    }
}
@media (max-width: 767px) {
    .accordion-holder .tab-accordion > li:before {
        right: 10px;
        margin: -6px 0 0;
    }
}
.accordion-holder .tab-accordion > li:after {
    top: 17px;
    right: 11px;
    width: 14px;
    height: 3px;
    content: '';
    display: none;
    color: #0d56a5;
    content: "\e908";
    position: absolute;
    font-size: 3px;
    font-family: "icomoon";
}
/* css added to set help icon for special options */
a.tooltip.lightbox.sp {
    position: relative !important;
    margin: 0px 0px 0px 0px !important;
    left: 18px !important;
    top: 2px !important;
}
.col.sp {
    margin: 0px !important;
    width: 19px !important;
}
@media (max-width: 1023px) {
    .accordion-holder .tab-accordion > li:after {
        top: 12px;
    }
}
@media (max-width: 767px) {
    .accordion-holder .tab-accordion > li:after {
        right: 10px;
        top: 24px !important;
    }
}
.accordion-group .accordion-holder .tab-accordion > li:last-child{
    border-bottom: none;
}
.accordion-group .accordion-holder .tab-accordion > li.active > .opener{

    border-bottom: 1px solid #cccccc;
}
.accordion-group .accordion-holder .tab-accordion > li > .opener:hover{
    color: #0d56a5;
}
.accordion-holder .tab-accordion > li:hover {
    color: #0d56a5;
}
.accordion-holder .tab-accordion > li:hover:before {
    color: #0d56a5;
}
.accordion-holder .tab-accordion > li .tooltip {
    top: 11px;
    right: -25px;
    height: 18px;
    width: 18px;
    content: '';
    border-radius: 50%;
    position: absolute;
    text-decoration: none;
}
@media (max-width: 1023px) {
    .accordion-holder .tab-accordion > li .tooltip {
        right: -26px;
    }
}
@media (max-width: 767px) {
    .accordion-holder .tab-accordion > li .tooltip {
        right: -28px;
    }
}
.accordion-holder .tab-accordion > li .tooltip .normal {
    display: block;
}
.accordion-holder .tab-accordion > li .tooltip .tooltip-hover {
    display: none;
}
.accordion-holder .tab-accordion > li .tooltip:hover .normal {
    display: none;
}
.accordion-holder .tab-accordion > li .tooltip:hover .tooltip-hover {
    display: block;
}
.accordion-holder .tab-accordion > li.active > .opener {
    color: #0d56a5;
    background: #ededed;
    font-family: 'robotobold', Arial, sans-serif;
}
.accordion-holder .tab-accordion > li.active:before {
    display: none;
    border-radius:5px;
    padding: 6px 40px 7px 7px;
}
.accordion-holder .tab-accordion > li.active:after {
    display: block;
}
.accordion-holder .tab-accordion > li > .opener {
    width: 276px;
    color: #797979;
    display: block;
    position: relative;
    /*padding: 12px 40px 9px 14px;*/
    text-decoration: none;
    border-top: 0px solid #e1e1e1;
    text-transform: capitalize;
    font-size: 13px;
    font-family: 'robotoregular', Arial, sans-serif;
    letter-spacing: normal;
    line-height: 45px;
    padding-left: 14px;
}
@media (max-width: 1023px) {
    .accordion-holder .tab-accordion > li > .opener {
        width: 248px;
        padding: 12px 16px 6px;
    }
}
@media (max-width: 767px) {
    .accordion-holder .tab-accordion > li > .opener {
        width: auto !important;
        padding: 0px 16px 6px !important;
        height: 50px !important;
    }
}
.ship-wrapper.accordion-holder .tab-accordion > li:before{
    content: "";

}

.ship-wrapper.accordion-holder .tab-accordion > li.active > a.opener{
    border-radius: 5px 5px 0px 0px;
    color: #0d56a5;
    font-family: 'robotobold', Arial, sans-serif;

}

.ship-wrapper.accordion-holder .tab-accordion > li.active > a.opener:before {
    content: "";
}
.ship-wrapper.accordion-holder .tab-accordion > li > a.opener:before {
    top: 47%;
    right: 11px;
    width: 14px;
    height: 13px;
    color: #b1bac4;
    content: "\e909";
    margin: -9px 0 0;
    position: absolute;
    font-size: 14px;
    font-family: 'icomoon';
}
.ship-wrapper.accordion-holder .tab-accordion > li > a.opener:hover:before {
    color: #0d5ba5;
}
.ship-wrapper.accordion-holder .tab-accordion > li.shipping .slide{
    border: 2px solid #d7d7d7;
    border-width: 0 2px 2px 2px;
    margin-top:-3px;
}


.ship-wrapper.accordion-holder .tab-accordion > li.rush .slide{
    border: 2px solid #d7d7d7;
    border-width: 0 2px 2px 2px;
    margin-top:-3px;
    overflow: hidden;
}

.rush-print-slide-txt p{
    margin: 2 12px 10px;
    font: 12px/21px 'robotoregular';
    color: #797979;
}

.rush-print-slide-txt i::before{
    color:#ff4301;
    font-size: 48px;
    text-align: center;
    display: block;
    padding: 4px 0px 8px 0px;
}


.ship-wrapper.accordion-holder .rush-tab-accordion > li:first-child > .opener{
    border: 2px solid #ff4301 !important;
    border-radius:5px 5px 0px 0px;
    /*padding: 8px 40px 7px 7px;*/
    background-color: #ff4301;
    color: #ffffff;
    font-size: 15px;
    font-family: 'DINNextLTPro-Medium', Arial, sans-serif !important;
    letter-spacing: -0.5px;


}



.ship-wrapper.accordion-holder .rush-tab-accordion > li:first-child > .opener:hover{
    border: 2px solid #ff4301 !important;
    border-radius:5px;
    /*padding: 9px 40px 7px 14px;*/
    background-color: #ffffff;
    height: 45px;
    color: #ff4301 !important;
    font-size: 15px;
    font-family: 'DINNextLTPro-Medium', Arial, sans-serif !important;

}

.shipping.rush.accordion-item:active{
    margin-bottom: 25px;
}

.ship-wrapper.accordion-holder .rush-tab-accordion > li > a.opener::before{
    top: 47%;
    right: 11px;
    width: 14px;
    height: 13px;
    color: #ffffff;
    content: "\e909";
    margin: -7px 0 0;
    position: absolute;
    font-size: 14px;
    font-family: 'icomoon';

}

.ship-wrapper.accordion-holder .rush-tab-accordion > li > a.opener:hover::before{
    color: #ff4301;

}


.ship-wrapper.accordion-holder .rush-tab-accordion > li.active > a.opener{
    color: #ffffff;
}


.ship-wrapper.accordion-holder .tab-accordion > li:first-child > .opener{
    border: 2px solid #d7d7d7;
    border-radius:5px;
    height: 45px;
    font-family: 'robotoregular', Arial, sans-serif;

}


.ship-wrapper.accordion-holder .tab-accordion li.shipping > .opener:hover{
    border: 2px solid #0d5ba5;
    color: #0d5ba5;
}
.ship-wrapper.accordion-holder .tab-accordion > li > .opener{
    width: 280px;
}
.ship-wrapper.accordion-holder{
    border: none;
}
.accordion-holder .tab-accordion > li.shipping .slide {
    padding: 12px 0 0;
    border-bottom: none;
    border-top: 2px solid #d7d7d7;
    border-radius: 0px 0px 5px 5px;
}
.accordion-holder .tab-accordion > li:first-child > .opener {
    border: none;
}
.accordion-holder .slide {
    padding: 14px 5px 6px 11px;
}
@media (max-width: 1023px) {
    .accordion-holder .slide {
        padding: 14px 5px 6px 7px;
    }
}
.accordion-holder .slide .row {
    overflow: hidden;
    margin: 4px 0 -1px 8px; 
}
.accordion-holder .slide .col {
    width: 60px;
    float: left;
    margin: 0 -2px 10px 9px;
}
@media (max-width: 767px) {
    .accordion-holder .slide .col {
        margin: 0 -2px 10px 9px;
    }
}
.accordion-holder .slide .col .jcf-radio {
    width: 16px;
    height: 16px;
    /*margin: -4px 0 0 0; */}
.accordion-holder .slide .title {
    float: left;
    width: 32px;
    color: #797979;
    margin: 0;
    text-transform: capitalize;
    font-size: 13px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.accordion-holder .slide label {
    color: #444;
    margin: 0 3px 0 0;
    text-transform: capitalize;
    line-height: 17px;
    font-size: 12px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.accordion-holder .switch {
    overflow: hidden;
    color: #797979;
    line-height: 21px;
    font-size: 12px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.accordion-holder .switch .enabled {
    top: 2px;
    left: 10px;
    display: none;
}
.accordion-holder .switch .disabled {
    top: 1px;
    right: 9px;
    display: block;
}
@media (max-width: 767px) {
    .accordion-holder .switch .disabled {
        top: 1px;
    }
}
.accordion-holder .switch:checked ~ label {
    background: #57b856;
    padding: 3px 18px 0 0;
}
.accordion-holder .switch:checked ~ label:after {
    right: 70px;
    background: #ff4301;
    border: 1px solid #c3c3c3;
}
.accordion-holder .switch:checked ~ label .enabled {
    display: block;
}
.accordion-holder .switch:checked ~ label .disabled {
    display: none;
}
.accordion-holder .switch.jcf-checked span {
    left: auto;
    right: 5px;
    top: 1px;
    z-index: 9999;
    background: #fff;
}
.accordion-holder .switch-holder {
    margin: 0 27px 8px 0;
}
@media (max-width: 767px) {
    .accordion-holder .switch-holder {
        margin: 2px 27px 8px 5px;
    }
}
.accordion-holder .switch-holder em {
    margin: 0 0 0 4px;
    font-size: 12px;
    font-style: normal;
    font-family: 'robotoitalic', Arial, sans-serif;
}
.accordion-holder .switch-holder .bar {
    float: left;
    padding: 4px 0 0 4px;
}
.accordion-holder .check-list {
    float: right;
    width: 49px;
}
.accordion-holder .check-list .jcf-checkbox {
    width: 49px;
    height: 22px;
    border: none;
    z-index: 5;
    border: 2px solid #ff4301;
    background: #fff;
    border-radius: 20px;
    position: relative;
    display: block;
}
.accordion-holder .check-list .jcf-checkbox span {
    top: 2px;
    left: 4px;
    border: none;
    margin-top: 1px;
    content: '';
    z-index: -1;
    width: 12px;
    height: 12px;
    position: absolute;
    background: #ff4301;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    border-radius: 50%;
    display: block !important;
}
@media (max-width: 767px) {
    .accordion-holder .check-list .jcf-checkbox span {
        width: 12px;
        height: 12px;
        top: 2px;
        padding: 2px 0 0;
    }
}
.accordion-holder .check-list .jcf-checkbox ~ .enabled {
    display: none;
}
.accordion-holder .check-list .jcf-checkbox ~ .disabled {
    display: block;
}
.accordion-holder .check-list .jcf-checkbox.jcf-checked {
    background: #ff4301;
}
.accordion-holder .check-list .jcf-checkbox.jcf-checked span {
    left: auto;
    right: 3px;
    top: 1px;
    width: 14px;
    height: 14px;
}
.accordion-holder .check-list .jcf-checkbox.jcf-checked ~ .enabled {
    display: block;
}
.accordion-holder .check-list .jcf-checkbox.jcf-checked ~ .disabled {
    display: none;
}
.accordion-holder .strip {
    overflow: hidden;
}
.accordion-holder .strip .jcf-select {
    height: 25px;
    margin: 0 0 5px;
    min-width: 240px;
    text-transform: capitalize;
    font-size: 10px;
    font-family: 'robotolight', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .accordion-holder .strip .jcf-select {
        min-width: 234px;
    }
}
@media (max-width: 767px) {
    .accordion-holder .strip .jcf-select {
        min-width: 230px;
    }
}
.accordion-holder .strip .jcf-select-text {
    line-height: 22px;
    margin: 0 30px 0 4px;
    font-size: 12px;
}
.accordion-holder .strip .jcf-select-opener {
    top: 4px;
    right: 11px;
    width: 9px;
    height: 13px;
    content: '';
    position: absolute;
    background: url(../images/bg-arrow.jpg) no-repeat;
}
.accordion-holder .strip .jcf-select-opener:before {
    display: none;
}
.accordion-holder .barcode {
    overflow: hidden;
}
.accordion-holder .barcode .jcf-select {
    height: 25px;
    margin: 0 0 7px;
    min-width: 258px;
    text-transform: capitalize;
    font-size: 10px;
    font-family: 'robotolight', Arial, sans-serif;
}
@media (max-width: 767px) {
    .accordion-holder .barcode .jcf-select {
        min-width: 230px;
    }
}
.accordion-holder .barcode .jcf-select-text {
    line-height: 21px;
    margin: 0 30px 0 4px;
    font-size: 12px;
}
.accordion-holder .barcode .jcf-select-opener {
    top: 4px;
    right: 11px;
    width: 9px;
    height: 13px;
    content: '';
    position: absolute;
    background: url(../images/bg-arrow.jpg) no-repeat;
}
.accordion-holder .barcode .jcf-select-opener:before {
    display: none;
}
.accordion-holder .barcode label {
    float: left;
    width: 84px;
    text-transform: none;
    font-size: 13px;
    font-family: 'robotolight', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .accordion-holder .barcode label {
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .accordion-holder .barcode label {
        font-size: 13px;
    }
}
.accordion-holder .barcode .jcf-select {
    min-width: 240px;
    height: 25px;
    margin: 5px 4px 0 0;
}
@media (max-width: 1023px) {
    .accordion-holder .barcode .jcf-select {
        min-width: 150px;
    }
}
@media (max-width: 767px) {
    .accordion-holder .barcode .jcf-select {
        min-width: 140px;
    }
}
.accordion-holder .barcode .jcf-select-text {
    line-height: 21px;
    margin: 0 30px 0 7px;
    text-transform: none;
    font-size: 11px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.accordion-holder .barcode .jcf-select-opener:before {
    top: -4px;
    right: 7px;
    color: #b1bac4;
    content: "\e80c";
    position: absolute;
    font-size: 26px;
    font-family: "icomoon";
}
.accordion-holder .barcode .barcode-select {
    overflow: hidden;
}
.accordion-holder .barcode .col {
    overflow: hidden;
    width: 100%;
    margin: 9px 0 10px 0;
}
.accordion-holder .barcode .col label {
    float: left;
    width: 180px;
    margin: -1px 0 0 4px;
    line-height: 21px;
    text-transform: none;
    font-size: 12px;
    font-family: 'robotoitalic', Arial, sans-serif;
}
.accordion-holder .barcode .col .jcf-checkbox {
    float: left;
    border: 2px solid #ff4301;
}
.accordion-holder .barcode .col .jcf-label-active .jcf-checkbox {
    background: #ff4301;
}
.accordion-holder .barcode .col .jcf-label-active .jcf-checkbox span {
    border: 3px solid #0F0;
    border-width: 0 0 3px 3px;
}
.accordion-holder .encoding {
    margin: 13px 0 4px;
    overflow: hidden;
}
.accordion-holder .encoding label {
    float: left;
    margin: 0 15px 5px 0;
}
@media (max-width: 1023px) {
    .accordion-holder .encoding label {
        margin: 0 5px 0 0;
        font-size: 11px;
    }
}
.accordion-holder .encoding .jcf-select {
    min-width: 145px;
    height: 25px;
}
@media (max-width: 1023px) {
    .accordion-holder .encoding .jcf-select {
        min-width: 104px;
        margin: 0 0 0 -2px;
    }
}
.accordion-holder .encoding .jcf-select-text {
    line-height: 21px;
    font-size: 12px;
}
@media (max-width: 767px) {
    .accordion-holder .encoding .jcf-select-text {
        font-size: 11px;
    }
}
.accordion-holder .encoding .jcf-checkbox span {
    border-width: 0 0 2px 2px;
}
.accordion-holder .range {
    overflow: hidden;
    margin: 13px 0 0;
}
.accordion-holder .range .title {
    width: 100%;
    float: none;
    display: block;
    margin: 0 0 6px;
    text-transform: none;
}
.accordion-holder .range .cel {
    float: left;
    width: 45%;
    margin: 0 8px 0 0;
}
@media (max-width: 1023px) {
    .accordion-holder .range .cel {
        width: 45%;
    }
}
@media (max-width: 767px) {
    .accordion-holder .range .cel {
        width: 45%;
    }
}
.accordion-holder .range .cel:last-child {
    margin: 0;
}
.accordion-holder .range label {
    margin: 0 0 6px;
    text-align: left;
    text-transform: capitalize;
    font-size: 11px;
    font-style: italic;
    font-family: 'robotolight', Arial, sans-serif;
    width: 100%;
}
.accordion-holder .range input[type="text"] {
    width: 100%;
    height: 25px;
    padding: 2px 5px;
    border-radius: 3px;
    background: #fafafa;
    border: 1px solid #d7d7d7;
    font-size: 11px;
    font-family: 'robotoitalic', Arial, sans-serif;
}
.accordion-holder .range input[type="text"]:focus {
    border: 1px solid #fd9875;
}
.foil_colors_tooltip a {
    font-size: 13px;
    letter-spacing:-0.25px;
    font-style:italic;
}
div.foil_colors_tooltip {
    padding: 2px 0px 10px 0px;
}
.accordion-holder .special {
    overflow: hidden;
    margin: 0 0 2px;
    padding: 8px 5px 5px 8px;
    border-bottom: 1px solid #d7d7d7;
}
@media (max-width: 1023px) {
    .accordion-holder .special {
        padding:0;
    }
}
.accordion-holder .special:last-child {
    border: none;
}
.accordion-holder .special.last .col {
    margin: 2px 3px 7px 13px;
}
@media (max-width: 1023px) {
    .accordion-holder .special.last .col {
        margin: 2px 3px 7px 7px;
    }
}
.accordion-holder .special .col-holder {
    overflow: hidden;
}
.accordion-holder .special .title {
    width: 100px;
}
.accordion-holder .special .col {
    float: left;
    width: 42px;
    margin: 1px 0px 7px 10px;
}
@media (max-width: 1023px) {
    .accordion-holder .special .col {
        margin: 1px -8px 7px 18px;
    }
}
.accordion-holder .special em {
    float: left;
    color: #797979;
    font-size: 11px;
}
.accordion-holder .special .spot-colors {
    margin: 0 0 11px;
    overflow: hidden;
}
.accordion-holder .special .spot-colors label {
    display: block;
    margin: 0 10px 3px 0;
    text-transform: none;
    font-size: 12px;
    font-style: italic;
}
.accordion-holder .special .col2 {
    width: 52px;
    float: left;
    margin: 0 9px 0 0;
}
@media (max-width: 1023px) {
    .accordion-holder .special .col2 {
        margin: 0 2px 0 0;
    }
}
@media (max-width: 767px) {
    .accordion-holder .special .col2 {
        margin: 0 5px 0 0;
    }
}
.accordion-holder .special input[type="text"] {
    width: 100%;
    height: 18px;
    color: #797979;
    padding: 2px 3px;
    border-radius: 5px;
    background: #fafafa;
    border: 1px solid #d7d7d7;
    font-size: 10px;
}
.accordion-holder .special input[type="text"]::-webkit-input-placeholder {
    color: #797979;
}
.accordion-holder .special input[type="text"]::-moz-placeholder {
    opacity: 1;
    color: #797979;
}
.accordion-holder .special input[type="text"]:-moz-placeholder {
    color: #797979;
}
.accordion-holder .special input[type="text"]:-ms-input-placeholder {
    color: #797979;
}
.accordion-holder .special input[type="text"].placeholder {
    color: #797979;
}
.accordion-holder .special input[type="text"]:focus {
    border: 1px solid #ff9b78;
}
.accordion-holder .special .varnish-holder {
    float: left;
}
.accordion-holder .select-holder {
    overflow: hidden;
    margin: 6px 0 10px 0;
}
.accordion-holder .select-holder label {
    float: left;
    width: 100px;
    line-height: 23px;
    font-size: 12px;
    font-family: 'robotoitalic', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .accordion-holder .select-holder label {
        width: 92px;
        font-size: 11px;
    }
}
.accordion-holder .select-holder .jcf-select {
    height: 25px;
    float: left;
    margin: 0 0 0 10px;
    min-width: 133px;
    border-radius: 4px;
    border: 1px solid #d7d7d7;
}
@media (max-width: 1023px) {
    .accordion-holder .select-holder .jcf-select {
        min-width: 124px;
    }
}
.accordion-holder .select-holder .jcf-select:hover,  .accordion-holder .select-holder .jcf-select.jcf-focus {
    border-color: #0d56a5;
}
.accordion-holder .select-holder .jcf-select:hover .jcf-select-text,  .accordion-holder .select-holder .jcf-select.jcf-focus .jcf-select-text {
    color: #0d56a5;
    border-color: #0d56a5;
}
.accordion-holder .select-holder .jcf-select:hover .jcf-select-opener:after,  .accordion-holder .select-holder .jcf-select.jcf-focus .jcf-select-opener:after {
    color: #0d56a5;
}
.accordion-holder .select-holder .jcf-select-text {
    line-height: 21px;
    margin: 0 30px 0 5px;
    font-size: 11px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.accordion-holder .select-holder .jcf-select-opener:after {
    top: 4px;
    right: 11px;
    width: 9px;
    height: 13px;
    color: #b1bac4;
    content: "\e916";
    position: absolute;
    font-size: 12px;
    font-family: "icomoon";
}
.accordion-holder .select-holder .jcf-select-opener:before {
    display: none;
}
.accordion-holder .select-holder .jcf-select-opener .jcf-list {
    font-size: 11px;
}
.accordion-holder .select-holder.scratch label {
    font-size: 13px;
    font-style: normal;
}
@media (max-width: 1023px) {
    .accordion-holder .select-holder.scratch label {
        width: 88px;
        margin: 0 -13px 0 0;
        font-size: 11px;
    }
}
.accordion-holder .col-shiping {
    padding: 0 0 8px 12px;
    width: 100%; float: left;
}
.accordion-holder .col-shiping label {
    float: left;
    width: 100%;
    line-height: 26px;
    margin: 0 -1px 0 0;
    font-size: 14px;
    font-family: 'robotomedium', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .accordion-holder .col-shiping label {
        width: 94px;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .accordion-holder .col-shiping label {
        width: 100px;
        font-size: 11px;
    }
}

.accordion-holder .col-shiping input[type="text"]:focus {
    border: 1px solid #fd9875;}



.accordion-holder .col-shiping input[type="text"] {
    /*float: left;*/
    width: 90%;
    height: 27px;
    color: #797979;
    margin: 0 3px 0 0;
    padding: 0 5px;
    line-height: 18px;
    border-radius: 4px;
    background: #fafafa;
    border: 1px solid #d7d7d7;
    font-size: 12px;
    font-family: 'robotomedium', Arial, sans-serif;
}
.accordion-holder .col-shiping input[type="text"]::-webkit-input-placeholder {
    color: #797979;
}
.accordion-holder .col-shiping input[type="text"]::-moz-placeholder {
    opacity: 1;
    color: #797979;
}
.accordion-holder .col-shiping input[type="text"]:-moz-placeholder {
    color: #797979;
}
.accordion-holder .col-shiping input[type="text"]:-ms-input-placeholder {
    color: #797979;
}
.accordion-holder .col-shiping input[type="text"].placeholder {
    color: #797979;
}
.accordion-holder .col-shiping .jcf-select {
    /*float: left;*/
    height: 27px;
    min-width: 90%;
    border: 1px solid #d7d7d7;
}
.accordion-holder .col-shiping .jcf-select.jcf-focus {
    font-family: 'robotoregular', Arial, sans-serif;
    border-color: #0d56a5;
}
.accordion-holder .col-shiping .jcf-select:hover .jcf-select-opener:after {
    color: #04356d;
}
.accordion-holder .col-shiping .jcf-select-text {
    line-height: 21px;
    font-size: 11px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.accordion-holder .col-shiping .jcf-select-opener:after {
    top: 3px;
    right: 11px;
    width: 9px;
    height: 13px;
    color: #b1bac4;
    content: "\e916";
    position: absolute;
    font-size: 12px;
    font-family: "icomoon";
}
.accordion-holder .col-shiping .jcf-select-opener:before {
    display: none;
}
.accordion-holder .ship {
    display: block;
    color: #797979;
    margin: 0 5px 12px 11px;
    font-size: 11px;
    font-family: 'robotoregular_italic', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .accordion-holder .ship {
        font-size: 11px;
    }
}
.accordion-holder .date {
    margin: 0 0 0 5px;
    display: inline-block;
    vertical-align: top;
}


.accordion-holder .col-dwelling {
    overflow: hidden;
    margin: 0 12px 8px; width:100%; float:left;
}
.accordion-holder .col-dwelling label {
    float: left;
    /*width: 100px;*/
    text-transform: capitalize;
    font-size: 14px;
    font-family: 'robotomedium', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .accordion-holder .col-dwelling label {
        width: 70px;
        font-size: 12px;
    }
}
.accordion-holder .col-dwelling .jcf-select {
    /*float: right;*/
    height: 29px;
    min-width: 250px;
    border-radius: 5px;
    border: 2px solid #d7d7d7;
    margin:5px 0px 7px 0px;
}
.accordion-holder .col-dwelling .jcf-select.jcf-focus {
    border-color: #0d56a5;
}
.accordion-holder .col-dwelling .jcf-select-text {
    padding: 0px 8px;
    line-height: 25px;
    margin: 0 30px 0 0;
    text-transform: capitalize;
    font-size: 13px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.accordion-holder .col-dwelling .jcf-select-opener:before {
    top: 5px;
    right: 10px;
    font-size: 8px;
}
@media (max-width: 1023px) {
    .accordion-holder .col-dwelling .jcf-select-opener:before {
        top: 5px;
    }
}
.accordion-holder .sales-department {
    overflow: hidden;
    background: #edf6ff;
    margin: 0 -1px -1px -1px;
    border: 1px solid #d1dfef;
}
.accordion-holder .sales-department .image-box {
    float: left;
    width: 38px;
    height: 38px;
    margin: 10px 12px 0 12px;
}
.accordion-holder .sales-department .image-box img {
    display: block;
}
.accordion-holder .sales-department .text-box {
    float: left;
    margin: 12px 0 16px 9px;
}
.accordion-holder .sales-department .text-box strong {
    display: block;
    color: #797979;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    font-family: 'robotobold', Arial, sans-serif;
    letter-spacing: 0.25px;
}
.accordion-holder .sales-department .text-box a {
    color: #797979;
    display: block;
    text-decoration: none;
    text-transform: none !important;
    font-size: 12px;
    font-family: 'robotoregular', Arial, sans-serif;
    letter-spacing: -0.125px;
}
.accordion-holder .sales-department .text-box a:hover {
    opacity: .8;
}
.jcf-select-drop.jcf-select-dwelling50 .jcf-list .jcf-option:after {
    right: 10px;
}
.promo-code {
    overflow: hidden;
    margin: 0 0 6px 3px;
}
.promo-code .row {
    overflow: hidden;
    margin-top: 18px;
}
.promo-code input[type="text"] {
    float: left;
    width: 210px;
    color: #757575;
    margin: 0 0 5px;
    padding: 5px 12px;
    border-radius: 4px;
    background: #fafafa;
    border: 2px solid #d7d7d7;
    text-transform: uppercase;
    font-family: 'robotoitalic';
    font-size: 12px;
    font-weight: 400;
    height: 35px;
}
@media (max-width: 1023px) {
    .promo-code input[type="text"] {
        width: 174px;
        padding: 5px 10px;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .promo-code input[type="text"] {
        width: 186px;
        margin: 2px 0 0;
        padding: 5px 12px 4px;
    }
}
.promo-code input[type="text"]:focus {
    color: #757575;
    text-align: left;
    text-transform: uppercase;
    border: 1px solid #ff4301;
    font-family: 'robotobold';

}
.promo-code button {
    float: left;
    padding: 6px 8px 3px;
    margin: 0 0 0 10px;
    border: 2px solid #ff4301;
    text-align: center;
    background: #fff;
    outline: none;
    border-radius: 4px;
    color: #ff4301;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'DINNextLTPro-Bold', Arial, sans-serif;
    height: 35px;
}
@media (max-width: 1023px) {
    .promo-code button {
        padding: 4px 9px 3px;
        margin: 0 0 0 8px;
        font-size: 12px;
    }
}
@media (max-width: 767px) {
    .promo-code button {
        padding: 7px 11px 3px;
        margin: 0 0 0 8px;
    }
}
.promo-code button:hover {
    color: #fff;
    background: #ff4301;
}
.promo-code .success {
    display: none;
    clear: both;
    color: #757575;
    margin: 0 0 0 10px;
    font-size: 12px;
    font-family: 'robotolight_italic', Arial, sans-serif;
}
.promo-code .success em {
    font-style: normal;
    text-transform: uppercase;
}
.promo-code .error {
    display: none;
    color: #ff4301;
    margin: 0 0 0 10px;
    font-size: 12px;
    font-family: 'robotolight_italic', Arial, sans-serif;
}
.promo-code .error em {
    font-style: normal;
    text-transform: uppercase;
}
.request {
    overflow: hidden;
    background: #04356d;
    margin: 17px -10px 0 -18px;
    height:36px;
}
@media (max-width: 1023px) {
    .request {
        margin: 14px -10px 0 -18px;
    }
}
@media (max-width: 767px) {
    .request {
        padding: 0 9999px;
        margin: 20px -9999px 0;
    }
}
.request a {
    display: block;
    color: #fff;
    padding: 0 0 0 58px;
    position: relative;
    line-height: 28px;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 17px;
    font-family: 'dincond-medium', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .request a {
        line-height: 26px;
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .request a {
        margin: 0;
        padding: 0 0 0 52px;
        line-height: 28px;
        font-size: 17px;
    }
}
.request a span {
    top: -1px;
    left: 16px;
    color: #fff;
    position: absolute;
}
@media (max-width: 1023px) {
    .request a span {
        top: -1px;
        left: 10px;
    }
}
.prise {
    margin: 0 -17px 3px;
    overflow: hidden;
    padding: 16px 27px 0 23px;
}
@media (max-width: 767px) {
    .prise {
        margin: 0 -17px 6px;
    }
}
.prise dl {
    margin: 0;
    overflow: hidden;
}
.prise .discount {
    display: none;
}
.prise dt {
    width: 150px;
    float: left;
    clear: both;
    margin: 1px 0 8px;
    color: #0d56a5;
    text-transform: capitalize;
    font-size: 16px;
    font-family: 'robotobold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .prise dt {
        margin: 1px 0 9px;
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .prise dt {
        font-size: 18px;
        letter-spacing: -0.25px;
    }
}
.prise dt em {
    display: block;
    color: #04356d;
    font-size: 11px;
    font-style: normal;
    font-family: 'robotoitalic', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .prise dt em {
        margin: -2px 0 0;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .prise dt em {
        margin: 0;
    }
}
.prise dd {
    color: #757575;
    float: right;
    margin: 4px 0 0 0;
    text-align: right;
    font-size: 15px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .prise dd {
        margin: 5px 7px 12px 0;
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    .prise dd {
        margin: 7px 9px 12px 0;
        font-size: 14px;
    }
}
.total {
    margin: 8px 0 6px -6px;
    padding: 12px 12px 12px 16px;
    border-radius: 4px;
    overflow: hidden;
    background: #ededed;
}

.total:before{
    content: "";
    background-color: #ededed;
    position: absolute;
    height: 100%;
    width: 338;
    left: -2000px;
    z-index: -1;

}

@media (max-width: 1023px) {
    .total {
        padding: 4px 12px 1px 12px;
    }
}
@media (max-width: 767px) {
    .total {
        margin: 8px 0 6px -7px;
        padding: 12px 12px 12px 16px;
    }
}
.total .left {
    float: left;
    color: #04356d;
    font-size: 25px;
    font-family: 'robotobold', Arial, sans-serif;

}
@media (max-width: 1023px) {
    .total .left {
        font-size: 22px;
    }
}
@media (max-width: 767px) {
    .total .left {
        font-size: 22px;
    }
}
.total .right-prise {
    float: right;
    color: #757575;
    margin: -1px 0 0;
    font-size: 27px;
    font-family: 'robotobold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .total .right-prise {
        letter-spacing: -1px;
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .total .right-prise {
        margin: -5px 4px 0 0;
        font-size: 25px;
    }
}
.upsell {
    color: #2276d1;
    float: left;
    padding: 5px 6px 8px 6px;
    text-align: left;
    font-size: 12px;
    font-family: 'robotoregular', Arial, sans-serif;
    line-height:14px; width:100%; box-sizing:border-box; font-style:italic;
}
.upsell strong{ font-size:14px; font-family: 'robotobold', Arial, sans-serif; display:block; font-style:normal; font-weight:normal;}
.upsell .left-block { width:20%; float:left; text-align:center; padding-top:2px;}
.upsell .right-block { width:80%; float:left; text-align:left;}
.upsell-sep { background:#d7d7d7; height:2px; margin:0 4px 0 6px; width:94%; float:left; display:block;}
.quote-list {
    overflow: hidden;
    text-align: center;
    padding: 6px 0 0;
    margin: 11 0 0px;
    font-size: 11px;
    font-family: 'robotomedium', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .quote-list {
        padding: 5px 0 0;
        margin: 0 0 15px 0;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .quote-list {
        padding: 3px 0 0;
        margin:40px auto 0px;
        font-size: 12px;
    }
}
.quote-list li {
    margin: 0 8px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .quote-list li {
        margin: 1px 3px 0 8px;
    }
}
@media (max-width: 767px) {
    .quote-list li {
        margin: 0 3px 0 3px;
    }
}
.quote-list li a {
    display: block;
    color: #9b9b9b;
    text-decoration: none;
}
@media (max-width: 1023px) {
    .quote-list li a {
        line-height: 17px;
    }
}
.quote-list li a span {
    display: inline-block;
    vertical-align: top;
    margin: -1px 0 0 1px;
}
.quote-list li a:hover {
    color: #04356d;
}
.quote-list li a:hover .desktop {
    display: none;
}
.quote-list li a:hover .img-hover {
    margin: -2px 0 0;
    vertical-align: top;
    display: inline-block;
}
@media (max-width: 1023px) {
    .quote-list li a:hover .img-hover {
        width: 16px;
    }
}
@media (max-width: 767px) {
    .quote-list li a:hover .img-hover {
        margin: 0 0;
        width: 20px;
    }
}
.quote-list li .desktop {
    margin: -2px 0 0;
    vertical-align: top;
    display: inline-block;
}
@media (max-width: 1023px) {
    .quote-list li .desktop {
        width: 16px;
    }
}
@media (max-width: 767px) {
    .quote-list li .desktop {
        margin: 0 0 0;
        width: 20px;
    }
}
.quote-list li .img-hover {
    display: none;
}
@media (max-width: 1023px) {
    .quote-list li:first-child .desktop {
        width: 22px;
        margin: -2px -1px 0 -12px;
    }
}
@media (max-width: 767px) {
    .quote-list li:first-child .desktop {
        margin: -2px -1px 0 1px;
    }
}
@media (max-width: 1023px) {
    .quote-list li:first-child a:hover:last-child .img-hover {
        width: 22px;
        margin: -2px -1px 0 -12px;
    }
}
@media (max-width: 767px) {
    .quote-list li:first-child a:hover:last-child .img-hover {
        margin: -2px -1px 0 1px;
        width: 22px;
    }
}
@media (max-width: 1023px) {
    .quote-list li:last-child .desktop {
        width: 14px;
        margin: 0 2px;
    }
}
@media (max-width: 767px) {
    .quote-list li:last-child .desktop {
        margin: 1px 1px 0 0;
    }
}
@media (max-width: 1023px) {
    .quote-list li:last-child a:hover:last-child .img-hover {
        width: 14px;
        margin: 0 2px;
    }
}
@media (max-width: 767px) {
    .quote-list li:last-child a:hover:last-child .img-hover {
        margin: 1px 1px 0 0;
    }
}
.btn-order {
    margin-top:90px;
}
.order {
    width: 215px;
    display: block;
    color: #ff4301;
    margin: 105px auto 0px auto;
    border-radius: 4px;
    background: #fff;
    text-align: center;
    text-decoration: none;
    padding: 5px 10px 6px 10px;
    border: 3px solid #ff4301;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    font-family: 'dincond-medium', Arial, sans-serif;
    transition-property: background-color, color;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
}
@media (max-width: 1023px) {
    .order {
        letter-spacing: -1px;
        padding: 3px 10px 5px;
        font-size: 18px;
        font-weight: normal;
        font-family: 'dinpro-black', Arial, sans-serif;
    }
}
@media (max-width: 767px) {
    .order {
        width: 220px;
        padding: 5px 10px 4px;
        font-size: 19px;
    }
}
.order:hover {
    color: #fff;
    background: #ff4301;
}
.popup-holder {
    position: relative;
    overflow: hidden;
    height: 0;
}
.popup-block {
    width: 316px;
    text-align: center;
    height: auto !important;
    overflow: hidden;
    border-radius: 13px;
    background: #266098;
    padding: 25px 34px 28px;
}
@media (max-width: 767px) {
    .popup-block {
        width: 100%;
        padding: 14px;
    }
}
.popup-block img {
    display: inline-block;
    vertical-align: middle;
}
.popup-block .heading {
    color: #fff;
    display: block;
    margin: 14px 0 14px;
    letter-spacing: 7px;
    text-transform: uppercase;
    font-size: 25px;
    font-family: 'DINNextLTPro-Bold', Arial, sans-serif;
}
.popup-block .quote-form {
    overflow: hidden;
}
.popup-block .quote-form label {
    color: #fff;
    display: block;
    margin: 0 0 4px;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'roboto_slabbold', Arial, sans-serif;
}
/*Nathan*/
.popup-block .quote-form input[type="email"], .popup-block .quote-form input[type="text"], .popup-block .quote-form textarea {
    width: 100%;
    border: none;
    color: #757575;
    height: 25px;
    margin: 0 0 19px;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: none;
    font-size: 13px;
    font-family: 'robotolight', Arial, sans-serif;
}
.popup-block .quote-form input[type="email"]::-webkit-input-placeholder,  .popup-block .quote-form textarea::-webkit-input-placeholder {
    color: #757575;
}
.popup-block .quote-form input[type="email"]::-moz-placeholder,  .popup-block .quote-form textarea::-moz-placeholder {
    opacity: 1;
    color: #757575;
}
.popup-block .quote-form input[type="email"]:-moz-placeholder,  .popup-block .quote-form textarea:-moz-placeholder {
    color: #757575;
}
.popup-block .quote-form input[type="email"]:-ms-input-placeholder,  .popup-block .quote-form textarea:-ms-input-placeholder {
    color: #757575;
}
.popup-block .quote-form input[type="email"].placeholder,  .popup-block .quote-form textarea.placeholder {
    color: #757575;
}
.popup-block .quote-form textarea {
    resize: none;
    margin: 0 0 30px;
    padding: 10px 24px;
    line-height: 20px;
    width: 100% !important;
    height: 84px !important;
}
.popup-block .quote-form input[type="submit"] {
    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;
}
.popup-block .quote-form input[type="submit"]:hover {
    opacity: .8;
    text-decoration: none;
}
.popup-block .close {
    top: 19px;
    right: 39px;
    color: #fff;
    content: "";
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.popup-block .close:before {
    top: 0px;
    right: -16px;
    color: #fff;
    content: "\e905";
    position: absolute;
    font-size: 10px;
    font-family: "icomoon";
}
.popup-block .close:hover {
    opacity: .7;
}
.material-block, .card-block {
    padding: 35px 25px 41px;
    width: 420px;
    border-radius: 13px;
    text-align: center;
    color: #797979;
    line-height: 27px;
    /*background: rgba(250, 250, 250, 0.9);*/
    background-color: #fff;
    font-size: 15px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 767px) {
    .material-block,  .card-block {
        width: 100%;
        padding: 20px;
        line-height: 20px;
        font-size: 12px;
    }
}
.material-block img,  .card-block img {
    margin: 0 0 14px;
    display: inline-block;
    vertical-align: middle;
}
.material-block .heading,  .card-block .heading {
    display: block;
    color: #04356d;
    margin: 0 0 28px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'DINNextLTPro-Bold', Arial, sans-serif;
}
@media (max-width: 767px) {
    .material-block .heading,  .card-block .heading {
        letter-spacing: 2px;
        margin: 0 0 6px;
        font-size: 24px;
    }
}
.material-block .close,  .card-block .close {
    top: 20px;
    right: 20px;
    color: #fff;
    content: "";
    position: absolute;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.material-block .close:before,  .card-block .close:before {
    top: 4px;
    right: 6px;
    color: #797979;
    content: "\e905";
    position: absolute;
    font-size: 17px;
    font-family: "icomoon";
    font-weight: normal;
}
/* ---------- Changes for Special options CSS 2017-12-20 Start ---------- */
.show-icon {  background:url(../images/orange-tick.png) left 10px top 10px no-repeat; padding-left: 20px; }
/*.accordion-group .accordion-item .result-box { margin: 0 28px 10px 8px; }*/
.accordion-group .accordion-item .result-box li { color: #25292b; }
#special-options ul.result-box li { width: 100%; display: block; margin: 10px 0 0px 5px; padding:0 0 10px 22px; background:url(../images/orange-tick.png) left top no-repeat; border-bottom: 1px solid #d7d7d7; }
#special-options ul.result-box li:last-child { border-bottom: 0;}
#special-options ul.result-box li strong { font-size: 12px; color: #797979; padding-top: 0 0 5px 0;  display: block; width: 100%; padding-bottom: 3px;}
#special-options ul.result-box li span { display: block;  }
#special-options ul.result-box li::after { display: none; }
/* ---------- End ---------- */

@media (max-width: 767px) {
    .material-block .close:before,  .card-block .close:before {
        top: 0;
        right: 0;
        font-size: 16px;
    }
}
.material-block .close:hover,  .card-block .close:hover {
    opacity: .7;
}
.accordion-item.active .result-box {
    display: none;
}
.result-box {
    overflow: hidden;
    display: block;
    /*margin: 0 0 5px;*/
    font-size: 11px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.result-box > li {
    float: left;
    color: #ff4301;
    position: relative;
    margin: -2px 0 0px 11px;
}
@media (max-width: 1023px) {
    .result-box > li {
        margin: -2px 0 8px 5px;
    }
}
.result-box > li:after {
    left: -5px;
    height: 8px;
    content: ',';
    position: absolute;
}
.result-box > li:first-child:after {
    display: none;
}
.result-box > li strong {
    font-weight: normal;
}
.result-box.inner {
    width: 250px;
    padding: 0 0 0 0px;
}
@media (max-width: 1023px) {
    .result-box.inner {
        padding: 0 30px 0 2px;
    }
}
@media (max-width: 767px) {
    .result-box.inner {
        padding: 0 15px 0 2px;
    }
}
.result-box.inner li {
    float: none;
    display: block;
    margin: 0 5px 5px;
    padding: 4px 0 4px 12px;
    position: relative;
    border-bottom: 1px solid #d0d0d0;
}
.result-box.inner li:last-child {
    border: none;
}
.result-box.inner li:after {
    display: none;
}
.result-box.inner li:before {
    top: 50%;
    left: 0;
    margin: -3px 0 0;
    content: "";
    width: 7px;
    height: 7px;
    /*background: url(../images/bg-tick1.png) no-repeat;*/
    position: absolute;
}
.result-box.inner li strong {
    margin: 0 5px 0 0;
}
.result-box.inner li span {
    margin: 0 5px 0 0;
    position: relative;
}
.result-box.inner li span:after {
    top: 4px;
    right: -5px;
    content: '';
    width: 1px;
    height: 8px;
    display: none;
    background: #ff4301;
    position: absolute;
    font-family: 'icomoon';
}
.result-box.inner li .text {
    position: relative;
}
.result-box.inner li .text:after {
    top: 0;
    display: none;
    left: -5px;
    color: #ff4301;
    content: '/';
    position: absolute;
}
.result-box.inner li .text:first-child:after {
    display: none;
}
/* custom checkbox styles */
.jcf-checkbox {
    position: relative;
    overflow: hidden;
    cursor: default;
    display: block;
    background: #fff;
    border: 1px solid #777;
    margin: 0 3px 0 0;
    height: 17px;
    width: 17px;
    border-radius: 4px;
}
.jcf-checkbox.jcf-checked {
    background: #ff4301;
}
.jcf-checkbox span {
    position: absolute;
    display: none;
    height: 4px;
    width: 9px;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -6px;
    border: 3px solid #777;
    border-width: 0 0 2px 2px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}
:root .jcf-checkbox span {
    margin: -2px 0 0 -4px;
    border-color: #fff;
}
.jcf-checkbox input[type="checkbox"] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0;
    background: #ff4301;
}
.jcf-checkbox.jcf-checked span {
    display: block;
}
/* custom radio styles */
.jcf-radio {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #fff;
    border: 2px solid #d7d7d7;
    border-radius: 9px;
    margin: 0 3px 0 0;
    height: 19px;
    width: 19px;
}
@media (max-width: 1023px) {
    .jcf-radio {
        height: 17px;
        width: 17px;
        margin: 0px 1px 0;
    }
}
@media (max-width: 767px) {
    .jcf-radio {
        width: 19px;
        height: 19px;
        margin: 0 3px 0 -2px;
    }
}
.jcf-radio:hover {
    border-color: #d7d7d7;
}
.jcf-radio:hover span {
    display: block;
    background: #d7d7d7;
}
.jcf-radio.jcf-checked {
    border: 2px solid #ff4301;
}
.jcf-radio.jcf-checked span {
    background: #ff4301;
}
.jcf-radio span {
    display: none;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: #fff;
    background: #ff4301;
    border-radius: 100%;
}
.jcf-radio input[type="radio"] {
    position: absolute;
    height: 100%;
    width: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0;
}
.jcf-radio.jcf-checked span {
    display: block;
}
/* custom select styles */
.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    border: 2px solid #d7d7d7;
    background: #fff;
    margin: 0 0 12px;
    min-width: 280px;
    height: 45px;
    border-radius: 5px;
}
@media (max-width: 1023px) {
    .jcf-select {
        min-width: 252px;
        height: 45px;
    }
}
@media (max-width: 767px) {
    .jcf-select {
        min-width: 267px;
        margin: 0 0 15px;
        height: 50px;
        padding: 3px 0 0 0;
    }
}
.jcf-select:hover,  .jcf-select.jcf-focus {
    border: 2px solid #0d56a5;
}
.jcf-select:hover .jcf-select-text,  .jcf-select.jcf-focus .jcf-select-text {
    color: #0d56a5;
}
.jcf-select:hover .jcf-select-opener:before,  .jcf-select.jcf-focus .jcf-select-opener:before {
    color: #0d56a5;
}
.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0;
}
#wrapper .value {
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    cursor: default;
    display: block;
    /*line-height: 24px;*/
    color: #797979;
    margin: 0 35px 12 8px;
    font-size: 13px;
    font-family: 'robotoregular', Arial, sans-serif;
    letter-spacing:normal;
}
.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden;
    cursor: default;
    display: block;
    line-height: 38px;
    color: #797979;
    margin: 2px 35px 0 16px;
    font-size: 14px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .jcf-select .jcf-select-text {
        font-size: 12px;
        margin: 2px 0 0 16px;
    }
}
@media (max-width: 767px) {
    .jcf-select .jcf-select-text {
        font-size: 14px;
    }
}
.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    background: none;
    cursor: pointer;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0;
}
.jcf-select .jcf-select-opener:before {
    top: 6px;
    right: 7px;
    color: #b1bac4;
    content: "\e915";
    position: absolute;
    font-size: 10px;
    font-family: "icomoon";
}
@media (max-width: 1023px) {
    .jcf-select .jcf-select-opener:before {
        right: 10px;
        top: 7px;
        font-size: 8px;
    }
}
@media (max-width: 767px) {
    .jcf-select .jcf-select-opener:before {
        top: 7px;
        right: 10px;
    }
}


.form-area .jcf-select .jcf-select-opener:before {
    right: 12px;
    top: 14px;
}
@media (max-width: 1023px) {
    .form-area .jcf-select .jcf-select-opener:before {
        right: 10px;
        top: 12px;
    }
}
@media (max-width: 767px) {
    .form-area .jcf-select .jcf-select-opener:before {
        right: 14px;
        top: 18px;
    }
}


body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0px;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px;
}
.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto;
}
.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #d7d7d7;
    border-radius: 0 0 5px 5px;
    margin: 1px 0 0;
}
/* multiple select styles */
.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px;
}
/* select options styles */
.jcf-select-st .jcf-list {
    font-size: 11px;
}
.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    line-height: 24px;
    font-size: 12px;
    width: 100%;
    border-radius: 0 0 5px 5px;
}

@media (max-width: 767px) {
    .jcf-list { line-height: 40px;
    }
}

.jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    overflow: auto;
    width: 100%;
    border-radius: 0 0 5px 5px;
}
.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.jcf-list ul li {
    overflow: hidden;
    display: block;
    cursor: pointer;
}
.jcf-list .jcf-overflow {
    overflow: auto;
}
.jcf-list .jcf-option {
    white-space: normal;
    overflow: hidden;
    cursor: pointer;
    display: block;
    padding: 5px 9px;
    color: #656565;
    height: 1%;
    position: relative;
}
.jcf-list .jcf-option:after {
    top: 11px;
    right: 15px;
    width: 12px;
    height: 11px;
    content: "";
    display: block;
    position: absolute;
    background: url(../images/icon-check.png) no-repeat;
}
@media (max-width: 1023px) {
    .jcf-list .jcf-option:after {
        right: 12px;
    }
}
@media (max-width: 767px) {
    .jcf-list .jcf-option:after {
        right: 14px;
        font-size: 16px;
        top: 18px;
    }
}
.jcf-list .jcf-option:hover:after {
    display: block;
}
.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important;
}
.jcf-select-drop .jcf-hover, .jcf-list-box .jcf-selected {
    background: #0d56a5;
    color: #fff;
}
.jcf-list-box .jcf-selected {
    top: 0;
    right: 0;
    color: #fff;
    content: "\e800";
    position: absolute;
    font-size: 20px;
    font-family: "icomoon";
}
.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px;
}
/* common custom form elements styles */
form#posa-cards .accordion-holder {    margin-bottom: 15px;}
.jcf-disabled {
    background: #ddd !important;
}
/*.jcf-focus, .jcf-focus * {border-color: #d7d7d7 !important;}*/
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: none;
    color: #444;
    text-shadow: none;
    border-radius: 13px;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
}
.fancybox-outer, .fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    /*background-image: url("../images/fancybox/fancybox_sprite.png");*/
}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
    /*/background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat;*/
}
.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    /*background: transparent url("../images/fancybox/blank.gif");*/
    /* helps IE */
    -webkit-tap-highlight-color: transparent;
    z-index: 8040;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}
.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}
.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}
.fancybox-nav:hover span {
    visibility: visible;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    /*background: url("../images/fancybox/fancybox_overlay.png");*/
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
}
#footer {
    overflow: hidden;
    background: #ffffff;
}
.customers {
    padding: 16px 0 13px;
    overflow: hidden;
    background: #c0d4e9;
}

/* owl slider for desktop */
.owl-theme .owl-controls { position:absolute; left:0; right:0; top:35%;}
.owl-theme .owl-controls .owl-prev {background:url(../images/leftarrow.svg) center top no-repeat!important; background-size:55%!important; height:50px; left: 10%;    position: absolute; text-indent:-9999999px; width: 50px; }
.owl-theme .owl-controls .owl-next { background:url(../images/rightarrow.svg) center top no-repeat!important; height: 86px; right: 10%;    position: absolute; text-indent:-9999999px; width: 50px; background-size:55%!important;}
.owl-item .item { min-height:318px;}
.owl-item .item .slide-item { /*background:url(../images/p-banner1@2x.jpg) center top no-repeat; */ background-size:cover !important; min-height:317px;}
/*.owl-item .item .slide-two { background:url(../images/p-banner2@2x.jpg) center top no-repeat; background-size:cover; min-height:317px;}*/

@media (max-width:1024px) {
    .owl-item .item {min-height:245px;}
    .owl-item .item .slide-item { /*background: url(../images/p-banner1@2x.jpg) 30% top no-repeat;*/ background-size:145%; min-height:245px;}
    .owl-theme .owl-controls .owl-prev, .owl-theme .owl-controls .owl-next { background-size:40%!important; }
    .owl-theme .owl-controls { top:40%;}
    .owl-theme .owl-controls .owl-prev { left:2%;}
    .owl-theme .owl-controls .owl-next { right:2%;}
}
@media (max-width:991px) {
    .owl-item .item {min-height:170px;}
    .owl-item .item .slide-item/*, .owl-item .item .slide-two*/ {background-size:145%;  min-height:170px; }
}
@media (max-width:767px) {
    .owl-theme .owl-controls { display:none;}
    .owl-item .item .slide-item { /* background:url(../images/p-banner1@2x.jpg) 50% top no-repeat; */ background-size:cover;min-height:170px;}
    /*.owl-item .item .slide-two {background-size:cover; }*/
}

@media (max-width:480px) {
    .owl-item .item .slide-item { /* background: url(../images/p-banner1@2x.jpg) 40.5% top no-repeat !important; */ background-size: 240% 100% !important;}
    /*.owl-item .item .slide-two { background-size:cover;}*/
}

@media (max-width:320px) {
    .owl-item .item .slide-item {background-size:cover;}
}

@media (max-width: 1023px) {
    .customers {
        padding: 10px 0 8px;
    }
}
@media (max-width: 767px) {
    .customers {
        padding: 10px 10px 5px;
    }
}
.customers.inner {
    background: #f0f0f0;
    padding: 44px 0 24px;
}
@media (max-width: 1023px) {
    .customers.inner {
        padding: 22px 0 10px;
    }
}
@media (max-width: 767px) {
    .customers.inner {
        padding: 22px 0 22px;
    }
}
.customers.inner .title {
    color: #626262;
    font-size: 22px;
}
@media (max-width: 1023px) {
    .customers.inner .title {
        margin: 0 0 1px;
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .customers.inner .title {
        margin: 0 0 -1px;
        font-size: 16px;
    }
}
.customers.inner .ford-inner {
    margin: -3px 36px 0 16px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .customers.inner .ford-inner {
        margin: 14px 0 0 22px;
        float: left;
        width: 80px;
    }
}
@media (max-width: 767px) {
    .customers.inner .ford-inner {
        margin: 14px 6px 0 13px;
    }
}
@media (max-width: 1023px) {
    .customers.inner .ford-inner img {
        width: 74px;
    }
}
@media (max-width: 767px) {
    .customers.inner .ford-inner img {
        width: 58px;
    }
}
.customers.inner .macdonald-inner {
    margin: -4px 10px 0 34px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .customers.inner .macdonald-inner {
        margin: 4px 1px 0 26px;
        float: left;
    }
}
@media (max-width: 767px) {
    .customers.inner .macdonald-inner {
        margin: 6px 8px 4px -1px;
    }
}
@media (max-width: 1023px) {
    .customers.inner .macdonald-inner img {
        width: 58px;
    }
}
@media (max-width: 767px) {
    .customers.inner .macdonald-inner img {
        width: 44px;
    }
}
.customers.inner .taco-bell-inner {
    display: inline-block;
    vertical-align: middle;
    margin: -7px 11px 0 57px;
}
@media (max-width: 1023px) {
    .customers.inner .taco-bell-inner {
        margin: 3px -3px 0 34px;
        float: left;
    }
}
@media (max-width: 767px) {
    .customers.inner .taco-bell-inner {
        margin: 5px 8px 0 17px;
    }
}
@media (max-width: 1023px) {
    .customers.inner .taco-bell-inner img {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .customers.inner .taco-bell-inner img {
        width: 80px;
    }
}
.customers.inner .super-inner {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 34px 0 42px;
}
@media (max-width: 1023px) {
    .customers.inner .super-inner {
        margin: 21px 9px 0 20px;
    }
}
@media (max-width: 1023px) {
    .customers.inner .super-inner {
        float: left;
    }
}
@media (max-width: 767px) {
    .customers.inner .super-inner {
        margin: 16px 8px 0 20px;
    }
}
@media (max-width: 1023px) {
    .customers.inner .super-inner img {
        width: 110px;
    }
}
@media (max-width: 767px) {
    .customers.inner .super-inner img {
        width: 80px;
    }
}
.customers.inner .blue-inner {
    display: inline-block;
    vertical-align: middle;
    margin: 0 42px 0 28px;
}
@media (max-width: 1023px) {
    .customers.inner .blue-inner {
        margin: 11px 4px 0 18px;
        float: left;
    }
}
@media (max-width: 767px) {
    .customers.inner .blue-inner {
        margin: 10px 17px 0;
    }
}
@media (max-width: 1023px) {
    .customers.inner .blue-inner img {
        width: 45px;
    }
}
@media (max-width: 767px) {
    .customers.inner .blue-inner img {
        width: 38px;
    }
}
.customers.inner .honda-inner {
    margin: 3px 6px 0 29px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .customers.inner .honda-inner {
        margin: 12px -18px 0 36px;
        float: left;
        width: 51px;
    }
}
@media (max-width: 767px) {
    .customers.inner .honda-inner {
        margin: 7px 14px 0;
    }
}
@media (max-width: 1023px) {
    .customers.inner .honda-inner img {
        width: 56px;
    }
}
@media (max-width: 767px) {
    .customers.inner .honda-inner img {
        width: 50px;
    }
}
.customers.inner .icon-arrow-left {
    top: 50%;
    left: -60px !important;
    content: '';
    color: #a3a3a3;
    text-decoration: none;
    margin: -33px 0 0 !important;
    position: absolute;
    font-size: 36px;
}
@media (max-width: 1200px) {
    .customers.inner .icon-arrow-left {
        left: -40px;
    }
}
@media screen and (max-width: 1024px) {
    .customers.inner .icon-arrow-left {
        left: -40px !important;
    }
}
@media (max-width: 1023px) {
    .customers.inner .icon-arrow-left {
        left: -34px !important;
        margin: -21px 0 0 !important;
        font-size: 30px !important;
    }
}
@media (max-width: 767px) {
    .customers.inner .icon-arrow-left {
        left: -7px !important;
        margin: -10px 0 0 !important;
        font-size: 20px !important;
    }
}
.customers.inner .icon-arrow-left:hover {
    opacity: .8;
}
.customers.inner .icon-arrow-right {
    top: 50%;
    right: -60px !important;
    content: '';
    color: #a3a3a3;
    margin: -33px 0 0 !important;
    position: absolute;
    text-decoration: none;
    text-decoration: none;
    font-size: 36px !important;
}
@media (max-width: 1200px) {
    .customers.inner .icon-arrow-right {
        right: -26px;
    }
}
@media screen and (max-width: 1024px) {
    .customers.inner .icon-arrow-right {
        right: -40px !important;
    }
}
@media (max-width: 1023px) {
    .customers.inner .icon-arrow-right {
        right: -32px !important;
        margin: -21px 0 0 !important;
        font-size: 30px !important;
    }
}
@media (max-width: 767px) {
    .customers.inner .icon-arrow-right {
        right: -5px !important;
        margin: -10px 0 0 !important;
        font-size: 22px !important;
    }
}
.customers.inner .icon-arrow-right:hover {
    opacity: .8;
}
.customers-holder {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
@media (max-width: 1023px) {
    .customers-holder {
        text-align: center;
        max-width: 636px;
    }
}
.customers-holder .customer-carousel {
    position: relative;
    text-align: center;
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel {
        width: 318px;
        margin: 0 auto;
        padding: 0 30px;
    }
}
.customers-holder .customer-carousel .mask {
    position: relative;
    overflow: hidden;
}
.customers-holder .customer-carousel .slideset {
    float: left;
    width: 100% !important;
    white-space: nowrap;
    letter-spacing: -5px;
}
/* Nathan 2023 05 19 */
/* .visual-slideshow.homepage .slideset{
    height: 471px !important;
} */
.visual-slideshow.homepage .slideset {
    height: 484px !important;
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .slideset {
        letter-spacing: -7px;
    }
}
.customers-holder .customer-carousel .slide {
    width: 50%;
    margin: 0 0 20px;
    display: inline-block;
    letter-spacing: 0;
    white-space: normal;
    vertical-align: middle;
}
@media (max-width: 1200px) {
    .visual-slideshow.homepage .slideset {
        height: 469px !important;
    }
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .slide {
        margin: 0 0 10px;
        width: 50%;
    }
    /* Nathan 2023 05 19 */
    .visual-slideshow.homepage .slideset {
        height: 465px !important;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .slide {
        width: 100%;
        margin: 0;
    }
    .visual-slideshow.homepage .slideset{
         /* Nathan 2023 05 16 */
        /* height: 212px !important; */
        height: 372px !important;
    }
}
.customers-holder .customer-carousel .slide img {
    display: block;
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .slide img {
        display: inline-block;
        vertical-align: middle;
    }
}
.customers-holder .customer-carousel .slide img:hover {
    opacity: .7;
}
.customers-holder .customer-carousel .btn-prev {
    top: 50%;
    left: -88px;
    width: 27px;
    height: 46px;
    content: '';
    margin: -38px 0 0;
    position: absolute;
}
@media (max-width: 1200px) {
    .customers-holder .customer-carousel .btn-prev {
        left: -40px;
    }
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .btn-prev {
        left: -34px;
        margin: -20px 0 0;
        width: 19px;
        height: 30px;
        font-size: 38px;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .btn-prev {
        left: -6px;
        margin: -19px 0 0;
        width: 15px;
        height: 24px;
    }
}
.customers-holder .customer-carousel .btn-prev:hover {
    opacity: .8;
}
.customers-holder .customer-carousel .btn-next {
    top: 50%;
    right: -74px;
    width: 27px;
    height: 46px;
    content: '';
    margin: -38px 0 0;
    position: absolute;
    text-decoration: none;
    font-size: 54px;
}
@media (max-width: 1200px) {
    .customers-holder .customer-carousel .btn-next {
        right: -26px;
    }
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .btn-next {
        right: -33px;
        width: 19px;
        height: 30px;
        margin: -20px 0 0;
        font-size: 38px;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .btn-next {
        right: -5px;
        width: 15px;
        height: 24px;
        margin: -10px 0 0;
        font-size: 20px;
    }
}
.customers-holder .customer-carousel .btn-next:hover {
    opacity: .8;
}
.customers-holder .customer-carousel .ford {
    margin: 17px 36px 0 0;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .ford {
        margin: 17px 12px 0 7px;
        float: left;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .ford {
        margin: 12px 8px 0 23px;
    }
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .ford img {
        width: 74px;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .ford img {
        width: 58px;
    }
}
.customers-holder .customer-carousel .macdonald {
    margin: 4px 10px 0;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .macdonald {
        margin: 4px 1px 0 26px;
        float: left;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .macdonald {
        margin: 4px 8px 4px 21px;
    }
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .macdonald img {
        width: 58px;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .macdonald img {
        width: 44px;
    }
}
.customers-holder .customer-carousel .taco-bell {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 26px;
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .taco-bell {
        margin: 3px -3px 0 34px;
        float: left;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .taco-bell {
        margin: 2px 8px 0 9px;
    }
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .taco-bell img {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .taco-bell img {
        width: 80px;
    }
}
.customers-holder .customer-carousel .super {
    display: inline-block;
    vertical-align: middle;
    margin: 16px 34px 0 0;
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .super {
        margin: 23px 14px 0 23px;
    }
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .super {
        float: left;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .super {
        margin: 16px 8px 0 20px;
    }
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .super img {
        width: 110px;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .super img {
        width: 80px;
    }
}
.customers-holder .customer-carousel .blue {
    display: inline-block;
    vertical-align: middle;
    margin: 0 41px 0 0;
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .blue {
        margin: 11px 4px 0 18px;
        float: left;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .blue {
        margin: 10px 17px 0;
    }
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .blue img {
        width: 45px;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .blue img {
        width: 38px;
    }
}
.customers-holder .customer-carousel .honda {
    margin: 7px 20px 0;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .honda {
        margin: 12px -18px 0 36px;
        float: left;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .honda {
        margin: 7px 14px 0;
    }
}
@media (max-width: 1023px) {
    .customers-holder .customer-carousel .honda img {
        width: 56px;
    }
}
@media (max-width: 767px) {
    .customers-holder .customer-carousel .honda img {
        width: 50px;
    }
}
.customers-holder .title {
    display: block;
    margin: 0 0 15px 0;
    color: #0d56a5;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 25px;
    font-style: normal;
    font-family: 'DINNextLTPro-LightItalic', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .customers-holder .title {
        margin: 0;
        font-size: 22px;
    }
}
@media (max-width: 767px) {
    .customers-holder .title {
        letter-spacing: 1px;
        font-size: 16px;
    }
}
.customers-holder .logos-area {
    overflow: hidden;
    text-align: center;
    width: 50%;
    float: left;
}
@media (max-width: 1200px) {
    .customers-holder .logos-area {
        max-width: 800px;
    }
}
@media (max-width: 1023px) {
    .customers-holder .logos-area {
        max-width: 700px;
    }
}
@media (max-width: 767px) {
    .customers-holder .logos-area {
        max-width: inherit;
        width: 100%;
    }
}
.customers-holder .logos-area li {
    margin: 7px 30px 0 20px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1200px) {
    .customers-holder .logos-area li {
        margin: 7px 10px 0;
    }
}
@media (max-width: 1023px) {
    .customers-holder .logos-area li {
        margin: 7px 8px 5px;
    }
}
.customers-holder .logos-area li.ford {
    margin: 14px 30px 0 20px;
}
@media (max-width: 1200px) {
    .customers-holder .logos-area li.ford {
        margin: 14px 10px 0;
    }
}
.customers-holder .logos-area li.macdonald {
    margin: 2px 27px 0 22px;
}
@media (max-width: 1200px) {
    .customers-holder .logos-area li.macdonald {
        margin: 2px 10px 0;
    }
}
.customers-holder .logos-area li.taco-bell {
    margin: -5px 30px 0 20px;
}
@media (max-width: 1200px) {
    .customers-holder .logos-area li.taco-bell {
        margin: -5px 10px 0;
    }
}
@media (max-width: 1023px) {
    .customers-holder .logos-area li.taco-bell img {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .customers-holder .logos-area li.taco-bell img {
        width: 90px;
    }
}
@media (max-width: 1023px) {
    .customers-holder .logos-area li.super img {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .customers-holder .logos-area li.super img {
        width: 90px;
    }
}
.customers-holder .logos-area li a {
    display: block;
}
.customers-holder .logos-area li a img {
    display: block;
}
@media (max-width: 1023px) {
    .customers-holder .logos-area li a img {
        width: 70px;
    }
}
@media (max-width: 767px) {
    .customers-holder .logos-area li a img {
        width: 70px;
        height: auto;
    }
}
.customers-holder .logos-area li a:hover {
    opacity: .8;
}
.subscibe {
    padding: 18px 0 18px 0;
    overflow: hidden;
    background: #db3016;
}
@media (max-width: 1023px) {
    .subscibe {
        padding: 16px 0 16px 0;
    }
}
@media (max-width: 767px) {
    .subscibe {
        padding: 20px 6px 20px;
    }
}
.subscibe .holder {
    max-width: 940px;
    margin: 0 auto;
    overflow: hidden;
}
@media (max-width: 767px) {
    .subscibe .holder {
        text-align: center;
    }
}
.subscibe .text-block {
    float: left;
    max-width: 492px;
    margin: 0 0 0 15px;
}
@media (max-width: 1023px) {
    .subscibe .text-block {
        margin: 0 0 0 30px;
        width: 340px;
    }
}
@media (max-width: 767px) {
    .subscibe .text-block {
        float: none;
        width: 100%;
        padding: 0 5px;
        display: block;
        margin: 0 0 2px;
        max-width: inherit;
    }
}
.subscibe .text-block .title {
    color: #fff;
    display: block;
    letter-spacing: -1px;
    font-size: 22px;
    font-family: roboto_slabregular, Arial, sans-serif;
}
@media (max-width: 1023px) {
    .subscibe .text-block .title {
        font-size: 18px;
        /*! line-height: 22px; */
        letter-spacing: -.75px;
    }
}
@media (max-width: 767px) {
    .subscibe .text-block .title {
        letter-spacing: -1px;
        line-height: 24px;
        font-size: 22px;
    }
}
.subscibe .text-block .sub-text {
    color: #fff;
    display: block;
    text-align: left;
    margin: 6px 13px 0 0;
    font-size: 14px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .subscibe .text-block .sub-text {
        margin: 6px 0 0 0;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .subscibe .text-block .sub-text {
        margin: 8px 0 12px 0;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        font-size: 13px;
    }
}
.send-form {
    float: right;
    margin: 0px 22px 0 10px;
}
@media (max-width: 1023px) {
    .send-form {
        margin: 2px 0px 0 20px;
        /*! float: right; */
    }
}
@media (max-width: 767px) {
    .send-form {
        margin: 0 auto;
        width: 320px;
        float: none;
        padding: 0 8px;
    }
}
.send-form .row {
    width: 291px;
    float: left;
    border-radius: 5px;
    position: relative;
}
@media (max-width: 1023px) {
    .send-form .row {
        width: 240px;
    }
}
@media (max-width: 767px) {
    .send-form .row {
        width: 96%;
    }
}
.send-form .row .icon-env {
    top: 14px;
    left: 10px;
    color: #cbcbcb;
    position: absolute;
}
@media (max-width: 1023px) {
    .send-form .row .icon-env {
        top: 7px;
    }
}
@media (max-width: 767px) {
    .send-form .row .icon-env {
        top: 7px;
    }
}
.send-form .row .envalope,  .send-form .row .envalope-hover {
    top: 5px;
    left: 10px;
    width: 34px;
    height: 28px;
    content: "";
    position: absolute;
}
@media (max-width: 1023px) {
    .send-form .row .envalope,  .send-form .row .envalope-hover {
        background-size: 100% 100%;
        height: 22px;
        top: 4px;
        width: 26px;
        left: 7px;
    }
}
@media (max-width: 767px) {
    .send-form .row .envalope,  .send-form .row .envalope-hover {
        top: 6px;
        left: 11px;
        width: 34px;
        height: 28px;
    }
}
.send-form .row .envalope-hover {
    display: none;
}
.send-form .row.parent-focus:before {
    /*background: url(../images/bg-envalope-focus.png) no-repeat;*/
}
@media (max-width: 1023px) {
    .send-form .row.parent-focus:before {
        background-size: 100% 100%;
        width: 26px;
        height: 22px;
    }
}
@media (max-width: 767px) {
    .send-form .row.parent-focus:before {
        width: 34px;
        height: 28px;
        top: 6px;
        left: 11px;
    }
}
.send-form .row label {
    top: 8px;
    left: 45px;
    right: 3px;
    padding: 9px 8px;
    content: '';
    color: #ff1109;
    background: #fff;
    position: absolute;
    cursor: text;
    display: none;
    font-size: 15px;
    font-family: 'robotoitalic';
}
@media (max-width: 1023px) {
    .send-form .row label {
        top: 5px;
        left: 34px;
        padding: 8px 9px;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .send-form .row label {
        top: 9px;
        left: 45px;
        text-align: left;
        padding: 3px 14px;
        font-size: 14px;
    }
}
.send-form .row.error input[type="email"] {
    border: 1px solid #f00;
    color: #ff1109;
    background: #fff;
}
.send-form .row.error input[type="email"]::-webkit-input-placeholder {
    color: #f00;
}
.send-form .row.error input[type="email"]::-moz-placeholder {
    opacity: 1;
    color: #f00;
}
.send-form .row.error input[type="email"]:-moz-placeholder {
    color: #f00;
}
.send-form .row.error input[type="email"]:-ms-input-placeholder {
    color: #f00;
}
.send-form .row.error input[type="email"].placeholder {
    color: #f00;
}
.send-form .row.error label {
    display: block;
}
.send-form .row.error .envalope {
    display: none;
}
.send-form .row.error .envalope-hover {
    display: block;
}
.send-form input[type="email"] {
    float: left;
    width: 100%;
    border: none;
    height: 53px;
    color: #a3a3a3;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #fff;
    padding: 5px 10px 5px 52px;
    font-size: 14px;
    font-family: 'robotolight', Arial, sans-serif;
}
.send-form input[type="email"]::-webkit-input-placeholder {
    color: #c3c3c3;
}
.send-form input[type="email"]::-moz-placeholder {
    opacity: 1;
    color: #c3c3c3;
}
.send-form input[type="email"]:-moz-placeholder {
    color: #c3c3c3;
}
.send-form input[type="email"]:-ms-input-placeholder {
    color: #c3c3c3;
}
.send-form input[type="email"].placeholder {
    color: #c3c3c3;
}
@media (max-width: 1023px) {
    .send-form input[type="email"] {
        height: 42px;
        padding: 4px 10px 5px 50px;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .send-form input[type="email"] {
        height: 41px;
        margin: 0 0 0 1px;
        padding: 5px 5px 5px 58px;
        font-size: 14px;
    }
}
.send-form input[type="email"]:focus {
    color: #757575;
    border: 1px solid #959595;
}
.send-form input[type="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;
}
@media (max-width: 1023px) {
    .send-form input[type="submit"] {
        margin: 0 30px 0 6px;
        padding: 0 18px 0;
        font-size: 12px;
        height: 42px;
    }
}
@media (max-width: 767px) {
    .send-form input[type="submit"] {
        float: none;
        margin: 14px 11px 0 0;
        padding: 5px 117px 5px 117px;

    }
}
.send-form input[type="submit"]:hover {
    color: #ff4301;
    background: #fff;
}
.footer-columns {
    overflow: hidden;
    background: #04356d;
    padding: 55px 0 10px 0;
}
@media (max-width: 1023px) {
    .footer-columns {
        padding: 18px 0 0 140px;
        width: 100%;
    }
}
@media (max-width: 767px) {
    .footer-columns {
        padding: 19px 0 10px;
    }
}
.footer-columns .column-holder {
    max-width: 1040px;
    margin: 0 auto;
    overflow: hidden;
    /*text-align: center;*/
}
.footer-columns .column {
    float: left;
    width: 345px;
    color: #fff;
    padding: 0 5px;
    position: relative;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1200px) {
    .footer-columns .column {
        width: 25%;
    }
}
@media (max-width: 767px) {
    .footer-columns .column {
        width: 100%;
        float: none;
        height: auto !important;
    }
}

.footer-columns .column:first-child {
    margin: 0 0 0 4px;
    padding: 0 65px 0 65px;
}
@media (max-width: 1023px) {
    .footer-columns .column:first-child {
        margin: 0 0 0 15px;
        width: 31%;
        padding: 10px 0 0 30px;
    }
}
@media (max-width: 767px) {
    .footer-columns .column:first-child {
        margin: 30px auto 50px;
        text-align: center;
        width: 100%;
        padding: 0px;
    }
}

.footer-columns .column.address {
    width: 278px;
    margin-left: 68px;
}
@media (max-width: 1200px) {
    .footer-columns .column.address {
        width: 20%;
    }
}
@media (max-width: 1023px) {
    .footer-columns .column.address {
        width: 33%;
        margin: 0px;
        padding: 0px;
    }
}
@media (max-width: 767px) {
    .footer-columns .column.address {
        width: 100%;
        margin: 50px 0 0 0;
    }
}
@media (max-width: 1023px) {
    .footer-columns .column.payment {
        width: 33.33%;
        padding: 0px;
    }
}
@media (max-width: 767px) {
    .footer-columns .column.payment {
        width: 100%;
        /*! margin-top: 20px; */
    }
}
.footer-columns .column.payment:after {
    top: 5px;
    left: 4px;
}
.footer-columns .column.last {
    width: 266px;
    padding: 6px 0 0 30px;
}
@media (max-width: 1200px) {
    .footer-columns .column.last {
        width: 28%;
        padding: 6px 0 0 10px;
    }
}
@media (max-width: 1023px) {
    .footer-columns .column.last {
        width: 24%;
    }
}
@media (max-width: 767px) {
    .footer-columns .column.last {
        width: 320px;
        margin: 0 auto;
        padding: 6px 10px 0;
    }
}
.footer-columns .column.last:after {
    top: 10px;
    left: -6px;
}
.footer-columns .toll-free,  .footer-columns .call,  .footer-columns .fax {
    margin: 0 0 15px;
    font-size: 12px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .footer-columns .toll-free,  .footer-columns .call,  .footer-columns .fax {
        margin: 0 0 12px;
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    .footer-columns .toll-free,  .footer-columns .call,  .footer-columns .fax {
        margin: 0 0 20px;
        font-size: 12px;
    }
}
.footer-columns .toll-free span,  .footer-columns .call span,  .footer-columns .fax span {
    text-transform: uppercase;
    margin-right: 12px;
}
.footer-columns .toll-free a,  .footer-columns .call a,  .footer-columns .fax a {
    color: #fff;
    margin: 2px 0 0;
    text-decoration: none;
    font-size: 18px;
    font-family: 'robotoregular', Arial, sans-serif;
    letter-spacing: 0.5px;
}
@media (max-width: 1023px) {
    .footer-columns .toll-free a,  .footer-columns .call a,  .footer-columns .fax a {
        margin: 0;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .footer-columns .toll-free a,  .footer-columns .call a,  .footer-columns .fax a {
        font-size: 18px;
    }
}
.footer-columns .toll-free a:hover,  .footer-columns .call a:hover,  .footer-columns .fax a:hover {
    opacity: .8;
}




.footer-columns .footer_social {
    font-size: 12px;
    float: left;
    width: 145px;
    margin: 30px 0 0 0;
}

@media (max-width: 767px) {
    .footer-columns .footer_social {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        float: none;

    }
}

.footer-columns .chat {
    color: #fff;
    position: relative;
    margin: 26px 0 0 30px;
    text-decoration: none;
    font-size: 12px;
    float: left;
    width: 100px;
    text-align: center;

}
@media (max-width: 1023px) {
    .footer-columns .chat {
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    .footer-columns .chat {
        width: 288px;
        margin: 10px auto 12px;
        letter-spacing: -1px;
        font-size: 14px;
    }
}
.footer-columns .chat .icon-chat {
    font-size: 23px;
    vertical-align: top;
    display: block;
    margin-top: 12;
    text-align: center;
}
.footer-columns .chat a {
    color: #fff;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

.footer-columns .chat .chat-img {
    top: -6px;
    left: -11px;
    width: 34px;
    height: 25px;
    content: '';
    position: absolute;
}
@media (max-width: 1023px) {
    .footer-columns .chat .chat-img {
        width: 24px;
        height: 18px;
        left: -9px;
        top: -5px;
        background-size: 100% 100%;
    }
}
@media (max-width: 767px) {
    .footer-columns .chat .chat-img {
        left: 35px;
        top: -4px;
        width: 29px;
        height: 22px;
    }
}
.footer-columns .chat:hover {
    opacity: .8;
}
.footer-columns address {
    color: #fff;
    margin: 0 0 25px;
    font-size: 12px;
    font-style: normal;
    font-family: 'robotoregular', Arial, sans-serif;
    text-align: center;
}
@media (max-width: 1023px) {
    .footer-columns address {
        margin: 12px 0 24px;
        font-size: 11px;
        /*! margin: 0px; */
        /*! line-height: 14px; */
    }
}
@media (max-width: 767px) {
    .footer-columns address {
        /*! margin: 0px 25px; */
        line-height: 16px;
        font-size: 12px;
        text-align: center;
        /*! float: left; */
    }
}
.footer-columns address strong {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    font-family: 'robotobold', Arial, sans-serif;
    letter-spacing: 1px;
}
@media (max-width: 1023px) {
    .footer-columns address strong {
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .footer-columns address strong {
        margin: 0;
        font-size: 14px;
    }
}
.footer-columns address em {
    margin: 0 0 5px;
    font-size: 14px;
    font-style: normal;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .footer-columns address em {
        margin: 0 0 1px;
        font-size: 7px;
    }
}
@media (max-width: 767px) {
    .footer-columns address em {
        font-size: 14px;
    }
}

.column.address address p{
    line-height: 16px;
    margin: 4px;
}


.footer-columns .payment {
    display: block;
    margin: 0 0 20px;
    font-size: 12px;
    font-family: 'robotoregular', Arial, sans-serif;
    text-align: center;
}
@media (max-width: 1023px) {
    .footer-columns .payment {
        margin: 0px 0 10px;

    }
}
@media (max-width: 767px) {
    .footer-columns .payment {
        margin: 0 0 10px;
        overflow: hidden;
        font-size: 12px;
    }
    .footer-columns .payment br {
        display: none;
    }
}
.footer-columns .payment-list {
    margin: 0 0 20px;
    width: 220px;
    text-align: center;
    display: inline-block;
}

@media (max-width: 767px) {
    .footer-columns .payment-list {
        margin: 0 0 10px;
        width: 70%;
    }
}

@media (max-width: 1023px) {
    .footer-columns .payment-list {
        margin: 0 0 0 0px;

    }
}
.footer-columns .payment-list li {
    margin: 0 10px 12px;
    display: inline-block;
    vertical-align: middle;
    /*! text-align: center; */
}
@media (max-width: 1023px) {
    .footer-columns .payment-list li img {

    }
}
@media (max-width: 767px) {
    .footer-columns .payment-list li img {

    }
}

.column.payment a .authorizenet{
    display: inline-block;
    text-align: center;
    margin-bottom: 14px;
}

@media (max-width: 1023px) {
    .footer-columns .payment-list li.visa img {

        margin: 6px 0 -6px 0;
    }
}
@media (max-width: 767px) {
    .footer-columns .payment-list li.visa img {

        margin: 5px 0 -6px 13px;
    }
}
@media (max-width: 1023px) {
    .footer-columns .payment-list li.master-card {
        margin: 3px 0 0 0;
    }
}
@media (max-width: 767px) {
    .footer-columns .payment-list li.master-card {
        margin: -1px 3px 0 8px;
    }
}
@media (max-width: 1023px) {
    .footer-columns .payment-list li.express {
        margin: 10px 0 0 12px;
    }
}
@media (max-width: 767px) {
    .footer-columns .payment-list li.express {
        margin: 0 0 0 6px;
    }
}
@media (max-width: 1023px) {
    .footer-columns .payment-list li.paypal {
        margin: 9px 11px 0 10px;
    }
}
@media (max-width: 767px) {
    .footer-columns .payment-list li.paypal {
        margin: 0 9px 0 0px;
    }
}

@media (max-width: 767px) {
    .footer-columns .payment-list li.paypal img {

    }
}

@media (max-width: 1023px) {
    .footer-columns .payment-list li.discover {
        margin: 2px 0 0 8px;
    }
}

@media (max-width: 767px) {
    .footer-columns .payment-list li.discover {
        margin: 0 0 0 8px;
    }
}

@media (max-width: 1023px) {
    .footer-columns .payment-list li.intuit {
        margin: 0 1px 0 4px;
    }
}
@media (max-width: 767px) {
    .footer-columns .payment-list li.intuit {
        margin: -7px 10px 0 7px;
    }
}
@media (max-width: 767px) {
    .footer-columns .payment-list li.intuit img {

    }
}
@media (max-width: 1023px) {
    .footer-columns .payment-list li.verified {
        margin: 5px 10px 6px 10px;
    }
}
@media (max-width: 767px) {
    .footer-columns .payment-list li.verified {
        margin: -3px -6px 15px 20px;
    }
}
.footer-columns .social-networks {
    margin: 20px 0 0 0;
}
@media (max-width: 1023px) {
    .footer-columns .social-networks {
        margin: 0 -8px 16px 2px;
    }
}
@media (max-width: 767px) {
    .footer-columns .social-networks {
        text-align: center;
        margin: 30px auto 20px auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }
}
.footer-columns .social-networks li {
    float: left;
    margin: 0 10px 4px 0;
}
@media (max-width: 1023px) {
    .footer-columns .social-networks li {
        margin: 0 8px 0 0;
    }
}
@media (max-width: 767px) {
    .footer-columns .social-networks li {
        margin: 0 19px 5px 0;
    }
}
@media (max-width: 767px) {
    .footer-columns .social-networks li:last-child {
        margin: 0;
    }
}
.footer-columns .social-networks li a {
    display: block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.footer-columns .social-networks li a.icon-twitter {
    margin: 2px 10px 0 0;
    font-size: 20px;
}
@media (max-width: 1023px) {
    .footer-columns .social-networks li a.icon-twitter {

    }
}
@media (max-width: 767px) {
    .footer-columns .social-networks li a.icon-twitter {

    }
}
.footer-columns .social-networks li a.icon-facebook {
    margin: 2px 11px 0 0;
    font-size: 20px;
}
@media (max-width: 1023px) {
    .footer-columns .social-networks li a.icon-facebook {

    }
}
@media (max-width: 767px) {
    .footer-columns .social-networks li a.icon-facebook {

    }
}
.footer-columns .social-networks li a.icon-youtube {
    font-size: 21px;
    margin: 1px 0 0 0;
}
@media (max-width: 1023px) {
    .footer-columns .social-networks li a.icon-youtube {

    }
}
@media (max-width: 767px) {
    .footer-columns .social-networks li a.icon-youtube {

    }
}


.footer-columns .social-networks li a.icon-instagram {
    margin: 2px 0 0 10px;
    font-size: 21px;
}
@media (max-width: 1023px) {
    .footer-columns .social-networks li a.icon-instagram {

    }
}
@media (max-width: 767px) {
    .footer-columns .social-networks li a.icon-instagram {

    }
}

.footer-columns .social-networks li a:hover,  .footer-columns .social-networks li a.active {
    color: #ff4301;
}
.footer-columns .tweet {
    margin: 7px 0 0;
    text-align: left;
    border-bottom: 1px solid #466a93;
    font-size: 12px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 767px) {
    .footer-columns .tweet {
        text-align: center;
        display: none;
    }
}
.footer-columns .tweet a {
    color: #6dcff6;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}
.footer-columns .tweet a:hover {
    opacity: .8;
}
.footer-columns .tweet .title {
    color: #fff;
    display: block;
    padding: 0 0 3px;
    margin: -1px 0 5px 4px;
    text-transform: capitalize;
    border-bottom: 1px solid #466a93;
    font-size: 13px;
    font-family: 'robotobold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .footer-columns .tweet .title {
        margin: -2px -3px 5px 12px;
        font-size: 9px;
    }
}
.footer-columns .tweet .text {
    display: block;
    margin: 0 0 10px 6px;
}
@media (max-width: 1023px) {
    .footer-columns .tweet .text {
        margin: -2px 0 8px 14px;
        font-size: 8px;
    }
}
.footer-columns .top-area {
    overflow: hidden;
    margin: 8px 5px 9px 5px;
}
@media (max-width: 1023px) {
    .footer-columns .top-area {
        margin: 5px 0 7px 13px;
    }
}
.footer-columns .top-area img {
    float: left;
    width: 33px;
    height: 33px;
    margin: 0 10px 0 0;
}
@media (max-width: 1023px) {
    .footer-columns .top-area img {
        height: auto;
        width: 24px;
        margin: 0 6px 0 0;
    }
}
@media (max-width: 767px) {
    .footer-columns .top-area img {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
}
.footer-columns .top-area .text-area {
    overflow: hidden;
    position: relative;
}
.footer-columns .top-area .text-area strong {
    display: block;
    margin: 0 0 2px;
    font-size: 13px;
    font-weight: bold;
}
@media (max-width: 1023px) {
    .footer-columns .top-area .text-area strong {
        font-size: 9px;
    }
}
.footer-columns .top-area .text-area a {
    color: #fff;
    display: block;
    padding: 0 0 1px;
    text-decoration: none;
    font-family: 'robotolight', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .footer-columns .top-area .text-area a {
        font-size: 9px;
    }
}
.footer-columns .top-area .text-area a:hover {
    opacity: .8;
}
.footer-columns .top-area .text-area em {
    top: 3px;
    right: 2px;
    content: '';
    position: absolute;
    font-size: 11px;
    font-style: normal;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .footer-columns .top-area .text-area em {
        font-size: 9px;
    }
}
.footer-columns .share {
    overflow: hidden;
    display: block;
    text-align: center;
    margin: 17px 0 16px 6px;
}
@media (max-width: 1023px) {
    .footer-columns .share {
        margin: 10px 0 16px 6px;
    }
}
@media (max-width: 767px) {
    .footer-columns .share {
        margin: 10px 0;
        bottom: 40px;
        left: 50%;
        margin: 0 0 0 -103px;
        position: absolute;
    }
}
.footer-columns .share img {
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .footer-columns .share img {
        width: 148px;
        margin: 0 0 0 11px;
    }
}
@media (max-width: 767px) {
    .footer-columns .share img {
        width: 208px;
        margin: 0;
    }
}
.products {
    padding: 19px 0 4px;
    overflow: hidden;
    position: relative;
    background: #f4f4f4;
    border-bottom: #d7d7d7 1px solid;
}
@media (max-width: 1023px) {
    .products {
        padding: 14px 10px 0;
        background-position: 510px 0;
    }
}
@media (max-width: 767px) {
    .products {
        text-align: center;
        padding: 19px 10px 9px;
    }
}
.products .worldwide {
    top: 50%;
    right: 50%;
    color: #04356d;
    content: '';
    display: none;
    position: absolute;
    word-spacing: 2px;
    margin: -71px -292px 0 0;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'din-bold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .products .worldwide {
        margin: -68px 0 0 0;
        right: 35px;
    }
}
@media (max-width: 767px) {
    .products .worldwide {
        display: none;
    }
}
.products .holder {
    max-width: 820px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
@media (max-width: 1200px) {
    .products .holder {
        padding: 0 10px;
    }
}
@media (max-width: 1023px) {
    .products .holder {
        padding: 0 18px;
    }
}
@media (max-width: 767px) {
    .products .holder {
        padding: 0;
        min-height: inherit;
    }
}
.products .product-accordion {
    overflow: hidden;
    text-align: center;
}
@media (max-width: 767px) {
    .products .product-accordion {
        text-align: left;
    }
}
.products .product-accordion li {
    width: 30%;
    margin: 0 23px 0 0;
    padding: 0 5px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 1023px) {
    .products .product-accordion li {
        margin: 0 10px;
    }
}
@media (max-width: 767px) {
    .products .product-accordion li {
        float: none;
        width: 100%;
        padding: 0 5px 9px 13px;
        margin: 0 0 17px;
        height: auto !important;
        border-bottom: 1px solid #cacaca;
    }
}
.products .product-accordion li:after {
    top: 31px;
    left: -22px;
    width: 1px;
    color: #757575;
    height: 264px;
    position: absolute;
    background: #bfbfbf;
}
.products .product-accordion li:first-child:after {
    display: none;
}
@media (max-width: 767px) {
    .products .product-accordion li:last-child {
        margin: 0 0 -6px;
    }
}
.products .product-accordion li.active .opener:before {
    content: "\e91d";
}
.products .slide {
    padding: 0 0 0 65px;/*@media only screen and (min-width: 767px) {
                    display:block !important;
                    position: static !important;
                    top: -0 !important;
                    left: 0 !important;
                    height:auto !important;
                    width: 100% !important;
            }*/ }
@media (max-width: 1023px) {
    .products .slide {
        padding: 0 0 0 50px;
    }
}
@media (max-width: 767px) {
    .products .slide {
        padding: 0;
    }
}
.products .slide .list {
    margin: 18px 0 0 -2px;
    text-align: left;
    font-size: 12px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 767px) {
    .products .slide .list {
        margin: 26px 0 0;
        font-size: 12px;
    }
}
.products .slide .list li {
    margin: 0 0 16px;
    width: 100%;
}
@media (max-width: 767px) {
    .products .slide .list li {
        margin: 0 0 12px;
        padding: 0 0 0 34px;
        border: none;
    }
}

.products .slide .list li a {
    color: #757575;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}
.products .slide .list li a:hover {
    color: #ff4301;
    text-decoration: none;
}
.products .opener {
    color: #6e6e6e;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 11px;
    position: relative;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    font-family: 'robotobold', Arial, sans-serif;
    letter-spacing: 1px;
}
@media (max-width: 767px) {
    .products .opener {
        margin: 0;
        text-align: left;
        padding: 0 0 0 20px;
        display: inline-block;
        pointer-events: auto;
    }
}
.products .opener:before {
    top: 5px;
    left: auto;
    right: -25px;
    color: #757575;
    content: '\e91c';
    position: absolute;
    font-size: 7px;
    font-family: 'icomoon';
}
@media (max-width: 767px) {
    .products .opener:before {
        top: 2px;
        right: auto;
        left: -3px;
    }
}
.footer-nav {
    padding: 13px 0 14px;
    overflow: hidden;
    /*background: #6e6e6e;*/
}
@media (max-width: 1023px) {
    .footer-nav {
        padding: 13px 24px 16px;
    }
}
@media (max-width: 767px) {
    .footer-nav {
        padding: 6px 20px 3px;
    }
}
.footer-nav .nav-holder {
    max-width: 1024px;
    margin: 0 auto;
    overflow: hidden;
}
@media (max-width: 1200px) {
    .footer-nav .nav-holder {
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
    .footer-nav .nav-holder {
        text-align: center;
        padding: 0;
    }
}
.footer-nav ul {
    float: left;
    width: 600px;
    margin: 0 0 0 28px;
    font-size: 11px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .footer-nav ul {
        margin: 0;
        width: 500px;
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    .footer-nav ul {
        width: 100%;
        text-align: center;
        font-size: 11px;
    }
}
.footer-nav ul li {
    float: left;
    position: relative;
    margin: 0 17px 0 0;
}
@media (max-width: 767px) {
    .footer-nav ul li {
        float: none;
        margin: 0 5px 5px;
        display: inline-block;
        vertical-align: middle;
    }
}
.footer-nav ul li:after {
    top: 4px;
    left: -9px;
    content: '';
    height: 9px;
    width: 1px;
    position: absolute;
    background: #a3a3a3;
}
@media (max-width: 1023px) {
    .footer-nav ul li:after {
        top: 3px;
    }
}
@media (max-width: 767px) {
    .footer-nav ul li:after {
        top: 3px;
        left: -8px;
    }
}
.footer-nav ul li:first-child:after {
    display: none;
}
.footer-nav ul a {
    display: block;
    color: #626262;
    text-decoration: none;
    text-transform: capitalize;
    padding: 0px 4px 0px 4px;
}
.footer-nav ul a:hover {
    opacity: .8;
}
.footer-nav .copyright {
    float: right;
    color: #626262;
    max-width: 250px;
    margin: -1px -2px 0 0;
    font-size: 12px;
    font-family: 'robotoregular', Arial, sans-serif;
    padding: 0px 0px 8px 0px;
}
@media (max-width: 1023px) {
    .footer-nav .copyright {
        margin: 0 -2px 0 0;
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    .footer-nav .copyright {
        float: none;
        display: none;
    }
}
.footer-nav .copyright a {
    color: #626262;
    text-decoration: none;
    display: inline-block;
    vertical-align: top;
}
.footer-nav .copyright a:hover {
    opacity: .8;
}
.right {
    display: none;
}
@media (max-width: 767px) {
    .right {
        color: #747474;
        width: 100%;
        margin: 0 auto;
        padding: 9px 10px 6px;
        text-align: center;
        background: #ffffff;
        display: inline-block;
        vertical-align: middle;
        font-size: 10px;
        font-family: 'robotolight', Arial, sans-serif;
    }
}
.right a {
    color: #747474;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}
.right a:hover {
    opacity: .8;
}
.logo-holder {
    background: #ffffff;
}
.logos-list {
    margin: 9px auto 50px;
    max-width: 1024px;
    overflow: hidden;
    padding: 0;
}
@media screen and (max-width: 1024px) {
    .logos-list {
        padding: 0 10px;
    }
}
@media (max-width: 1023px) {
    .logos-list {
        padding: 0 34px 0 20px;
    }
}
@media (max-width: 767px) {
    .logos-list {
        text-align: center;
        margin: 15px auto 30px;
    }
}
.logos-list ul {
    float: left;
}
@media (max-width: 767px) {
    .logos-list ul {
        float: none;
    }
}
.logos-list ul li {
    margin: 0 32px 5px 4px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .logos-list ul li {
        margin: 0 16px;
    }
}
@media (max-width: 767px) {
    .logos-list ul li {
        margin: 0 6px 20px;
    }
}
.logos-list ul li a {
    display: block;
}
.logos-list ul li img {
    display: block;
}
.logos-list ul li.world {
    width: 83px;
    height: 69px;
}
@media (max-width: 1023px) {
    .logos-list ul li.world {
        margin: 0 10px 0 16px;
    }
}
@media (max-width: 767px) {
    .logos-list ul li.world {
        width: 62px;
        height: auto;
        margin: 0 16px 0 19px;
    }
}
@media (max-width: 1023px) {
    .logos-list ul li.world img {
        width: 61px;
    }
}
.logos-list ul li.green {
    width: 124px;
    height: 35px;
}
@media (max-width: 1023px) {
    .logos-list ul li.green {
        margin: -9px 0 0 -6px;
    }
}
@media (max-width: 767px) {
    .logos-list ul li.green {
        width: 91px;
        height: auto;
        margin: 8px 6px 16px;
    }
}
@media (max-width: 1023px) {
    .logos-list ul li.green img {
        width: 91px;
    }
}
.logos-list ul li.print {
    width: 185px;
    height: 45px;
    margin: -3px 29px 0 12px;
}
@media (max-width: 1023px) {
    .logos-list ul li.print {
        width: 132px;
        margin: -4px 29px 0 -2px;
    }
}
@media (max-width: 767px) {
    .logos-list ul li.print {
        width: 128px;
        height: auto;
        margin: 16px 6px 20px;
    }
}
@media (max-width: 1023px) {
    .logos-list ul li.print img {
        width: 132px;
    }
}
.logos-list ul li.ppai {
    width: 85px;
    height: 41px;
    margin: -11px 0 0 4px;
}
@media (max-width: 767px) {
    .logos-list ul li.ppai {
        margin: 6px 6px 20px;
    }
}
@media (max-width: 1023px) {
    .logos-list ul li.ppai img {
        width: 62px;
        margin: -2px 6px 0 -6px;
    }
}
.logos-list .verified {
    width: 122px;
    height: 32px;
    float: right;
    margin: 16px 0 0;
}
@media (max-width: 1023px) {
    .logos-list .verified {
        margin: 8px 0 0;
    }
}
@media (max-width: 767px) {
    .logos-list .verified {
        float: none;
        margin: -15px 0 0 8px;
        display: inline-block;
        vertical-align: middle;
    }
}
.logos-list .verified img {
    display: block;
}


a {
    outline: none;
}
a:hover,  a.active,  a:focus {
    outline: none;
}
#wrapper {
    overflow: hidden;
}
@media (max-width: 767px) {
    #wrapper {
        padding: 64px 0 0;
    }
}
.sub-nav {
    overflow: hidden;
    text-align: center;
    padding: 0 10px;
}
@media (max-width: 1023px) {
    .sub-nav {
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    .sub-nav {
        display: none;
    }
}
.sub-nav ul {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    font-family: 'din-bold', Arial, sans-serif;
}
.sub-nav ul li {
    width: 24%;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.sub-nav ul li:after {
    top: 5px;
    right: -3px;
    width: 2px;
    height: 22px;
    content: '';
    background: #0d5ba5;
    position: absolute;
}
.sub-nav ul li:last-child:after {
    display: none;
}
.sub-nav ul a {
    color: #0d5ba5;
    display: block;
    line-height: 24px;
    padding: 6px 0 4px;
    letter-spacing: -0.3px;
    text-decoration: none;
    text-transform: uppercase;
}
.sub-nav ul a .icon-10,  .sub-nav ul a .icon-11,  .sub-nav ul a .icon-12,  .sub-nav ul a .icon-13 {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 -6px;
}
.sub-nav ul a .icon-10-hover,  .sub-nav ul a .icon-11-hover,  .sub-nav ul a .icon-12-hover,  .sub-nav ul a .icon-13-hover {
    display: none;
}
.sub-nav ul a:hover {
    color: #04356d;
}
.sub-nav ul a:hover .icon-10,  .sub-nav ul a:hover .icon-11,  .sub-nav ul a:hover .icon-12,  .sub-nav ul a:hover .icon-13 {
    display: none;
}
.sub-nav ul a:hover .icon-10-hover,  .sub-nav ul a:hover .icon-11-hover,  .sub-nav ul a:hover .icon-12-hover,  .sub-nav ul a:hover .icon-13-hover {
    display: inline-block;
    vertical-align: top;
    margin: 0 4px 0 -6px;
}
.banner {
    overflow: hidden;
}
@media (max-width: 767px) {
    /*.banner {
            display: none;
    }*/
}

/* old banner classes */
/*.banner .banner-slideshow {
        position: relative;
        height: auto;
}
.banner .banner-slideshow .slide {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        right: 0;
}
.banner .banner-slideshow .slide.active {z-index:2;}
.banner .banner-slideshow .image-holder {
        position: relative;
}
.banner .banner-slideshow .image-holder img {
        display: block;
        width: 100%;
        position:relative;
}
.banner .banner-slideshow .btn-prev {
        top: 50%;
        left:5%;
        content: '';
        color: #fff;
        z-index: 2;
        /*display: none;*/
/*margin: -90px 0 0;
position: absolute;
text-decoration: none;
font-size: 38px;
}
.banner .banner-slideshow .btn-prev:hover {
opacity: .8;
}
.banner .banner-slideshow .btn-next {
top: 50%;
right:5%;
content: '';
color: #fff;
z-index: 2;
/*display: none;*/
/*margin: -90px 0 0;
position: absolute;
text-decoration: none;
font-size: 38px;
}
.banner .banner-slideshow .btn-next:hover {
opacity: .8;
}
.banner .banner-slideshow:hover .btn-next,  .banner .banner-slideshow:hover .btn-prev {
display: block;
}
.banner .caption {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
text-align: center;
white-space: nowrap;
position: absolute;
}
.banner .caption:after {
width: 1px;
height: 100%;
content: '';
margin: 0;
overflow: hidden;
display:block;
vertical-align: top;
}
.banner .text-box {
width:1040px;
margin:6% auto 0 auto;
color: #fff;
white-space: normal;
display:inline-block;
font-size: 40px;
text-align:left;
}
.banner .text-box .heading {
color: #474747;
text-transform:none;
font-size:47px;
padding-bottom:10px; display:block;
font-family: 'DINNextLTPro-Light';
letter-spacing:-0.065em;
}
.banner .text-box p{ margin:0 0 28px 0; color:#474747; font-family: 'DINNextLTPro-light'; font-size:17px; line-height:32px; letter-spacing:-0.025em; }
.banner .text-box a { font-family: 'DINPro-CondMedium', Arial, sans-serif; font-size:22px; line-height:26px; text-transform:uppercase; border:#04356d solid 1px; border-radius:5px; text-decoration:none; padding:7px 25px; color:#04356d; }
.banner .text-box a:hover { background:#04356d; color:#fff; border:#04356d solid 1px; }
.spacer20 { height:20px; display:block;}
.banner .text-box .text-box-info { max-width:448px;  }
.banner .text-box.white-text a { border:#fff solid 1px; color:#fff; }
.banner .text-box.white-text a:hover { background:#fff; color:#04356d; border:#fff solid 1px; }
.banner .text-box.white-text .heading { color:#fff;}
.banner .text-box.white-text p { color:#fff;}
*/

/* custom css applied while development*/
#numbering_wrapper .switch-holder label {    margin-top: 4px;}
#numbering_wrapper .switch-holder.form-row {    margin-bottom: 0;}
#numbering_wrapper .slide:last-child {    padding-bottom: 15px;}
#numbering_wrapper .switch { margin-bottom: 8px;}
#numbering_wrapper .range.range-row {    margin-top: 0px;}

.form-area .col-clear {width: 48%; float: left;margin: 3px 0 18px 6px}
.col-clear span {    float: left;}
.form-area .col-clear label{padding-left:2px;margin:0 2px 0 0;float:left;color:#797979;font-size: 12px; font-family: 'robotoregular';font-weight:normal; letter-spacing: normal;line-height: 20px;}
@media (max-width: 1023px){
    .form-area .col-clear {width: 100%;margin: 3px 0 2px 0px}
}
.accordion-holder .tab-accordion > li.secli  > .opener{border-top:none; }
.slide .special.secli{border-bottom:none; }
.pb0{padding-bottom: 0 !important}
.pt0{padding-top: 0 !important}
.bcode .switch .check-list{float: left;}
.row .bcode.accordion-holder { border: 0;}
#special-options a.tooltip.sp {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    right: -20px;
    top: 3px;
}
/* */

@media (max-width: 1200px) {
    .banner .text-box .heading {
        font-size:45px;
    }
}
@media (max-width: 767px) {
    .banner .text-box .heading {
        font-size: 28px;
    }
}
#main {
    overflow: hidden;
}
.link-bar-block { position:absolute; width:100%; left:0; right:0; bottom:0; z-index:99999;}
.links-bar {
    padding:18px 0 8px 0;
    overflow: hidden;

    background-color: rgba(4, 53, 109, 0.55);}


@media (max-width: 1024px) {
    .links-bar {
        padding:12px 0 8px 0;
    }
}
@media (max-width: 767px) {
    .links-bar {
        display: none;
    }
}
.links-bar ul {
    max-width: 1040px;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
    font-family: 'DINNextLTPro-Medium', Arial, sans-serif;
}
.hidden-md {display:none; }
@media (max-width: 1200px) {
    .links-bar ul {
        padding: 0 10px;
    }
}
.links-bar ul li {
    margin: 0 36px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 1100px) {
    .links-bar ul li {
        margin: 0 32px;
    }
}
@media (max-width: 767px) {
    .links-bar ul li {
        width: 42%;
        margin: 0 6px;
    }
}
.links-bar ul li a {
    display: block;
    text-decoration: none;
}
.links-bar ul li a:hover {
    opacity:0.7;
}
.links-bar ul li a:hover .title {
    color: #fff;
}
@media (max-width: 767px) {
    .links-bar ul li a:hover .title {
        color: #fff;
    }
}
.links-bar ul li a:hover .img-hover {
    margin: 0 0 18px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 1100px) {
    .links-bar ul li a:hover .img-hover {
        margin: 3px 0 6px;
    }

}
@media (max-width: 767px) {
    .links-bar ul li a:hover .img-hover {
        display: none;
    }
}
.links-bar ul li a:hover img {
    display: none;
    margin: 0 0 18px;
}
@media (max-width: 767px) {
    .links-bar ul li a:hover img {
        display: none;
    }
}
.links-bar ul li img {
    margin: 0 0 18px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 1100px) {
    .links-bar ul li img {
        width:50px;
        height: auto;
        margin: 3px 0 6px;
    }
}
.links-bar ul li .img-hover {
    display: none;
}
.links-bar ul li .title {
    display: block;
    margin: 0 0 -2px;
    white-space: nowrap;
    color: #fff;
    max-width: 204px;
    text-transform: capitalize;
    font-size:24px; line-height:24px;
    letter-spacing:-0.05em;
}

.links-bar ul li .send {
    color: #fff;
    max-width: 160px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 11.5px;
    font-family: 'roboto_slabregular';
    line-height: 30px;
}
@media (max-width: 1100px) {
    .links-bar ul li .title {
        margin: 0 0 -7px;
        font-size: 18px;
    }
    .links-bar ul li .send { font-size:9px;}
}
@media (max-width: 767px) {
    .links-bar ul li .title {
        margin: 0;
        max-width: 100%;
        font-size: 14px;
    }
}
@media (max-width: 1023px) {
    .links-bar ul li .send {
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .links-bar ul li .send {
        max-width: 100%;
        font-size: 12px;
    }
}
.links-bar.inner {
    display: none;
    padding: 27px 0 33px;
}
@media (max-width: 1023px) {
    .links-bar.inner {
        padding: 14px 0 16px;
    }
}
@media (max-width: 767px) {
    .links-bar.inner {
        padding: 14px 0 8px;
        display: block;
        margin: 0 0 19px;
    }
}
.links-bar.inner .title {
    font-size: 21px;
    font-family: 'dinpro-medium', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .links-bar.inner .title {
        margin: -3px 0 2px;
        font-size: 19px;
    }
}
@media (max-width: 767px) {
    .links-bar.inner .title {
        margin: 6px 0 3px;
        text-transform: uppercase;
        font-size: 11px;
        font-family: 'DINNextLTPro-Bold';
    }
}
.links-bar.inner li:last-child a img {
    margin: 4px 0 8px !important;
}
.links-bar.inner li a img {
    margin: 0 0 4px !important;
}
.links-bar.inner li a:hover {
    .img1 {
        width: 55px;
        margin: 0 0 0 -4px;
    }
    .img2 {
        width: 50px;
        margin: -1px 0 0 6px;
    }
    .img3 {
        width: 49px;
        margin: -2px 0 0 -3px;
    }
    .img4 {
        width: 44px;
        margin: 5px 0 3px 8px;
    }
}
.links-bar.inner li a:hover img {
    display: inline-block;
    vertical-align: middle;
    opacity: 0.8;
}
.links-bar.inner li .img1 {
    width: 55px;
}
.links-bar.inner li .img2 {
    width: 50px;
}
.links-bar.inner li .img3 {
    width: 49px;
}
.links-bar.inner li .img4 {
    width: 44px;
}
.links-bar.inner .icon,  .links-bar.inner .icon2,  .links-bar.inner .icon3,  .links-bar.inner .icon4 {
    display: none;
    margin: 2px 0 0 -9px;
}
@media (max-width: 767px) {
    .links-bar.inner .icon,  .links-bar.inner .icon2,  .links-bar.inner .icon3,  .links-bar.inner .icon4 {
        display: inline-block;
        vertical-align: middle;
        margin: 1px 0 -3px;
    }
}
.links-bar.inner .icon.icon2,  .links-bar.inner .icon2.icon2,  .links-bar.inner .icon3.icon2,  .links-bar.inner .icon4.icon2 {
    margin: 0;
    width: 50px;
}
.links-bar.inner .icon.icon3,  .links-bar.inner .icon2.icon3,  .links-bar.inner .icon3.icon3,  .links-bar.inner .icon4.icon3 {
    width: 50px;
    margin: 0;
}
.links-bar.inner .icon.icon4,  .links-bar.inner .icon2.icon4,  .links-bar.inner .icon3.icon4,  .links-bar.inner .icon4.icon4 {
    margin: 6px 0 0 16px;
    width: 20px;
}
.links-bar.inner .send {
    display: none;
}
@media (max-width: 1023px) {
    .links-bar.inner .send {
        display: block;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .links-bar.inner .send {
        display: none;
    }
}
.links-bar.inner ul {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -4px;
}
.links-bar.inner ul li {
    margin: 0 40px;
    letter-spacing: 0;
}
@media (max-width: 1023px) {
    .links-bar.inner ul li {
        margin: 0 13px;
    }
}
@media (max-width: 767px) {
    .links-bar.inner ul li {
        width: 68px;
        margin: 0 1px;
        vertical-align: bottom;
    }
}
.cards {
    max-width: 1200px;
    margin: 0 auto 43px;
    padding: 27px 0 0;
}
@media (max-width: 1023px) {
    .cards {
        padding: 13px 0 0;
        margin: 0 auto 20px;
    }
}
@media (max-width: 767px) {
    .cards {
        margin: 0 0 4px;
        padding: 10px 10px 0;
    }
}
.cards .cards-list {
    margin: 0 -44px 22px 0;
    overflow: hidden;
    text-align: center;
    background-color: #f2f2f2;
}
@media (max-width: 1200px) {
    .cards .cards-list {
        margin: 0 0 22px;
    }
}
@media (max-width: 1023px) {
    .cards .cards-list {
        margin: 0 0 4px;
    }
}
.cards .cards-list li {
    width: 256px;
    float: left;
    margin: 0 43px 40px 10px;
}
@media only screen and (max-width: 1220px) {
    .cards .cards-list li {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 8px 30px;
    }
}
@media (max-width: 1200px) {
    .cards .cards-list li {
        float: none;
        margin: 0 10px 30px;
        display: inline-block;
        vertical-align: top;
    }
}


.cards .cards-list li a {
    display: block;
    text-decoration: none;
}
.cards .cards-list li a:hover .hover-caption {
    display: block;
}
@media (max-width: 1200px) {
    .cards .cards-list li a:hover .hover-caption {
        display: none;
    }
}
.cards .cards-list li a:hover .image-block {
    border: 2px solid #c0d4e9;
}
.cards .cards-list .image-block {
    padding: 7px;
    margin: 0 0 10px;
    position: relative;
    border-radius: 7px;
    border: 2px solid #d7d7d7;
}
@media (max-width: 1023px) {
    .cards .cards-list .image-block {
        margin: 0 0 5px;
    }
}
@media (max-width: 767px) {
    .cards .cards-list .image-block {
        margin: 0 0 3px;
        padding: 4px;
    }
}
.cards .cards-list .image-block img {
    display: block;
}



.cards .cards-list .image-block .hover-caption {
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    content: '';
    display: none;
    color: #fff;
    padding: 15px 18px 10px;
    text-align: center;
    position: absolute;
    background: rgba(4, 53, 109, 0.8);
    transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s linear;
    font-size: 14px;
    letter-spacing: -0.25px;
    font-family: 'robotoregular', Arial, sans-serif;
    line-height: 19px;
}
@media (max-width: 767px) {
    .cards .cards-list .image-block .hover-caption {
        padding: 5px;
        font-size: 10px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
    }
}
.cards .cards-list .image-block p {
    margin: 0 !important;
}
@media (max-width: 1023px) {
    .cards .cards-list .image-block p {
        margin: 0 0 14px;
    }
}
@media (max-width: 767px) {
    .cards .cards-list .image-block p {
        margin: 0 0 5px;
    }
}
.cards .cards-list .image-block .shop {
    height: 30px;
    width: 97px;
    padding: 2px 5px;
    color: #ff4301;
    overflow: hidden;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    display: inline-block;
    vertical-align: middle;
    border: 3px solid #fff;
    line-height: 18px;
    font-size: 14px;
    font-family: 'dinpro-bold', Arial, sans-serif;
    margin-top: 16px;
}
@media (max-width: 767px) {
    .cards .cards-list .image-block .shop {
        width: 76px;
        height: 22px;
        padding: 2px 4px;
        line-height: 10px;
        font-size: 10px;
    }
}
.cards .cards-list .image-block .shop:hover {
    box-shadow: 0 0 0 2px #ff4301;
}
.cards .cards-list h1 {
    margin: 0;
    text-transform: uppercase;

}
@media (max-width: 1023px) {
    .cards .cards-list h1 {
        font-size: 15px;
        font-weight: normal;
    }
}
@media (max-width: 767px) {
    .cards .cards-list h1 {
        font-size: 12px;
    }
}
.printing-columns {
    overflow: hidden;
}
@media (max-width: 1200px) {
    .printing-columns {
        padding: 0 20px;
    }
}
@media (max-width: 767px) {
    .printing-columns {
        display: none;
    }
}
.printing-columns .left-column {
    float: left;
    width: 567px;
    padding: 7px;
    margin: 0 0 0 9px;
    border-radius: 7px;
    border: 2px solid #d7d7d7;
}
@media (max-width: 1200px) {
    .printing-columns .left-column {
        width: 48%;
    }
}
@media (max-width: 1023px) {
    .printing-columns .left-column {
        width: 564px;
        float: none;
        margin: 0 auto 30px;
    }
}
@media (max-width: 767px) {
    .printing-columns .left-column {
        width: 100%;
        float: none;
        margin: 0 0 10px;
    }
}
.printing-columns .left-column .printing-carousel {
    position: relative;
}
.printing-columns .left-column .printing-carousel .mask {
    position: relative;
    overflow: hidden;
    width: 549px;
}
@media (max-width: 1200px) {
    .printing-columns .left-column .printing-carousel .mask {
        width: 100%;
    }
}
@media (max-width: 767px) {
    .printing-columns .left-column .printing-carousel .mask {
        width: 100%;
    }
}
.printing-columns .left-column .printing-carousel .slideset {
    width: 99999px;
    float: left;
}
.printing-columns .left-column .printing-carousel .slide {
    float: left;
    width: 549px;
}
@media (max-width: 1200px) {
    .printing-columns .left-column .printing-carousel .slide {
        width: 100%;
    }
}
.printing-columns .left-column .printing-carousel .calling-img {
    position: relative;
}
.printing-columns .left-column .printing-carousel .calling-img img {
    display: block;
}
@media (max-width: 767px) {
    .printing-columns .left-column .printing-carousel .calling-img img {
        width: 100%;
        height: auto;
    }
}
.printing-columns .left-column .printing-carousel .calling-caption {
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    content: '';
    position: absolute;
}
.printing-columns .left-column .printing-carousel .calling-caption .title {
    color: #9b9b9b;
    margin: 20px 0 0 50px;
    display: block;
    text-transform: capitalize;
    font-size: 46px;
}
@media (max-width: 1200px) {
    .printing-columns .left-column .printing-carousel .calling-caption .title {
        margin: 10px 0 0 30px;
        font-size: 30px;
    }
}
@media (max-width: 767px) {
    .printing-columns .left-column .printing-carousel .calling-caption .title {
        font-size: 18px;
    }
}
.printing-columns .left-column .printing-carousel .btn-prev {
    top: 50%;
    left: 0;
    content: '';
    color: #888888;
    margin: -13px 0 0;
    position: absolute;
    text-decoration: none;
    font-size: 38px;
}
.printing-columns .left-column .printing-carousel .btn-prev:hover {
    opacity: .8;
}
.printing-columns .left-column .printing-carousel .btn-next {
    top: 50%;
    right: 0;
    content: '';
    color: #888888;
    margin: -13px 0 0;
    position: absolute;
    text-decoration: none;
    font-size: 38px;
}
.printing-columns .left-column .printing-carousel .btn-next:hover {
    opacity: .8;
}
.printing-columns .left-column .pagination {
    left: 50%;
    bottom: 19px;
    content: '';
    margin: 0 0 0 -32px;
    position: absolute;
}
@media (max-width: 767px) {
    .printing-columns .left-column .pagination {
        bottom: 2px;
    }
}
.printing-columns .left-column .pagination ul li {
    margin: 0 4px;
    display: inline-block;
    vertical-align: middle;
}
.printing-columns .left-column .pagination ul li:hover, .printing-columns .left-column .pagination ul li.active {
    background: #04356d;
    border-radius: 50%;
}
.printing-columns .left-column .pagination ul li a {
    width: 13px;
    height: 13px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #04356d;
}
@media (max-width: 767px) {
    .printing-columns .left-column .pagination ul li a {
        width: 8px;
        height: 8px;
    }
}


/* index right Col box*/
.printing-columns .info-bar-blnk-pvc{
    background: rgba(13, 86, 165, 0.55);
    z-index: 99;
    position: absolute;
    top: 1715;
    left: 956;
    padding: 22px 0 17px;
    height: 110px;
    width: 565;

}


.plastic-printing .info-bar-blnk-pvc .txt-infobar-left{
    float: left;
    width: 325px;
    margin: -18px 0px 0px 15px;

}

.txt-infobar-left h1{
    font-family: 'din-bold', Arial, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 0.5px;
    text-decoration: none !important;
}


.info-bar-blnk-pvc .txt-infobar-left ul {
    font-family: 'robotoregular', Arial, sans-serif;
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    padding: 0;

}

.info-bar-blnk-pvc .txt-infobar-left ul li{
    display: inline;
    padding: 0;
}


.plastic-printing .info-bar-blnk-pvc .txt-infobar-right{
    float: right;
    width: 220px;
}

.info-bar-blnk-pvc .txt-infobar-right ul {
    font-family: 'roboto_slabregular' , Arial , sans-serif;
    color: #ffffff;
    font-size: 12px;
    padding: 0;
    list-style: none;
}

.info-bar-blnk-pvc .txt-infobar-right ul li{
    display: inline;
}


.printing-columns .right-column {
    float: right;
    width: 567px;
    padding: 7px 7px 3px 7px;
    border-radius: 7px 7px 0px 0px;
    border: 2px solid #d7d7d7;
    margin: 0 9px 0 0;
}

.printing-columns .right-column .img-holder {
    padding: 8px 7px;
    margin: 0 0 23px;
    border-radius: 7px 7px 0px 0px;
    border: 2px solid #d7d7d7;
}

.printing-columns .right-column .img-holder img {
    display: block;
}


@media (max-width: 1200px) {
    .printing-columns .right-column {
        width: 44%;
    }
}
@media (max-width: 1023px) {
    .printing-columns .right-column {
        width: 100%;
        float: none;
        margin: 0;
    }
}
@media (max-width: 767px) {
    .printing-columns .right-column {
        float: none;
        width: 100%;
        margin: 0 0 10px;
    }
}

@media (max-width: 1023px) {
    .printing-columns .right-column .img-holder {
        width: 220px;
        margin: 0 8px;
        display: none;
    }
}
@media (max-width: 767px) {
    .printing-columns .right-column .img-holder {
        margin: 0 0 10px;
    }
}

@media (max-width: 1200px) {
    .printing-columns .right-column .img-holder img {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 1023px) {
    .printing-columns .right-column .img-holder img {
        height: 160px;
    }
}
.printing-columns .img-area {
    overflow: hidden;
}
@media (max-width: 1023px) {
    .printing-columns .img-area {
        display: none;
    }
}
.printing-columns .img-area .printing {
    display: none;
}
@media (max-width: 1023px) {
    .printing-columns .img-area .printing {
        width: 220px;
        padding: 7px;
        margin: 0 8px;
        border-radius: 7px;
        border: 2px solid #d7d7d7;
        display: inline-block;
        vertical-align: top;
    }
}
.printing-columns .img-area .printing img {
    display: block;
}
@media (max-width: 1023px) {
    .printing-columns .img-area .printing img {
        width: 100%;
        height: 145px;
    }
}
.printing-columns .img-area .visa {
    float: left;
    padding: 7px;
    border-radius: 7px;
    border: 2px solid #d7d7d7;
}
@media (max-width: 1200px) {
    .printing-columns .img-area .visa {
        width: 48%;
    }
}
@media (max-width: 1023px) {
    .printing-columns .img-area .visa {
        float: none;
        width: 220px;
        margin: 0 8px;
        display: inline-block;
        vertical-align: top;
    }
}
.printing-columns .img-area .visa img {
    display: block;
}
@media (max-width: 1200px) {
    .printing-columns .img-area .visa img {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 1023px) {
    .printing-columns .img-area .visa img {
        height: 145px;
    }
}
.printing-columns .img-area .shield {
    float: right;
    padding: 7px;
    border-radius: 7px;
    border: 2px solid #d7d7d7;
}
@media (max-width: 1200px) {
    .printing-columns .img-area .shield {
        width: 48%;
    }
}
@media (max-width: 1023px) {
    .printing-columns .img-area .shield {
        float: none;
        width: 220px;
        margin: 0 8px;
        display: inline-block;
        vertical-align: top;
    }
}
.printing-columns .img-area .shield img {
    display: block;
}
@media (max-width: 1200px) {
    .printing-columns .img-area .shield img {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 1023px) {
    .printing-columns .img-area .shield img {
        height: 145px;
    }
}
.printing-columns .img-list {
    text-align: center;
    display: none;
}
@media (max-width: 1023px) {
    .printing-columns .img-list {
        display: block;
    }
}
.printing-columns .img-list li {
    margin: 0 7px 5px;
    vertical-align: top;
    display: inline-block;
}
.printing-columns .img-list li a {
    display: block;
    border-radius: 7px;
    padding: 7px;
    border: 2px solid #d7d7d7;
}
.printing-columns .img-list li img {
    display: block;
}
.printing-columns .img-list li span {
    color: #0d56a5;
    display: block;
    margin: 7px 0 0;
    text-transform: uppercase;
    font-size: 15px;
    font-family: "din-bold", Arial, sans-serif;
}
.welcome {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
@media (max-width: 1200px) {
    .welcome {
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
    .welcome {
        padding: 0 16px;
    }
}
.welcome h1 {
    color: #656565;
    margin: 0 0 2px;
    font-size: 28px;
    font-weight: normal;
    font-family: 'roboto_slablight', Arial, sans-serif;
    letter-spacing: -0.5px;
    line-height: 40px;
}
@media (max-width: 767px) {
    .welcome h1 {
        margin: 0 0 16px;
        font-size: 21px;
        line-height: 31px;
    }
}
.welcome .sub-heading {
    color: #757575;
    line-height: 30px;
    letter-spacing: -0.25px;
    max-width: 1180px;
    margin: 10px auto 26px;
    display: block;
    font-size: 20px;
    font-family: 'robotolight', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .welcome .sub-heading {
        padding: 0 20px;
        margin: 12px auto 18px;
        line-height: 25px;
        font-size: 17px;
    }
}
@media (max-width: 767px) {
    .welcome .sub-heading {
        padding: 0 7px;
        margin: 0 auto 12px;
        line-height: 24px;
        text-align: center;
        font-size: 15px;
    }
}

.detail-column {
    overflow: hidden;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 0 30px;
    text-align: center;
}
@media (max-width: 1023px) {
    .detail-column {
        padding: 0 0 32px;
    }
}
@media (max-width: 767px) {
    .detail-column {
        padding: 0 10px;
    }
}
.detail-column .column {
    width: 22%;
    line-height: 19px;
    margin: 0 36px 0 1px;
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    font-family: 'robotolight', Arial, sans-serif;
}
@media (max-width: 1200px) {
    .detail-column .column {
        margin: 0 12px;
    }
}
@media (max-width: 1023px) {
    .detail-column .column {
        margin: 0 14px;
        width: 148px;
    }
}
@media (max-width: 767px) {
    .detail-column .column {
        width: 100%;
        margin: 0 0 20px;
        text-align: center;
    }
}
.detail-column .column:last-child {
    margin: 0 0 0 2px;
}
@media (max-width: 1023px) {
    .detail-column .column:last-child {
        margin: 0 5px;
    }
}
@media (max-width: 767px) {
    .detail-column .column:last-child {
        margin: 0 0 14px;
    }
}

.detail-column .column i{
    display: block;
    font-size: 95px;
    color: #ff4301;
    padding: 0px 0px 15px 0px;
}

@media (max-width: 1023px) {
    .detail-column .column i{
        font-size: 60px;     
    }
}

.detail-column .column img {
    width: 91px;
    height: 91px;
    margin: 0 0 9px;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .detail-column .column img {
        height: auto;
        width: 59px;
        margin: 0 0 8px;
    }
}
.detail-column .text-holder {
    width: 233px;
    text-align: center;
    color: #757575;
    font-size: 14px;
}
@media (max-width: 1023px) {
    .detail-column .text-holder {
        width: 148px;
        text-align: center;
        color: #757575;
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .detail-column .text-holder {
        text-align: center;
        width: auto;
    }
}
.detail-column .text-holder .heading {
    color: #656565;
    display: block;
    margin: 0 0 7px;
    line-height: 20px;
    font-size: 17px;
    letter-spacing: -0.25px;
    font-family: 'robotobold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .detail-column .text-holder .heading {
        /*! margin: 0 0 4px; */
        line-height: 14px;
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    .detail-column .text-holder .heading {
        line-height: 17px;
        font-size: 18px;
    }
}
.detail-column .text-frame {
    /*width: 206px;*/
}
@media (max-width: 1023px) {
    .detail-column .text-frame {
        width: 100%;
        /*! padding: 0 12px 0 0; */
        line-height: 14px;
        font-size: 11px;
    }
}
@media (max-width: 1023px) {
    .detail-column .text-frame p{
        padding-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .detail-column .text-frame {
        line-height: 24px;
        font-size: 15px;
        padding: 0 10px;
    }
}
.detail-column .detail-list {
    font-family: 'roboto_condensedregular', Arial, sans-serif;
    /*list-style: inside;*/
    list-style-type: none;

}

.detail-column .detail-list .blt_list_line{
    font-family: 'roboto_condensedlight', Arial, sans-serif !important;

    font-style: italic;
}


@media (max-width: 1023px) {
    .detail-column .detail-list {
        line-height: 14px;
        font-size: 11px;
    }
}
@media (max-width: 767px) {
    .detail-column .detail-list {
        margin: 0 0 13px;
        font-size: 11px;
    }
}




.detail-column .detail-list li {
    margin: 0;
    padding-bottom: 4px;
}
@media (max-width: 767px) {
    .detail-column .detail-list li {
        margin: 2px 0 0;
        /*display: inline-block;
        vertical-align: top;
        position: relative;*/
        font-size: 15px;
        line-height: 24px;

    }
}
.detail-column .detail-list li:after {
    display: none;
}
@media (max-width: 767px) {
    .detail-column .detail-list li:after {
        top: 0;
        right: -3px;
        display: block;
        color: #757575;
        display: block;
        content: ",";
        position: absolute;
    }
}
.detail-column .detail-list li:last-child:after {
    display: none;
}
.detail-column .detail-list li a {
    display: block;
    color: #757575;
    text-decoration: none;
}
.card-banner {
    padding: 29px 0 20px;
    overflow: hidden;
    position: relative;
    border-top: 1px #c5c5c5 solid;
    background: #fff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjMlIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzYlIiBzdG9wLWNvbG9yPSIjZDVkNWQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzglIiBzdG9wLWNvbG9yPSIjZDFkMWQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzklIiBzdG9wLWNvbG9yPSIjYzdjN2M3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODAlIiBzdG9wLWNvbG9yPSIjZGJkYmRiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -webkit-linear-gradient(top, #fff 0%, #fefefe 8%, #f7f7f7 23%, #d5d5d5 76%, #d1d1d1 78%, #c7c7c7 79%, #ccc 80%, #dbdbdb 80%, #dbdbdb 100%);
    background: linear-gradient(to bottom, #fff 0%, #fefefe 8%, #f7f7f7 23%, #d5d5d5 76%, #d1d1d1 78%, #c7c7c7 79%, #ccc 80%, #dbdbdb 80%, #dbdbdb 100%);
}
@media (max-width: 1023px) {
    .card-banner {
        padding: 15px 0 2px;
    }
}
@media (max-width: 767px) {
    .card-banner {
        padding: 10px 0;
        margin: -1px 0 0;
        background: #f6f6f6 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI0JSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iI2I5YjliOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iI2FmYWZhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc2JSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -webkit-linear-gradient(top, #f6f6f6 0%, #f0f0f0 11%, #e6e6e6 24%, #b9b9b9 69%, #afafaf 73%, #a5a5a5 76%, #dbdbdb 76%, #dbdbdb 100%);
        background: linear-gradient(to bottom, #f6f6f6 0%, #f0f0f0 11%, #e6e6e6 24%, #b9b9b9 69%, #afafaf 73%, #a5a5a5 76%, #dbdbdb 76%, #dbdbdb 100%);
    }
}
.card-banner .carousel {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
}
@media (max-width: 1200px) {
    .card-banner .carousel {
        max-width: 800px;
    }
}
@media (max-width: 1023px) {
    .card-banner .carousel {
        max-width: inherit;
        width: 80%;
    }
}
@media (max-width: 767px) {
    .card-banner .carousel {
        width: 100%;
    }
}
.card-banner .carousel .mask {
    overflow: hidden;
    position: relative;
}
@media (max-width: 767px) {
    .card-banner .carousel .caroufredsel_wrapper {
        width: 100% !important;
        height: 178px !important;
    }
}
.card-banner .carousel .slideset {
    float: left;
    width: 100% !important;
    white-space: nowrap;
    letter-spacing: -5px;
}
.card-banner .carousel .slide {
    width: 48%;
    display: inline-block;
    letter-spacing: 0;
    text-align: center;
    white-space: normal;
    vertical-align: top;
}
@media (max-width: 767px) {
    .card-banner .carousel .slide {
        width: 100%;
        margin: 0;
        min-height: inherit;
    }
}
@media (max-width: 1023px) {
    .card-banner .carousel .slide-holder {
        width: 90%;
    }
}
@media (max-width: 767px) {
    .card-banner .carousel .slide-holder {
        width: 100%;
    }
}
@media (max-width: 1023px) {
    .card-banner .carousel .slide-holder.last {
        width: 85%;
    }
}
@media (max-width: 767px) {
    .card-banner .carousel .slide-holder.last {
        width: 100%;
    }
}
.card-banner .carousel .slide-holder.last img {
    margin: 3px 0 0;
    width: 356px;
    height: 188px;
}
@media (max-width: 1023px) {
    .card-banner .carousel .slide-holder.last img {
        height: auto;
    }
}
@media (max-width: 767px) {
    .card-banner .carousel .slide-holder.last img {
        height: auto;
        width: 260px;
        margin: 30px 0 20px -55px;
    }
}
.card-banner .carousel .slide-holder img {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 0 0 35px;
    z-index: 1;
    width: 375px;
    height: 191px;
}
@media (max-width: 1200px) {
    .card-banner .carousel .slide-holder img {
        width: 90%;
    }
}
@media (max-width: 1023px) {
    .card-banner .carousel .slide-holder img {
        margin: 5px 0 5px -1px;
        width: 100%;
        height: auto;
    }
}
@media (max-width: 767px) {
    .card-banner .carousel .slide-holder img {
        height: auto;
        width: 260px;
        margin: 30px 0 20px -55px;
    }
}
.card-banner .btn-prev {
    top: 55%;
    left: -38px;
    content: '';
    color: #f4f4f4;
    margin: -44px 0 0;
    position: absolute;
    text-decoration: none;
    font-size: 45px;
}
@media (max-width: 1023px) {
    .card-banner .btn-prev {
        left: -42px;
        width: 19px;
        height: 32px;
        margin: -28px 0 0;
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .card-banner .btn-prev {
        left: 19px;
        margin: -10px 0 0;
        color: #e5e5e5;
        font-size: 38px;
    }
}
.card-banner .btn-prev:hover {
    opacity: .8;
}
.card-banner .btn-next {
    top: 55%;
    right: -38px;
    content: '';
    color: #f4f4f4;
    margin: -44px 0 0;
    position: absolute;
    text-decoration: none;
    font-size: 45px;
}
@media (max-width: 1023px) {
    .card-banner .btn-next {
        right: -42px;
        width: 19px;
        height: 32px;
        margin: -28px 0 0;
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .card-banner .btn-next {
        right: 16px;
        width: 23px;
        height: 39px;
        color: #e5e5e5;
        margin: -10px 0 0;
        font-size: 38px;
    }
}
.card-banner .btn-next:hover {
    opacity: .8;
}
.breadcrumbs {
    padding: 10px 0 10px;
    overflow: hidden;
    background: #f6f6f6;
}
@media (max-width: 1023px) {
    .breadcrumbs {
        padding: 10px 0 10px 18px;
    }
}
@media (max-width: 767px) {
    .breadcrumbs {
        padding: 10px 0 10px 2px;
    }
}
.breadcrumbs ul {
    max-width: 1180px;
    margin: 0 auto;
    font-size: 10px;
    font-family: 'robotomedium', Arial, sans-serif;
}
@media (max-width: 1200px) {
    .breadcrumbs ul {
        padding: 0 20px;
    }
}
@media (max-width: 1023px) {
    .breadcrumbs ul {
        margin: auto;
        /*font-size: 9px;*/
    }
}
.breadcrumbs ul li {
    float: left;
    position: relative;
    margin: 1px 14px 0 0;
    color: #444;
}
@media (max-width: 767px) {
    .breadcrumbs ul li {
        margin: 1px 19px 0 -6px;
    }
}
.breadcrumbs ul li:after {
    top: 0;
    right: -11px;
    color: #666;
    content: '>';
    position: absolute;
}
.breadcrumbs ul li:last-child:after {
    display: none;
}
.breadcrumbs ul li a {
    display: block;
    color: #a3a3a3;
    text-decoration: none;

}
@media (max-width: 1023px) {
    .breadcrumbs ul li a {
        /*word-spacing: 0;
        letter-spacing: -1px;*/
    }
}
@media (max-width: 767px) {
    .breadcrumbs ul li a {
        /*word-spacing: 2px;*/
    }
}
.breadcrumbs ul li a:hover {
    color: #797979;
}
.breadcrumbs ul li img {
    display: block;
}
@media (max-width: 1023px) {
    .breadcrumbs ul li img {
        height: auto;
        /*width: 9px;*/
        margin-top: 1px;
    }
}
.main-holder {
    overflow: hidden;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 0 22px;
}
@media (max-width: 1200px) {
    .main-holder {
        padding: 21px 10px;
    }
}
@media (max-width: 1023px) {
    .main-holder {
        position: relative;
        padding: 14px 10px 14px 28px;
    }
}
@media (max-width: 767px) {
    .main-holder {
        padding: 14px 0 0;
    }
}
.content-text-inner {
    display: none;
    overflow: hidden;
    color: #0d56a5;
    margin: 0 0 0 5px;
    font-size: 20px;
    font-family: 'roboto_slablight', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .content-text-inner {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .content-text-inner {
        display: block;
        color: #04356d;
        margin: 0;
        padding: 0 13px 0 14px;
        font-size: 14px;
        line-height: 22px;
    }
}
.content-text-inner h1 {
    color: #04356d;
    margin: 0 0 16px;
    letter-spacing: -2px;
    text-transform: uppercase;
    font-size: 47px;
    font-family: 'din-bold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .content-text-inner h1 {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .content-text-inner h1 {
        margin: 0 0 4px -3px;
        letter-spacing: -1px;
        font-size: 28px;
        line-height: normal;
    }
}
.content-text-inner h1 span {
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: normal;
    font-family: 'din-regular', Arial, sans-serif;
}
@media (max-width: 767px) {
    .content-text-inner h1 span {
        margin: 0 0 0 3px;
        font-size: 15px;
    }
}
.content-text-inner h2 {
    color: #04356d;
    margin: 0;
    letter-spacing: -1px;
    font-size: 30px;
    font-weight: normal;
    font-family: 'DINNextLTPro-Bold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .content-text-inner h2 {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .content-text-inner h2 {
        margin: 0 0 2px;
        letter-spacing: 0;
        font-size: 18px;
    }





}
.image-inner {
    display: none;
}
@media (max-width: 1023px) {
    .image-inner {
        display: block;
        width: 384px;
        margin: 3px 0 0 -6px;
    }
}
@media (max-width: 767px) {
    .image-inner {
        display: none;
    }
}
.image-inner img {
    display: block;
}
.data-holder {
    overflow: hidden;
}
#content {
    float: left;
    width: 64%;
    margin: 21px 0 0;
}
@media (max-width: 1023px) {
    #content {
        width: 50%;
        margin: 0;
    }
}
@media (max-width: 767px) {
    #content {
        width: 100%;
        float: none;
    }
}
#content .content-text {
    overflow: hidden;
    color: #04356d;
    margin: 0 0 0 5px;
    font-size: 20px;
    font-family: 'roboto_slablight', Arial, sans-serif;
}

@media (max-width: 1023px) {
    #content .content-text {
        margin: 0 0 0 10px;
        font-size: 16px;
    }
}



@media (max-width: 767px) {
    .content-text-inner a.sub-links{
        font-size: 14px;
        color: #04356d;
        text-decoration: none;
        border-bottom: dotted 1px #04356d;
    }
}

@media (max-width: 1023px) {
    #content .content-text a.sub-links{
        font-size: 16px;
        color: #04356d;
        text-decoration: none;
        border-bottom: dotted 1px #04356d;
    }
}

@media (max-width: 767px) {
    #content .content-text {
        display: none;
    }
}

#content .content-text p {
    line-height: 28px;
}



.content-text a.sub-links{
    color: #04356d;
    font-size: 20px;
    text-decoration: none;
    border-bottom: dotted 1px #04356d;

}


.content-text a.sub-links:hover{
    color: #ff4301;
    text-decoration: none;
    border-bottom: dotted 1px #ff4301;
}



#content .content-text h1 {
    color: #04356d;
    margin: 0 0 17px;
    letter-spacing: -2px;
    text-transform: uppercase;
    font-size: 46px;
    font-family: 'din-bold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    #content .content-text h1 {
        margin: 0 0 12px;
        letter-spacing: -2px;
        font-size: 36px;
    }
}
@media (max-width: 767px) {
    #content .content-text h1 {
        margin: 0 0 6px;
        letter-spacing: -1px;
        font-size: 26px;
    }
}
#content .content-text h1 span {
    letter-spacing: -1px;
    font-size: 16px;
    font-weight: normal;
    font-family: 'din-regular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    #content .content-text h1 span {
        margin: 0 0 0 9px;
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    #content .content-text h1 span {
        font-size: 18px;
    }
}
#content .content-text h2 {
    color: #04356d;
    margin: 0;
    letter-spacing: -1px;
    font-size: 30px;
    font-family: 'DINNextLTPro-Bold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    #content .content-text h2 {
        margin: 0 0 4px;
        font-size: 23px;
    }
}
@media (max-width: 767px) {
    #content .content-text h2 {
        letter-spacing: 0;
        font-size: 17px;
    }
}
#content .two-columns {
    overflow: hidden;
    padding: 16px 0 50px;
}
@media (max-width: 1023px) {
    #content .two-columns {
        text-align: left;
        border-bottom: 2px solid #d7d7d7;
        padding: 15px 50px 15px 14px;
    }
}
#content .two-columns .column {
    float: left;
    width: 41%;
}
@media (max-width: 1023px) {
    #content .two-columns .column {
        width: 100%;
    }
}
#content .two-columns .column.image {
    width: 55.4%;
    margin: -14px 0 0;
}
#content .two-columns .column.image .column-block {
    width: 296px;
    margin: 0 0 28px 47px;
}
@media (max-width: 1023px) {
    #content .two-columns .column.image .column-block {
        margin: 0 0 28px 0;
        width: 100%;
    }
}
@media (max-width: 1023px) {
    #content .two-columns .column.image {
        width: 100%;
    }
}
#content .two-columns .column-block {
    color: #878d92;
    display: block;
    margin: 0 0 18px;
    line-height: 20px;
    padding: 0 0 0 39px;
    font-size: 13px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    #content .two-columns .column-block {
        font-size: 12px;
    }
}
#content .two-columns .column-block .title {
    margin: 2px 0 3px;
    display: block;
    color: #25292b;
    position: relative;
    line-height: 21px;
    font-size: 17px;
    font-family: 'robotolight', Arial, sans-serif;
}
@media (max-width: 1023px) {
    #content .two-columns .column-block .title {
        line-height: 18px;
        font-size: 15px;
    }
}
#content .two-columns .column-block .title:before {
    top: 6px;
    left: -37px;
    width: 29px;
    height: 29px;
    color: #ff4301;
    content: "\e901";
    position: absolute;
    font-size: 29px;
    font-family: "icomoon";
}
@media (max-width: 1023px) {
    #content .two-columns .column-block .title:before {
        top: 2px;
    }
}
#content .two-columns .column-image-inner {
    display: none;
}
@media (max-width: 1023px) {
    #content .two-columns .column-image-inner {
        display: block;
        width: 286px;
        margin: -14px 0 5px -5px;
    }
    #content .two-columns .column-image-inner img {
        display: block;
    }
}
#content .two-columns .column-image {
    margin: 0 0 22px;
}
#content .two-columns .column-image img {
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width: 1023px) {
    #content .two-columns .column-image img {
        display: none;
    }
}
#content .share {
    float: right;
    margin: -11px 50px 0 0;
}
@media (max-width: 1023px) {
    #content .share {
        display: none;
    }
}
#content .share img {
    display: block;
    width: 280px;
    height: 33px;
}
@media (max-width: 767px) {
    #content .share img {
        margin: 0 auto;
    }
}
.share-tablet {
    display: none;
    border-top: 2px solid #d7d7d7;
}
@media (max-width: 767px) {
    .share-tablet {
        text-align: center;
        display: block;
        margin: 0;
        padding: 7px 0 6px;
    }
}
.share-tablet img {
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 767px) {
    .share-tablet img {
        margin: 0 0 0 10px;
    }
}
.tab-area {
    max-width: 645px;
    margin: -15px 0 23px 4px;
    border-radius: 10px;
    border: 2px solid #d7d7d7;
}
@media (max-width: 1023px) {
    .tab-area {
        margin: 0 0 23px;
        width: 360px;
        max-width: inherit;
        border-radius: 0;
    }
}
@media (max-width: 767px) {
    .tab-area {
        width: 100%;
        margin: 0;
        float: left;
        border-left: none;
        border-right: none;
    }
}
.tab-area .tabset {
    text-align: center;
    letter-spacing: -4px;
    margin: 0 -2px 0 0;
    font-size: 14px;
    font-family: 'robotobold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .tab-area .tabset {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .tab-area .tabset {
        font-size: 8px;
    }
}
.tab-area .tabset li {
    width: 25%;
    float: left;
    letter-spacing: 0;
}
@media (max-width: 1023px) {
    .tab-area .tabset li {
        width: 100%;
    }
}
.tab-area .tabset li.first.active,  .tab-area .tabset li.first.active-item {
    margin: -6px 0 0 -2px;
}
@media (max-width: 1023px) {
    .tab-area .tabset li.first.active,  .tab-area .tabset li.first.active-item {
        margin: 0;
    }
}
.tab-area .tabset li.first.active-item .opener {
    background: #f2f2f2;
}
@media (max-width: 1023px) {
    .tab-area .tabset li.active .opener {
        color: #0d56a5 !important;
        font-family: 'robotobold', Arial, sans-serif;
    }
    .tab-area .tabset li.active .opener:before {
        display: none;
    }
}
.tab-area .tabset li.active-item .opener {
    background: #f2f2f2;
    margin: 0 2px 0 0;
}
@media (max-width: 1023px) {
    .tab-area .tabset li.active-item .opener {
        font-family: 'robotobold', Arial, sans-serif !important;
        color: #04356d !important;
    }
    .tab-area .tabset li.active-item .opener:before {
        display: block;
    }
    .tab-area .tabset li.active-item .opener:after {
        display: none;
    }
}
.tab-area .tabset li:last-child .opener {
    border: 0;
}
.tab-area .tabset li.active {
    margin: -6px -5px 0 0;
    position: relative;
    z-index: 999;
}
@media (max-width: 1023px) {
    .tab-area .tabset li.active {
        margin: 0;
    }
}
.tab-area .tabset li.active .opener {
    background: #fff;
    color: #04356d;
    padding: 14px 10px 12px;
    border-width: 2px 2px 0;
    border-style: solid;
    border-radius: 10px 10px 0 0;
    border-color: #d7d7d7;
    font-family: 'robotobold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .tab-area .tabset li.active .opener {
        padding: 11px 40px 13px 17px;
        border-radius: 0;
        background: none;
        border-style: solid;
        border-color: #d7d7d7;
        border-width: 0 0 2px 0;
        font-family: 'robotobold', Arial, sans-serif;
    }
}
@media (max-width: 767px) {
    .tab-area .tabset li.active .opener {
        padding: 11px 40px 13px 32px;
    }
}
.tab-area .tabset li .opener {
    padding: 11px 10px 14px;
    color: #0d56a5;
    display: block;
    vertical-align: middle;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 14px 14px 0 0;
}
@media (max-width: 1023px) {
    .tab-area .tabset li .opener {
        border-radius: 0;
        text-align: left;
        position: relative;
        padding: 11px 40px 13px 17px;
        border-bottom: 2px solid #d7d7d7;
    }
}
@media (max-width: 767px) {
    .tab-area .tabset li .opener {
        padding: 11px 40px 10px 32px;
        font-size: 16px;
    }
}
.tab-area .tabset li .opener:after {
    top: 15px;
    right: 10px;
    width: 12px;
    height: 8px;
    content: '\e91c';
    display: none;
    position: absolute;
    font-size: 7px;
    font-family: 'icomoon';
}
@media (max-width: 1023px) {
    .tab-area .tabset li .opener:after {
        display: block;
        top: 17px;
        right: 23px;
    }
}
@media (max-width: 767px) {
    .tab-area .tabset li .opener:after {
        right: 30px;
    }
}
.tab-area .tabset li .opener:before {
    top: 18px;
    right: 31px;
    width: 13px;
    height: 8px;
    content: "\e91d";
    display: none;
    position: absolute;
    font-size: 7px;
    font-family: "icomoon";
}
@media (max-width: 1023px) {
    .tab-area .tabset li .opener:before {
        top: 18px;
        right: 20px;
    }
}
@media (max-width: 767px) {
    .tab-area .tabset li .opener:before {
        right: 30px;
    }
}
.tab-area .tabset li .opener:hover {
    color: #04356d;
    opacity: 1;
}
.tab-area .tab-content {
    border-top: 2px solid #d7d7d7;
    margin: -5px 0 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 16px 30px;
}
@media (max-width: 1023px) {
    .tab-area .tab-content {
        margin: -7px 0 0;
        display: none;
    }
}
@media (max-width: 767px) {
    .tab-area .tab-content {
        padding: 10px;
        margin: -8px 0 0;
    }
}
.tab-area .three-columns {
    overflow: hidden;
}
@media (max-width: 1023px) {
    .tab-area .three-columns {
        padding: 15px 15px 18px 34px;
        border-bottom: 2px solid #d7d7d7;
    }
}
@media (max-width: 767px) {
    .tab-area .three-columns {
        text-align: center;
    }
}
.tab-area .three-columns .column {
    float: left;
    width: 33%;
}
@media (max-width: 1023px) {
    .tab-area .three-columns .column {
        width: 100%;
        margin: 0 0 23px;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .tab-area .three-columns .column {
        width: 100%;
        float: none;
        display: block;
    }
}
.tab-area .three-columns .column:last-child {
    margin: 0;
}
.tab-area .three-columns .heading {
    display: block;
    color: #ff4301;
    margin: 0 0 7px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'roboto_slabregular', Arial, sans-serif;
    letter-spacing: 0.25px
}
.tab-area .three-columns .holder {
    text-align: center;
    margin: 5px 0 0 46px;
}
@media (max-width: 1023px) {
    .tab-area .three-columns .holder {
        margin: 0;
        text-align: left;
    }
}
@media (max-width: 767px) {
    .tab-area .three-columns .holder {
        margin: 10px 0 0;
    }
}
.tab-area .three-columns .holder .image-holder {
    width: 120px;
    height: 120px;
    margin: 0 0 0;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.tab-area .three-columns .holder .image-holder .video {
    top: 50%;
    width: 73px;
    height: 73px;
    bottom: 24px;
    right: 50%;
    margin: -36px -38px 0 0;
    position: absolute;
}
.tab-area .three-columns .holder .image-holder .video img {
    width: 73px;
    height: 73px;
    display: block;
}
.tab-area .three-columns .holder .image-holder img {
    width: 120px;
    height: 120px;
    display: inline-block;
    vertical-align: middle;
}
.tab-area .three-columns .holder .image-holder:hover {
    opacity: .8;
}
.tab-area .three-columns .holder .watch {
    display: block;
    color: #444;
    margin: 12px 0 0 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    font-family: 'robotobold', Arial, sans-serif;
    letter-spacing: 0.25px;
}
@media (max-width: 1023px) {
    .tab-area .three-columns .holder .watch {
        margin: 8px 0 0;
    }
}

.tab-area .three-columns .holder a {
    text-decoration: none;

}

.tab-content #tab1 .tagnote{
    color: #757575;
    font-size: 14px;
    font-family: 'robotomedium', Arial, sans-serif;
    line-height: 20px;

}

@media (max-width: 767px) {
    .tab-area .tabset .tagnote {
        font-size: 25px;
        text-align: left;
        color: #757575;
        font-size: 14px;
        font-family: 'robotomedium', Arial, sans-serif;
        line-height: 20px;
    }
}


@media (max-width: 1023px) {
    .tab-area .tabset .tagnote {
        font-size: 25px;
        text-align: left;
        color: #757575;
        font-size: 14px;
        font-family: 'robotomedium', Arial, sans-serif;
        line-height: 20px;
    }
}


.tab-area .three-columns .holder .video {
    margin: 2px 0 0;
    display: inline-block;
    vertical-align: top;
    color: #797979;
    text-decoration: none;
    font-size: 13px;
}
@media (max-width: 1023px) {
    .tab-area .three-columns .holder .video {
        margin: 5px 0 0;
        font-family: 'robotoregular', Arial, sans-serif;
        font-size: 12px;
    }
}
.tab-area .three-columns .holder .video:hover {
    opacity: .8;
}
.tab-area .product-list {
    overflow: hidden;
    font-size: 14px;
    width: 250px;
}
@media (max-width: 1023px) {
    .tab-area .product-list {
        margin: 0 0 0 -16px;
    }
}
@media (max-width: 767px) {
    .tab-area .product-list {
        max-width: 250px;
        margin:0px;
    }
}
.tab-area .product-list li {
    float: left;
    width:200px;
    margin: 0 0 5px;
    position: relative;
    padding: 4px 0 0 18px;
}
@media (max-width: 1023px) {
    .tab-area .product-list li {
        padding: 1px 0 0 25px;
        margin: 0 0 4px;
    }
}
@media (max-width: 767px) {
    .tab-area .product-list li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
}
.tab-area .product-list li:before {
    top: 6px;
    left: 0;
    width: 12px;
    height: 11px;
    color: #9b9b9b;
    content: "\e900";
    position: absolute;
    font-size: 10px;
    font-family: "icomoon";
}

@media (max-width: 767px) {
    .tab-area .product-list li:before{
        top: 3px;
    }
}

.tab-area .product-list li:hover:before {
    color: #ff4301;
}
.tab-area .product-list li:hover a {
    color: #ff4301;
}
.tab-area .product-list li a {
    color: #797979;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
.tab-area .product-list li {
    color: #757575;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-family: 'robotolight', Arial, sans-serif;
    font-size: 13px;
}
.tab-area dl {
    margin: 0;
    overflow: hidden;
    font-size: 13px;
}
.tab-area dl dt {
    display: block;
    margin: 0;
    font-family: 'robotobold', Arial, sans-serif;
    letter-spacing: 0.25px;
    color: #797979;
}
.tab-area dl dd {
    display: block;
    margin: 0 0 14px;
    line-height: 18px;
    font-size: 13px;
    font-family: 'robotolight', Arial, sans-serif;
    color: #797979;
}
@media (max-width: 1023px) {
    .tab-area dl dd {
        margin: 0 0 6px;
        font-size: 13px;
    }
}
.template {
    overflow: hidden;
}
@media (max-width: 1023px) {
    .template {
        text-align: left;
        padding: 17px 26px 0 26px;
    }
}
@media (max-width: 767px) {
    .template {
        padding: 20px 26px 0 26px;
    }
}
.template .heading {
    display: block;
    color: #797979;
    margin: 0 0 9px;
    line-height: 14px;
    font-size: 15px;
    font-family: 'robotobold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .template .heading {
        margin: 0 0 7px;
    }
}
.template .sub-heading {
    color: #797979;
    display: block;
    margin: 0 0 25px;
    font-size: 14px;
    font-family: 'robotolight', Arial, sans-serif;
    line-height: 20px;
}
@media (max-width: 1023px) {
    .template .sub-heading {
        margin: 0 0 19px;
    }
}
.template-columns {
    overflow: hidden;
    padding: 0 0 8px;
}
@media (max-width: 1023px) {
    .template-columns {
        padding: 0 10px 0 33px;
        border-bottom: 2px solid #d7d7d7;
    }
}
.template-columns .column {
    width: 30%;
    position: relative;
    margin: 0 22px 0 0;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 1023px) {
    .template-columns .column {
        width: 100%;
        margin: 0 0 5px;
        height: auto !important;
    }
}
.template-columns .column:last-child {
    margin: 0;
}
.template-columns .column:last-child:after {
    display: none;
}
.template-columns .column:after {
    top: 0;
    right: -9px;
    content: '';
    width: 1px;
    height: 122%;
    background: #d7d7d7;
    position: absolute;
}
.template-columns .template-holder {
    overflow: hidden;
}
@media (max-width: 1023px) {
    .template-columns .template-holder {
        margin: 0 0 21px;
    }
}
@media (max-width: 1023px) {
    .template-columns .temp-area {
        overflow: hidden;
        width: 100%;
        display: block;
        text-align: left;
    }
}
.template-columns .template-img {
    float: left;
    width: 53px;
    height: 53px;
    border-radius: 50%;
    overflow: hidden;
}
@media (max-width: 767px) {
    .template-columns .template-img {
        float: left;
    }
}
.template-columns .template-img img {
    display: block;
}
.template-columns .template-text {
    float: left;
    margin: 12px 0 21px 6px;
}
@media (max-width: 1023px) {
    .template-columns .template-text {
        text-align: left;
    }
}
@media (max-width: 767px) {
    .template-columns .template-text {
        margin: 12px 0 21px 8px;
    }
}
.template-columns .template-text span {
    display: block;
    color: #757575;
    font-size: 14px;
    font-family: 'robotolight', Arial, sans-serif;
}
.template-columns .template-text strong {
    display: block;
    color: #757575;
    font-size: 13px;
    font-family: 'robotoregular', Arial, sans-serif;
}
.template-columns .download {
    float: right;
    color: #797979;
    width: auto;
    margin: 0 13px 14px 0;
    border-radius: 4px;
    position: relative;
    text-decoration: none;
    padding: 12px 42px 12px 10px;
    border: 1px solid #d7d7d7;
    font-size: 10px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .template-columns .download {
        float: none;
        display: block;
        margin: 0 56px 0 56px;
    }
}
.template-columns .download:before {
    top: 5px;
    right: 8px;
    width: 21px;
    height: 19px;
    color: #ff4301;
    content: "\e902";
    position: absolute;
    font-size: 20px;
    font-family: "icomoon";
}

.template-columns a.download:hover{
    border: 1px solid #fd7b54;
    color: #fd7b54;
    transition: 0.3s;
}

@media (max-width: 1023px) {
    .markets-holder {
        overflow: hidden;
        border-bottom: 2px solid #d7d7d7;
    }
}
.markets {
    width: 200px;
    float: left;
    display:block;
}
@media (max-width: 1023px) {
    .markets {
        float: none;
        width: 100%;
        text-align: left;
        padding: 19px 22px 15px 26px;
    }
}
.markets .heading {
    color: #ff4301;
    display: block;
    margin: -1px 0 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'roboto_slabregular', Arial, sans-serif;
    letter-spacing: 0.25px;
}
@media (max-width: 1023px) {
    .markets .heading {
        margin: -1px 0 8px 6px;
    }
}
.markets .sub-heading {
    color: #797979;
    display: block;
    margin: 0 0 25px;
    font-size: 14px;
    line-height:20px;
    font-family: 'robotolight', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .markets .sub-heading {
        margin: 0 0 19px;
    }
}
.markets p {
    color: #757575;
    display: block;
    margin: 0 0 25px;
    font-size: 14px;
    line-height:20px;
    font-family: 'robotolight', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .markets p {
        margin: 0 0 19px;
    }
}
.markets .market-list {
    overflow: hidden;
    font-size: 14px;
    font-family: 'robotolight', Arial, sans-serif;
}
.markets .market-list li {
    display:block;
    width:200px;
    float: left;
    margin: 0 0 5px auto;
    position: relative;
    padding: 3px 0 0 22px;
    font-size: 13px;
    color: #797979;
}
@media (max-width: 767px) {
    .markets .market-list li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
}
.markets .market-list li:before {
    top: 6px;
    left: 2px;
    width: 12px;
    height: 11px;
    color: #9b9b9b;
    content: "\e900";
    position: absolute;
    font-size: 10px;
    font-family: "icomoon";
}
@media (max-width: 1023px) {
    .markets .market-list li:before {
        top: 7px;
    }
}
.markets .market-list li:hover:before {
    color: #ff4301;
}
.markets .market-list li:hover a {
    color: #ff4301;
}
.markets .market-list li a {
    color: #757575;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
.market-img {
    float: right;
    margin: 0 -10px 0 0;
    position: relative;
}
@media (max-width: 1023px) {
    .market-img {
        float: none;
        margin: 0 0 18px;
    }
}
.market-img img {
    display: block;
    width: 100%;
    height: auto;
}
.market-img .caption {
    top: auto;
    left: 0;
    right: 27px;
    bottom: 13px;
    content: "";
    text-align: right;
    position: absolute;
}
.market-img .caption span {
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-family: 'DINNextLTPro-light';
}
.faq-holder {
    overflow: hidden;
    margin: -1px -18px -6px -14px;
}
@media (max-width: 1023px) {
    .faq-holder {
        margin: 0 2px 0 0;
        border-top: 2px solid #d7d7d7;
    }
}
@media (max-width: 767px) {
    .faq-holder {
        margin: 0;
    }
}
.faq-holder strong {
    color: #797979;
    display: block;
    margin: 1px 6px 9px 4px;
    font-size: 15px;
    font-weight: normal;
    font-family: 'robotobold', Arial, sans-serif;
}
.faq-holder .strongheading {
    margin: 10px;
}
.faq-holder .heading {
    line-height:18px;
    color: #ff4301;
    display: block;
    margin: 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'roboto_slabbold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .faq-holder .heading {
        margin: 10px;
    }
}

.faq-holder .sub-heading{
    display: block;
    margin: 18px 0 25px 5px;
    font-size: 14px;
    font-family: 'robotolight', Arial, sans-serif;
    color: #757575;
}

@media (max-width: 767px) {
    .faq-holder .sub-heading {
        text-align: left;
        margin: 0 28px 18px 28px;
    }
}

@media (max-width: 1023px) {
    .faq-holder .heading {
        margin: -1px 0 8px 6px;
    }
}
@media (max-width: 1023px) {
    .faq-holder strong {
        text-align: left;
        line-height: 20px;
        margin: 9px 10px 9px 29px;
    }
}
@media (max-width: 767px) {
    .faq-holder strong {
        font-size: 14px;
    }
}
.faq-holder > .faq-accordion {
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    font-family: 'robotolight', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .faq-holder > .faq-accordion {
        text-align: left;
    }
}
@media (max-width: 767px) {
    .faq-holder > .faq-accordion {
        font-size: 12px;
    }
}
.faq-holder > .faq-accordion > li {
    display: block;
    margin: 0 0 5px;
    background: #f3f3f3;
}
@media (max-width: 767px) {
    .faq-holder > .faq-accordion > li {
        margin: 0 0 5px;
        padding: 0;
    }
}
li .slide .bullet-list {
    list-style:disc;
    margin-left:-22px;
}
.faq-holder > .faq-accordion > li.active > .faq-opener {
    font-family: 'robotomedium';
}
.faq-holder > .faq-accordion > li.active > .faq-opener:after {
    display: none;
}
.faq-holder > .faq-accordion > li.active > .faq-opener:before {
    display: block;
    margin:auto;
}
.faq-holder > .faq-accordion > li > .faq-opener {
    display: inline-block;
    vertical-align: top;
    color: #757575;
    position: relative;
    text-decoration: none;
    padding: 10px 18px 10px 52px;
}

.faq-holder > .faq-accordion > li > .faq-opener:hover {
    color:#a3a3a3; 
}

@media (max-width: 1023px) {
    .faq-holder > .faq-accordion > li > .faq-opener {
        line-height: 17px;
        padding: 7px 56px 10px 58px;
        font-size: 13px;
        font-family: 'robotomedium';
    }
}
@media (max-width: 767px) {
    .faq-holder > .faq-accordion > li > .faq-opener {
        padding: 6px 19px 10px 56px;
    }
}
.faq-holder > .faq-accordion > li > .faq-opener:after {
    top: 50%;
    left: 18px;
    margin-top: -8px;
    content: "\e909";
    color: #ff4301;
    position: absolute;
    font-size: 12px;
    font-family: "icomoon";
}
@media (max-width: 1023px) {
    .faq-holder > .faq-accordion > li > .faq-opener:after {
        left: 25px;
    }
}
@media (max-width: 767px) {
    .faq-holder > .faq-accordion > li > .faq-opener:after {
        left: 23px;
    }
}
.faq-holder > .faq-accordion > li > .faq-opener:before {
    top: 50%;
    left: 18px;
    display: none;
    color: #ff4301;
    margin-top: -9px;
    content: "\e908";
    position: absolute;
    font-size: 3px;
    font-family: "icomoon";
}
@media (max-width: 1023px) {
    .faq-holder > .faq-accordion > li > .faq-opener:before {
        left: 25px;
    }
}
@media (max-width: 767px) {
    .faq-holder > .faq-accordion > li > .faq-opener:before {
        left: 22px;
        top: 8px;
    }
}
.faq-holder > .faq-accordion .slide {
    background: #fff;
    line-height: 21px;
    color: #6e6e6e;
    padding: 6px 15px 4px 49px;
    font-size: 12px;
}
@media (max-width: 1023px) {
    .faq-holder > .faq-accordion .slide {
        line-height: 22px;
        padding: 7px 59px 15px 23px;
    }
}
@media (max-width: 767px) {
    .faq-holder > .faq-accordion .slide {
        padding: 7px 36px 15px 21px;
    }
}
.faq-holder > .faq-accordion .slide p {
    margin: 0;
}

.faq-holder .tab4p p{
    color: #797979;
    display: block;
    margin: 0 5px 20px;
    font-size: 14px;
    line-height: 20px;
    font-family: 'robotolight', Arial, sans-serif; 
}
.shoppers {
    margin: 0 0 7px;
    padding: 20px 0 11px;
    overflow: hidden;
    text-align: center; width:100%;
}
@media (max-width: 1023px) {
    .shoppers {
        padding: 7px 0 6px;
        margin: 0 0 15px;
    }
}
@media (max-width: 767px) {
    .shoppers {
        padding: 15px 0 11px;
        border: none;
        margin: 0;
        padding: 23px 0 20px;
    }
}
.shoppers .heading {
    color: #ff4301;
    padding: 0 14px;
    max-width: 700px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'roboto_slabbold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .shoppers .heading {
        padding: 0 18px;
        font-size: 17px;
    }
}
@media (max-width: 767px) {
    .shoppers .heading {
        font-size: 17px;
    }
}
.shoppers .heading:after {
    top: 50%;
    left: 100%;
    height: 3px;
    width: 255%;
    content: '';
    margin: -2px 0 0 -3px;
    position: absolute;
    background: #dce3eb;
}
@media (max-width: 1023px) {
    .shoppers .heading:after {
        margin: -1px 0 0;
    }
}
@media (max-width: 767px) {
    .shoppers .heading:after {
        display: none;
    }
}
.shoppers .heading:before {
    top: 50%;
    right: 100%;
    height: 3px;
    width: 255%;
    content: '';
    margin: -2px 0 0;
    position: absolute;
    background: #dce3eb;
}
@media (max-width: 1023px) {
    .shoppers .heading:before {
        margin: -1px 0 0;
    }
}
@media (max-width: 767px) {
    .shoppers .heading:before {
        display: none;
    }
}
.shoppers .shoppers-column {
    overflow: hidden;
    max-width: 1040px;
    margin: 0 auto;
    padding: 8px 0 0;
}
.shoppers .shoppers-column .column {
    width: 25%;
    padding: 0 5px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
@media (max-width: 1023px) {
    .shoppers .shoppers-column .column {
        margin: 0 22px;
    }
}
@media (max-width: 767px) {
    .shoppers .shoppers-column .column {
        width: 100%;
        margin: 0 0 5px;
    }
}
.shoppers .shoppers-column .column:after {
    top: 10px;
    left: 0;
    width: 2px;
    height: 130px;
    content: '';
    position: absolute;
    background: #e8e8e8;
}
@media (max-width: 1023px) {
    .shoppers .shoppers-column .column:after {
        height: 88%;
        left: -25px;
    }
}
.shoppers .shoppers-column .column:first-child:after {
    display: none;
}
.shoppers .shoppers-column .column img {
    display: inline-block;
    vertical-align: middle;
    margin: 2px -13px 10px 0;
    width: 149px;
    height: 94px;
}
@media (max-width: 1023px) {
    .shoppers .shoppers-column .column img {
        width: 132px;
        margin: 2px -9px 10px 0;
    }
}
@media (max-width: 767px) {
    .shoppers .shoppers-column .column img {
        width: 136px;
        height: auto;
        margin: 2px -10px 10px 0;
    }
}
.shoppers .gift-card {
    display: block;
    color: #757575;
    margin: 0 0 3px;
    text-transform: capitalize;
    font-size: 15px;
    font-family: 'robotobold', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .shoppers .gift-card {
        font-size: 13px;
    }
}
@media (max-width: 767px) {
    .shoppers .gift-card {
        font-size: 13px;
    }
}
.shoppers .shop {
    vertical-align: top;
    display: inline-block;
    color: #757575;
    text-decoration: none;
    font-size: 14px;
    font-family: 'robotoregular', Arial, sans-serif;
}
@media (max-width: 1023px) {
    .shoppers .shop {
        font-size: 12px;
    }
}
.shoppers .shop:hover {
    color: #ff4301;
}
.gift-columns {
    overflow: hidden;
}
@media (max-width: 1023px) {
    .gift-columns {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .gift-columns {
        display: none;
    }
}
.gift-columns .column {
    width: 303px;
    float: left;
    margin: 0 0 0 9px;
}
@media (max-width: 1023px) {
    .gift-columns .column {
        float: none;
        margin: 0 0 19px;
        display: inline-block;
        vertical-align: top;
    }
}
@media (max-width: 767px) {
    .gift-columns .column {
        margin: 0 0 13px;
    }
}
.gift-columns .column:last-child {
    margin: 0 0 0 28px;
}
@media screen and (max-width: 1050px) {
    .gift-columns .column:last-child {
        margin: 0 0 0 16px;
    }
}
@media (max-width: 1023px) {
    .gift-columns .column:last-child {
        margin: 0;
    }
}
.gift-columns .column:last-child .title {
    color: #fff;
}
.gift-columns .column:hover img {
    opacity: .8;
}
.gift-columns .column:hover .discount {
    border: 1px solid #fff;
}
.gift-columns .gift-img {
    position: relative;
}
.gift-columns .gift-img img {
    display: block;
    width: 100%;
    height: auto;
}
.gift-columns .gift-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 10px 19px 10px;
    position: absolute;
}
.gift-columns .gift-caption .title {
    margin: 0 0 6px;
    display: block;
    color: #e8e8e8;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'roboto_slabbold';
}
.gift-columns .gift-caption .discount {
    color: #fff;
    display: block;
    margin: 0 0 8px;
    text-align: center;
    border-radius: 3px;
    padding: 6px 10px 5px;
    text-decoration: none;
    letter-spacing: 2px;
    border: 1px solid #7c90a5;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.3);
    font-size: 11px;
    font-family: 'DINNextLTPro-Bold';
}
.gift-columns .gift-caption .discount:hover {
    border: 1px solid #fff;
}
.gift-columns .gift-caption .discount:hover .hover {
    display: block;
}
.gift-columns .gift-caption .discount .hover {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    position: absolute;
    z-index: 0;
    background: rgba(255, 255, 255, 0.4);
}
.gift-columns .gift-caption .time {
    width: 15px;
    height: 16px;
    margin: 0 7px 0 -4px;
    display: inline-block;
    vertical-align: top;
}
.gift-columns .gift-caption .time img {
    display: block;
}
.gift-columns .gift-caption .date-holder {
    color: #bbb;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    font-size: 10px;
    font-family: 'robotoblack';
}
.gift-columns .gift-caption .date-holder .date {
    margin: 0 0 0 4px;
}
.gift-columns.inner {
    display: none;
}
.cards .cards-list li {
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
}
.cards .cards-list li.animated {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.open-close-holder .slider {
    width: 100%;
    overflow: hidden;
}
.js-tab-hidden {
    display: block !important;
    position: absolute !important;
    width: 100% !important;
    top: -9999px !important;
    left: -9999px !important;
}
.js-hide {
    display: none;
}

@media(max-width: 1100px) {
    .js-hide {
        display: block;
    }
    .banner .text-box {
        margin-top:3%; width: 85%;
    }
}
@media only screen and (min-width:992px) and (max-width:1100px)  {
    .banner .text-box .heading { font-size:36px; padding-bottom:5px; }
    .banner .text-box p { line-height:22px; margin-bottom:20px; font-size:15px; }
    .banner .banner-slideshow .btn-prev { left:2%; width:18px; }
    .banner .banner-slideshow .btn-next { right:2%; width:18px; }
    .banner .text-box .text-box-info { max-width:390px;}
}

@media only screen and (min-width:768px) and (max-width:991px)  {
    .banner .text-box {	display:inline-block; margin-top: 5%;}
    .banner .text-box .heading { font-size:35px; padding-bottom:5px; }
    .banner .text-box p { line-height:20px; font-size:12px; margin-bottom:10px;}
    .banner .text-box .text-box-info { max-width:350px;}
    .banner .text-box a { font-size:18px; line-height:20px; padding:5px 15px; }
    .banner .banner-slideshow .btn-prev { margin-top:-65px;}
    .banner .banner-slideshow .btn-next { margin-top:-65px; }
    .banner .banner-slideshow .image-holder img { position: relative; right:10%; top: -8%; width:135%; max-width:none; margin-top:0; }
    .banner .banner-slideshow .btn-prev { left:2%; width:17px; }
    .banner .banner-slideshow .btn-next { right:2%; width:17px; }
    .banner .text-box .text-box-info { padding-top:0%;}
    .spacer20 { height:10px; }
}



@media (max-width: 767px) {
    .gift-columns.inner { display: block; }
    .banner .caption { background-color:rgba(4,53,109,0.7);}
    .banner .text-box {	width:100%; margin:0; vertical-align:middle;}
    .banner .banner-slideshow .btn-prev { margin:-13px 0 0 0; }
    .banner .banner-slideshow .btn-next  { margin:-13px 0 0 0; }
    .banner .text-box .text-box-info { padding:0 10%;}
    .banner .text-box .heading { font-size:30px; color:#fff;}
    .banner .text-box p { margin:0; padding:0 6%; font-size:13px; line-height:18px; color:#fff; margin-bottom:10px; }
    .banner .text-box a { font-size:16px; line-height:22px; padding:3px 15px; color:#fff; border:#fff solid 1px; }
    .banner .banner-slideshow .btn-prev { left:2%; width:12px;}
    .banner .banner-slideshow .btn-next { right:2%; width:12px; }
    .banner .text-box .text-box-info { text-align:center; color:#fff;}
    .spacer20 { height:0px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .jcf-list .jcf-option:after {
        background-image: url("../images/icon-check-@2x.png");
        background-size: 12px 11px;
    }
}
/* custom css for forms */
.show {
    display:block;
}
.hide {
    display: none;
}
.accordion-holder .special em.subtitleem {
    font-family: Arial;
    font-size: 9px;
}
.spotwrap > div {
    clear: both;
    width: 64%;
    margin: 0px auto;
    margin-bottom:10px;
}
.spotwrap > div > span.jcf-checkbox {
    float: left;
}
.spotwrap > div label {
    width: 75% !important;
}
.spotwrap > div >div {
    margin-top: 10px;
}
div.frontcoloroptions.spotwrap {
    Margin-bottom:20px;
}
.spotwrap .ctitle {
    font-family: 'robotoregular', Arial, sans-serif;
    font-size: 13px;
    line-height: 17px;
    margin: 0px 0px 0px 4px;
    color:#656565;
}
.pmsboxes {
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.pmsbox:focus {
    border: 1px solid #fd9875 !important;
}
.pmsbox {
    color: #797979;
    margin: 1px 6px 1px 1px;
    width: 45%;
    float: left;
    height: 30px;
    padding: 2px 5px 2px 10px !important;
    border-radius: 3px !important;
    background: #fafafa;
    border: 1px solid #d7d7d7 !important;
    font-size: 12px;
    font-family: 'robotomedium', Arial, sans-serif;
}
.spotwrap .jcf-checkbox {
    border:1px solid #ff4301;
}
.spotwrap .jcf-select-opener {
    top: 4px;
    right: 11px;
    width: 9px;
    height: 13px;
    content: '';
    position: absolute;
    background: url(../images/bg-arrow.jpg) no-repeat;
}
.spotwrap .jcf-select-opener::before {
    display: none
}
.spotwrap .jcf-select {
    height: 25px;
    min-width: 155px !important
}
.spotwrap .jcf-select-text {
    font-family: "robotoregular", Arial, sans-serif;
    font-size: 11px;
    line-height: 21px;
    margin: 0 30px 0 7px;
    text-transform: none;
}
.innersel .jcf-select {
    /*min-width: 217px;*/
}
.innersel label {
    font-style: italic;
    color: #ff4301 !important;
}
.innersel {
    /*margin-right: 25px;
        float: right;*/
}
/* dialog box css*/
#dialog-4{display: none;}
.ui-widget-header,.ui-state-default, ui-button{
    background:#b9cd6d;
    border: 1px solid #b9cd6d;
    color: #FFFFFF;
    font-weight: bold;
}
.qtycustom label{    float: left;
                     font-size: 13px !important;
                     font-weight: normal;
                     margin-top: 6px !important;
                     margin-bottom: 18px !important;
                     color: #797979 !important;
                     font-family: 'robotomedium', Arial, sans-serif !important;
                     margin-left: 16px !important;}
.qtycustom input{
    width: 118px;margin-left: 10px;}

@media (max-width: 767px) {
    .qtycustom label{margin-left: 0 !important;}
}

/* dialog box css*/
#dialog-4{display: none;}
.ui-dialog .ui-dialog-titlebar, .ui-dialog-titlebar-close {
    display: none;
}
.ui-dialog .ui-dialog-content{padding: 0px !important;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-resizable{border-radius: 14px;}
.ui-dialog{z-index: 1041 !important; top:15%!important;}
.ui-widget-content{padding: 0px !important; background:none !important }
.ui-datepicker.ui-widget-content{background:#fff !important }
.ui-widget-overlay
{
    background-color: black !important;
    background-image: none !important;
    opacity: 0.65 !important;
    z-index: 1040 !important;
}



/*# sourceMappingURL=main.css.map */

/*Style for Category page*/
.category-breadcrumbs { }
.category-breadcrumbs ul { max-width:1180px;}
.clear { clear:both;}
.breadcrumbs-box { background:#f3f3f3; color:#9b9b9b; font-size:10px; text-transform:uppercase; height:22px; }
.breadcrumbs-info { margin:0 auto; max-width:1180px; line-height:22px;}
.category-block { }
.category-block .cards-list li { margin-bottom:50px; }
.card-info { margin-bottom:2%; width:100%; float:left; padding:0 7px 0 10px;}
.card-info .left-block  { width:70%; float:left; padding-top:5px;  padding-right:3%; font-family: 'robotolight'; box-sizing:border-box; font-size:16px; color:#797979; line-height:24px;  }
.card-info .left-block p { margin:0; padding:0 0 25px 0; }
.card-info .left-block p.default-text { padding-bottom:25px;}
.card-info .left-block p.show-text { color:#04356d; font-family: 'roboto_slablight'; font-size:20px; line-height:28px; padding-bottom:15px!important; }
.card-info .left-block p.show-text span { font-family: 'roboto_slabbold'; text-transform:uppercase;}
.card-info .left-block #switch { border-bottom:#ebebeb solid 2px; text-align:left; text-transform:uppercase; color:#898989; font-family: 'robotoregular'; font-size:15px; line-height:25px; width:180px; letter-spacing: 5px;}
.card-info .left-block #switch a { padding-bottom:5px; text-transform:uppercase; color:#898989; text-decoration:none; display:inline-block; width:100%;}
.card-info .left-block #switch a:hover { color:#ff4301; text-decoration:none;}
.card-info .left-block #switch a span { width:15px; height:15px; display:inline-block; margin:7px 8px 0 8px; float:right; }
.card-info .left-block #switch a:hover span { background-position:center -15px;}
.card-info .left-block .less { background:url(../images/up.svg) center top no-repeat;}
.card-info .left-block .more { background:url(../images/down.svg) center top no-repeat;}

.card-info .left-block #switch span{cursor: pointer;}
.card-info .left-block h1 { margin:0; padding:0 0 15px 0; font-family: 'robotobold', Arial, sans-serif; letter-spacing: -0.5px; font-size:38px; color:#04356d; line-height:32px;  }
.card-info .left-block h2 { margin:0; padding:0 0 15px 0; font-family: 'robotobold', Arial, sans-serif; letter-spacing: -0.5px; font-size:38px; color:#04356d; line-height:32px;  }
.card-info .right-block { width:25%; float:right; overflow:hidden; }
.card-info .right-block .pricing-img { position:relative; }
.card-info .right-block .pricing-img img { display: block; height: auto; width: 100%; }
.gift-caption .middle-box { display:table; width:100%; height:100%;}
.gift-caption .middle-box .middle-detail { display:table-cell; vertical-align:middle;}


.card-info .pricing-img:last-child .title {
    color: #fff;
}
.card-info .pricing-img:hover img {
    opacity: .8;
}




.card-info .pricing-img .gift-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding:10px;
    position: absolute;
}
.card-info .pricing-img .gift-caption img { width:auto; display:inline-block }

.card-info .pricing-img .gift-caption .title {
    margin:10px 0 15px;
    display: block;
    color: #e8e8e8;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'roboto_slabbold';
}
.card-info .pricing-img .gift-caption .discount {
    color: #fff;
    display:inline-block;
    margin: 0 0 8px;
    text-align: center;
    border-radius: 3px;
    padding: 6px 10px 5px;
    text-decoration: none;
    letter-spacing: 2px;
    border: 1px solid #7c90a5;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.3);
    font-size: 11px;
    font-family: 'DINNextLTPro-Bold';
}
.card-info .pricing-img:hover .discount {
    border: 1px solid #fff;
}
.card-info .pricing-img .gift-img {
    position: relative;
}
.card-info .pricing-img .gift-caption .discount:hover {
    border: 1px solid #fff;
}
.card-info .pricing-img .gift-caption .discount:hover .hover {
    display: block;
}
.card-info .pricing-img .gift-caption .discount .hover {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    position: absolute;
    z-index: 0;
    background: rgba(255, 255, 255, 0.4);
}

#popup17 { min-height: 100%!important;}
.alert-block { background-color:#0d5ba5 ; font-family: 'robotoregular', Arial, sans-serif; font-size:0.775em;  color: #fff; padding: 20px;  line-height:1.25em; border: 0; float: left; }
.alert-block .button-block { width: 100%; text-align: right; }
.alert-block .button-block button { background:#0d5ba5; border: #fff solid 2px; color: #fff; border-radius:5px; padding: 5px 15px; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.alert-block .button-block button:hover { background: #fff; color:#0d5ba5; }
.block-wrap-dialogue{width: 100%; float: left; padding:10px 0 10px 10px;}
.block-wrap-dialogue-left{ float: left; padding:0; width:17%;}
.block-wrap-dialogue-right{ float: left; width: 83%;}
.alert-wrapper{border: 0 !important; border-radius: 0 !important;}



.cards .cards-list .image-info-block { padding:20px; margin:0; position: relative; border-radius:7px 7px 0 0; border-bottom:0; text-align:center; background-color: #fff;}


/*Adding h2 to replace h1 on prod boxes category pgs*/
.cards .cards-list .image-info-block h2 { margin: 0; padding:0 0 20px 0; text-transform:none; font-size:20px; font-family: 'robotomedium', Arial, sans-serif; }
.cards .cards-list .image-info-block h2 a:hover.catg-h1 { color: #797979;}
.cards .cards-list .image-info-block h2 a.catg-h1 { color: #444444;}
.cards .cards-list .image-info-block h2 .catg-h1 .desc {font-family: 'robotoregular', sans-serif, Arial; font-size: 15px; line-height: 28px;}


.cards .cards-list .image-info-block h1 { margin: 0; padding:0 0 20px 0; text-transform:none; font-size:20px; font-family: 'robotomedium', Arial, sans-serif; }
.cards .cards-list .image-info-block h1 a:hover.catg-h1 { color: #797979;}
.cards .cards-list .image-info-block h1 a.catg-h1 { color: #444444;}
.cards .cards-list .image-info-block h1 .catg-h1 .desc {font-family: 'robotoregular', sans-serif, Arial; font-size: 15px; line-height: 28px;}



.cards .cards-list .image-info-block a.get-strt  { border:#ff4301 solid 1px; color:#ff4301; text-transform:uppercase;
                                                   font-size:14px; font-family: 'robotobold', Arial, sans-serif; border-radius: 4px; display:inline-block; padding:10px 25px; }

.cards .cards-list .image-info-block a:hover.get-strt  { background:#ff4301; color:#fff; }




.cards .cards-list .image-box .img-fad-bg {	top: 0px; left: 0px; right: 0px; bottom: 0px; content: ''; display: none;
                                            position: absolute;	background: rgba(4, 53, 109, 0.5);	transition: all 0.3s linear; -o-transition: all 0.3s linear;	-moz-transition: all 0.3s linear; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s linear; z-index:9; }
.cards .cards-list .image-info-block a:hover .img-fad-bg { display:block;}

.cards .cards-list .image-box { position:relative; width:100%;}
.cards .cards-list .image-box img { display:block;}
.cards .cards-list .image-box .blue-ribin { background:url(../images/blue-ribin.png) left top no-repeat; height:30px; line-height:22px; padding:0 25px 0 12px; position:absolute; font-family: 'roboto_slabbold', Arial, sans-serif; color:#fff; text-transform:uppercase; font-size:13px; z-index:99; }
.special-offer-block-bg { background:url(../images/special-option-bg.jpg) no-repeat center center / cover; padding:4% 2% 3% 2%; text-align:center; width:100%; }
.special-offer-block-bg .special-offer-block { max-width:1200px; margin:0 auto; }
.special-offer-block-bg .special-offer-block .icon-box { width:100%; float:left; display:block; }
.special-offer-block-bg .special-offer-block .icon-box ul { margin:0; padding:0; list-style:none; text-align:center; }
.special-offer-block-bg .special-offer-block .icon-box ul li { margin:0 18px; padding:0; display:inline-block; font-family: 'roboto_slablight'; font-size:17px; text-align:center; }
.special-offer-block-bg .special-offer-block .icon-box ul li a { color:#fff; text-decoration:none; }
.special-offer-block-bg .special-offer-block .icon-box ul li a:hover  { text-decoration:none; }
.special-offer-block-bg .special-offer-block .icon-box ul li a:hover span  { text-decoration:none; background-color:rgba(255,255,255,0.7); }
.special-offer-block-bg .special-offer-block .icon-box ul li a:hover i.placeholder {background:url(../images/placeholder-hover.svg) center 2% no-repeat; background-size:100%; }
.special-offer-block-bg .special-offer-block .icon-box ul li a:hover i.diecutting {background:url(../images/die-cutting-hover.svg) center 2% no-repeat; background-size:100%;}
.special-offer-block-bg .special-offer-block .icon-box ul li a:hover i.foilstamping {background:url(../images/foil-stamping-hover.svg) center 2% no-repeat; background-size:100%;}
.special-offer-block-bg .special-offer-block .icon-box ul li a:hover i.frostedclear {background:url(../images/frosted-clear-hover.svg) center 2% no-repeat; background-size:100%; }


.special-offer-block-bg .special-offer-block .icon-box ul li a span { width:104px; height:104px; background-color:rgba(255,255,255,1); padding:10px; border-radius:100%; display:inline-block; margin-bottom:14px; padding:12px 0 0 0;}
.special-offer-block-bg .special-offer-block .icon-box ul li a em { font-style:normal; display:block; }
.special-offer-block-bg .special-offer-block .icon-box ul li a span i.placeholder {background:url(../images/placeholder.svg) center 2% no-repeat; background-size:100%; width:80px; height:80px; display:inline-block; }
.special-offer-block-bg .special-offer-block .icon-box ul li a span i.diecutting {background:url(../images/die-cutting.svg) center 2% no-repeat; background-size:100%; width:80px; height:80px; display:inline-block;}
.special-offer-block-bg .special-offer-block .icon-box ul li a span i.foilstamping {background:url(../images/foil-stamping.svg) center 2% no-repeat; background-size:100%; width:80px; height:80px; display:inline-block;}
.special-offer-block-bg .special-offer-block .icon-box ul li a span i.frostedclear {background:url(../images/frosted-clear.svg) center 2% no-repeat; background-size:100%; width:80px; height:80px; display:inline-block;}

.special-offer-block-bg .saprator { margin:1.5em 15em 1em 15em; height:1px; border-top:#fff solid 1px; display:block;}
.special-offer-block-bg .special-offer-block .click-view-text { margin:0; padding:0 5em 0; }
.special-offer-block-bg .special-offer-block .click-view-text a {font-family: 'robotolight'; font-size:28px; color:#fff; text-decoration:none; color:#fff; letter-spacing:-0.25px; }
.special-offer-block-bg .special-offer-block .click-view-text a:hover { font-weight:bold; }

.request-sample-block { padding:50px 20px 50px 20px; text-align:center;}
.request-sample-block .request-sample-info { max-width:600px; margin:0 auto; font-family: 'robotolight'; font-size:19px; line-height:30px; color:#848484; text-align:center; }
.request-sample-block .request-sample-info p { margin:0; padding:10px 0 28px 0;}
.request-sample-block .request-sample-info h3 { margin:0; padding:20px 0 20px 0; font-family: 'roboto_slabregular'; font-size:30px; line-height:20px; color:#04356d; }
.request-sample-block .request-sample-info a { border:#0d5ba5 solid 2px; color:#3173b2; text-transform:uppercase; text-decoration:none; font-size:18px; font-family: 'roboto_condensedregular', sans-serif, arial; border-radius: 4px; display:inline-block; padding:8px 25px 10px 25px; line-height:30px;}
.request-sample-block .request-sample-info a:hover { background:#0d5ba5; color:#fff; }

.gift-columns .column:last-child .title {
    color: #fff;
}
.gift-columns .column:hover img {
    opacity: .8;
}
.gift-columns .column:hover .discount {
    border: 1px solid #fff;
}
.gift-columns .gift-img {
    position: relative;
}
.gift-columns .gift-img img {
    display: block;
    width: 100%;
    height: auto;
}

.custome-quote-banner-block { width:100%; float:left; margin:20px 0; background:#0d5ba5; position:relative;}
.custome-quote-banner-block:before{position:absolute; z-index:0; width:65%; top:0; left:0; height:100%; background:#b2d4dc; content:'';}
.custome-quote-container { margin:0 auto; width:1170px;}
.custome-quote-banner-block .image-blcok { width:65.5%; z-index:1; position:relative; float:left; text-align:right; }
.custome-quote-banner-block .image-blcok picture{ float:right;}
.custome-quote-banner-block .image-blcok img { width:100%; text-align:right; }
.custome-quote-banner-block .text-blcok { width:34.5%; float:left; background:#0d5ba5; font-family: 'robotolight', Arial, sans-serif; color:#fff; font-size:16px; line-height:24px; padding:16px 10px 24px 24px; position:relative; z-index:1;}
.custome-quote-banner-block .text-blcok h3 { margin:0; padding:0 0 10px 0; font-family: 'roboto_slabregular'; font-size:22px; color:#fff; letter-spacing: -0.5px; }
.custome-quote-banner-block .text-blcok .icon-box { width:13%; float:left; margin-right:4%;}
.custome-quote-banner-block .text-blcok .icon-box img { max-width:none;}
.custome-quote-banner-block .text-blcok .info-box { width:100%; float:left; padding-top:12px;}
.custome-quote-banner-block .text-blcok .info-box p { margin:0; padding:0 0 3px 5px; }
.custome-quote-banner-block .text-blcok .info-box span { display:block;}
.custome-quote-banner-block .text-blcok .info-box span.link{
    font-family: 'robotobold', sans-serif, arial; padding: 14px 0 0 0;}
.mobile-view { display:none;}
.desktop-view { display:block;}

.category-support-block { border:#eaeaea solid 2px; border-radius:5px; padding:15px 12px; width:100%; float:left;}
.category-support-block ul { margin:0; padding:0; list-style:none; background:url(../images/sap-line.jpg) center top repeat-y; width:100%; float:left; }
.category-support-block ul li { font-family: 'robotobold', sans-serif, arial; width:50%; float:left; text-align:center; padding:10px; line-height:16px; }
.category-support-block ul li.space { margin:0 0 15px 0;}
.category-support-block ul li a:hover .img-hover { display: inline-block;	vertical-align: top; }
.category-support-block ul li .img-hover { display: none; }
.category-support-block ul li a:hover img {	display: none;}
.category-support-block ul li a:hover .title, .category-support-block ul li a:hover .text { color:#04356d;}

.category-support-block ul li a { color:#707070; text-decoration:none; display:block;}
.category-support-block ul li .title { font-size:12px; color:#2276d1; text-transform:uppercase; padding:10px 0 5px; display:block; font-weight:normal; font-family: 'roboto_slabbold', Arial, sans-serif;}
.category-support-block ul li .text { font-size:12px; color:#797979; display:block; font-weight:normal; font-family: 'robotoregular', Arial, sans-serif;}



@media only screen and (min-width:1280px) {
    .banner .banner-slideshow .image-holder img { margin-top:-3%!important;}

}
@media (max-width: 1024px) {
    .category-block .cards-list li { margin-bottom:21px; }


}
@media (max-width: 991px) {
    .card-info .left-block #switch { font-size:13px;}
}

@media only screen and (min-width:768px) and (max-width:1024px)  {
    .card-info { padding:0 35px 0px;}
    .card-info .left-block h1 { font-size:32px; line-height:28px;}
    .card-info .left-block h2 { font-size:32px; line-height:28px;}
    .category-block .cards .cards-list li { width:220px;}
    .card-info .pricing-img .gift-caption .title { font-size:14px; }
    .card-info .pricing-img .gift-caption .title { margin:10px 0;}
    .sm-pl-0 { padding-left:0!important;}
    .category-support-block ul li .title { font-size:12px;}
}
@media only screen and (min-width:992px) and (max-width:1024px)  {
    .special-offer-block-bg .special-offer-block .icon-box ul li a span { height:100px; width:100px; padding:14px 0 0;}
    .special-offer-block-bg .special-offer-block .icon-box ul li a span i.placeholder, .special-offer-block-bg .special-offer-block .icon-box ul li a span i.diecutting, .special-offer-block-bg .special-offer-block .icon-box ul li a span i.foilstamping, .special-offer-block-bg .special-offer-block .icon-box ul li a span i.frostedclear  { height:70px; width:70px;}
    .special-offer-block-bg .special-offer-block .icon-box ul li { font-size:18px;}
    .special-offer-block-bg .saprator { margin:1em 5em 0.5em; font-size:22px;}
    .special-offer-block-bg .special-offer-block .click-view-text a { font-size:22px;}

    .custome-quote-banner-block::before { width:65%;}
    .custome-quote-banner-block .image-blcok { width:57%;}
    .custome-quote-banner-block .image-blcok img { max-width:100%; }
    .custome-quote-banner-block .text-blcok { font-size:14px; line-height:18px; }

    .custome-quote-banner-block .text-blcok h3 { font-size:18px; }
    .custome-quote-banner-block .text-blcok .info-box { width:80%;}
    .custome-quote-banner-block .text-blcok .info-box p { padding:0 0 0 2px;}
    .custome-quote-banner-block .text-blcok { padding:12px 16px 22px 16px;}
    .custome-quote-banner-block .text-blcok h3 { padding-bottom:7px;}
    .custome-quote-banner-block .text-blcok .icon-box { margin-right:4%; width:12%; }
    .custome-quote-banner-block .text-blcok .info-box { padding-top:10px;}
}

@media only screen and (min-width:768px) and (max-width:991px)  {
    .card-info .left-block { width:67%; }
    .card-info .right-block { width:32%;}
    .category-block { padding-top:18px; }
    .card-info .left-block p.show-text { font-size:14px; line-height:20px;}
    .card-info .left-block { font-size:12px; line-height:20px;}
    .category-block .cards .cards-list { margin:0; padding:0 35px 20px; width:100%;}
    .category-block .cards .cards-list li { float:left; width:206px;}
    .category-block .cards .cards-list li.sm-mg { margin:0 38px 38px 0;}
    .category-block .cards .cards-list li.sm-mg-last { margin:0 0 40px 0;}
    .special-offer-block-bg .special-offer-block .icon-box ul li a span { height:72px; width:72px; padding:14px 0 0; margin-bottom:10px;}
    .special-offer-block-bg { padding:5% 2% 4% 2%;}
    .special-offer-block-bg .special-offer-block .icon-box ul li { margin:0 6px; }

    .special-offer-block-bg .special-offer-block .icon-box ul li a span i.placeholder, .special-offer-block-bg .special-offer-block .icon-box ul li a span i.diecutting, .special-offer-block-bg .special-offer-block .icon-box ul li a span i.foilstamping, .special-offer-block-bg .special-offer-block .icon-box ul li a span i.frostedclear  { height:50px; width:50px;}
    .special-offer-block-bg .special-offer-block .icon-box ul li { font-size:15px;}
    .special-offer-block-bg .saprator { margin:1em 5em 0.5em; }
    .cards .cards-list .image-info-block { padding:10px; border-width:1px 1px 0;}
    .cards .cards-list .image-info-block h1 { font-size:18px; line-height:20px; }
    .cards .cards-list .image-info-block h1 a { font-size:18px; line-height:20px; }
    .cards .cards-list .image-info-block h2 { font-size:18px; line-height:20px; }
    .cards .cards-list .image-info-block h2 a { font-size:18px; line-height:20px; }
    .cards .cards-list .image-info-block a { font-size:12px; padding:3px 10px;}
    .special-offer-block-bg .special-offer-block .click-view-text a { font-size:22px;}
    .cards .cards-list .image-info-block a { border-width:1px;}

    .custome-quote-banner-block .image-blcok { width:37%;}
    .custome-quote-banner-block .text-blcok { width:44%;}
    .custome-quote-banner-block .text-blcok { font-size:12px; line-height:18px; font-family:'robotoregular', sans-serif;}
    .custome-quote-banner-block .image-blcok img { max-width:93%; }
    .custome-quote-banner-block .text-blcok h3 { font-size:18px; }
    .custome-quote-banner-block .image-blcok img { max-width:122%; right:23%; position:relative; width:auto;}
    .custome-quote-banner-block .image-blcok picture{ float:none;}
    .custome-quote-banner-block .text-blcok .info-box { width:80%;}
    .custome-quote-banner-block .text-blcok .info-box p { padding:0;}
    .custome-quote-banner-block .text-blcok { padding:6px 16px 13px 16px;}
    .custome-quote-banner-block .text-blcok h3 { padding-bottom:7px;}
    .custome-quote-banner-block .text-blcok .icon-box { margin-right:3%; width:7%; }
    .custome-quote-banner-block .text-blcok .icon-box img { width:35px;}
    .custome-quote-banner-block .text-blcok .info-box { padding-top:10px;}
    .category-support-block ul li { line-height:12px;}

    .card-info .left-block p.show-text { padding-bottom:5px!important;}
    .card-info .left-block p { padding-bottom:10px;}
    .category-support-block ul li img { width:26px; height:26px;}
    .category-support-block ul li .title { font-size:11px; padding-top:15px;}
    .category-support-block ul li .text { font-size:10px; }
    .category-support-block ul li.space { margin-bottom:5px;}

}
@media (max-width: 767px) {
    .card-info { padding:0 8px;}
    .cards { padding:8px 8px 0 8px;}
    .card-info .left-block { width:100%; padding:0;}
    .card-info .left-block h1 { font-size:27px; line-height:28px;}
    .card-info .left-block h2 { font-size:27px; line-height:28px;}
    .card-info .left-block p.show-text { font-size:15px; line-height:20px;}
    .card-info .left-block { font-size:15px; line-height:20px;}
    .card-info .right-block { width:100%; padding:5% 0% 0 0%;}
    .card-info .left-block p { padding-bottom:10px; }
    .category-block .cards .cards-list li { width:47%;}
    .cards .cards-list .image-box { max-height:100%;}
    .cards .cards-list .image-box img { width:100%;}
    .cards .cards-list .image-info-block h1 { font-size:14px; }
    .cards .cards-list .image-info-block h1 a { font-size:14px; padding: 0; }
    .cards .cards-list .image-info-block h2 { font-size:14px; }
    .cards .cards-list .image-info-block h2 a { font-size:14px; padding: 0; }
    .cards .cards-list .image-info-block a { font-size:10px;}
    .cards .cards-list .image-info-block a.get-strt { font-size:10px;}
    .cards .cards-list .image-box .blue-ribin { background-size:100%; height:22px; line-height:18px; font-size:8px; }
    .cards .cards-list .image-info-block a { padding:5px; }
    .request-sample-block .request-sample-info { font-size:16px; line-height:28px;}
    .request-sample-block .request-sample-info h3 { font-size:25px;}
    .request-sample-block .request-sample-info a { font-size:20px; line-height:26px; }
    .special-offer-block-bg { padding:20px;}
    .special-offer-block-bg .special-offer-block .icon-box ul li { width:35%; margin:1.175em 0; }
    .special-offer-block-bg .special-offer-block .icon-box ul li a span { height:64px; width:64px; padding:8px 0 0; display:inline-block; }
    .special-offer-block-bg .special-offer-block .icon-box ul li a span i.placeholder, .special-offer-block-bg .special-offer-block .icon-box ul li a span i.diecutting, .special-offer-block-bg .special-offer-block .icon-box ul li a span i.foilstamping, .special-offer-block-bg .special-offer-block .icon-box ul li a span i.frostedclear  { height:45px; width:45px;}
    .special-offer-block-bg .special-offer-block .icon-box ul li { font-size:13px;}
    .special-offer-block-bg .saprator { margin:1em 0; }
    .special-offer-block-bg .special-offer-block .click-view-text { padding:0 6%; }
    .special-offer-block-bg .special-offer-block .click-view-text a { font-size:20px;}
    .special-offer-block-bg .special-offer-block .icon-box ul li a em { font-style:normal; display:block;}
    .special-offer-block-bg .special-offer-block .icon-box ul { margin:0; padding:0 5%; }
    .cards .cards-list li {	width: 136px; margin: 0 5px 12px; }
    .category-block .cards-list li { margin-bottom:12px;}

    .special-offer-block-bg { background:url(../images/special-option-bg-mobile.jpg) 35% 0 no-repeat;   background-position:0 right;   background-size:cover;   height: 100%;   padding:7% 2%;  text-align: center;}
    .block-wrap-dialogue-left { width: 30%;}
    .block-wrap-dialogue-right { width: 70%;}
    .alert-block .button-block { padding-top: 15px; text-align:left;}
    .ui-dialog{ width:auto!important; left:0!important;}
    .alert-block { font-size: 0.875em;}
    .banner .text-box .text-box-info { max-width:100%;}
    .banner .caption:after { display:inline-block; vertical-align:middle; }
    .category-block .cards .cards-list { padding:0;}
    .category-block .cards .cards-list li { float:left; width:48%;  }
    .category-block .cards .cards-list li.xs-mg { margin:0 4% 6% 0;}
    .category-block .cards .cards-list li.xs-mg-last { margin:0; }
    .cards .cards-list .image-info-block { padding:10px; border-width:1px 1px 0;}
    .cards .cards-list .image-info-block a { border-width:1px;}
    .visible-xs {display:block; }
    .hidden-xs {display:none; }
    .card-info .pricing-img .gift-caption { padding:10px;}
    .card-info .pricing-img .gift-caption img { width:26px;}
    .card-info .pricing-img .gift-caption .title { font-size:14px; margin:5px 0;}
    .card-info .pricing-img .gift-caption .discount { padding:5px 10px 1px;}
    .breadcrumbs {/*display: none;*/margin-top: 0px;}
    .custome-quote-banner-block::before { width:100%;}
    .custome-quote-container { width:100%;}
    .custome-quote-banner-block .image-blcok { width:100%;}
    .custome-quote-banner-block .text-blcok { width:100%; font-size:12px; font-family: 'robotoregular', sans-serif; line-height:18px; padding-bottom:22px; text-align:center; padding: 15px 10px 15px 10px;}
    .custome-quote-banner-block .text-blcok .icon-box { width:100%; margin-right:0; text-align:center;}
    .custome-quote-banner-block .text-blcok .info-box { padding-top:12px; width:100%;}

    .custome-quote-banner-block .image-blcok img { max-width:120%; position:relative; right:11%; width:auto;}
    .custome-quote-banner-block .text-blcok h3 { font-size:20px; padding-bottom:15px;}
    .custome-quote-banner-block .text-blcok .info-box p { margin:0; padding-bottom: 12px;}
    .custome-quote-banner-block .text-blcok .icon-box img { width:35px;}
    .mobile-view { display:block; width:100%; float:left;}
    .desktop-view { display:none;}
    .hidden-xs { display:none !important;}
    .custome-quote-banner-block { margin:0;}
    .addthis_inline_share_toolbox_8psd { margin:0!important; padding:15px 10px 0; border-top:#d7d7d7 solid 2px;}
    .category-support-block { border-width:2px 0 0 0; border-radius:0; margin-bottom:35px; padding:20px 0 0 0; }

}

@media only screen and (min-width:481px) and (max-width:767px)  {
    .banner .banner-slideshow .image-holder img { width:150%; max-width:none; position:relative; right:30%; margin-top:0;  }
}
@media (max-width:480px) {
    .banner .banner-slideshow .image-holder img { width:183%; max-width:none; position:relative; right:60%; margin-top:0;  }
    .banner .text-box .heading { font-size:30px; }
    .banner .text-box .text-box-info { padding:0 6%;}
}

/* Current index banner P2H */
.visual {
    overflow: hidden;
    margin: 0 0 30px; }
@media (max-width: 766px) {
    .visual {
        margin: 0 0 15px; } }
.visual .visual-slideshow {
    position: relative; }
.visual .visual-slideshow .slide {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0; }
.visual .visual-slideshow .slide:after {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(4, 53, 109, 0.6); }
@media (max-width: 766px) {
    .visual .visual-slideshow .slide:after {
        display: block; } }
.visual .visual-slideshow .bg-stretch {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    min-height: 471px; }
@media (max-width: 1022px) {
    .visual .visual-slideshow .bg-stretch {
        min-height: 375px; } }
@media (max-width: 766px) {
    .visual .visual-slideshow .bg-stretch {
        min-height: inherit;
        padding: 25px 0 20px; } }
.visual .visual-slideshow .image-holder {
    position: relative;
    z-index: 99; }
.visual .visual-slideshow .image-holder img {
    display: block;
    width: 100%; }
@media (max-width: 767px) {
    .visual .visual-slideshow .image-holder img {
        height: 170px; } }
.visual .visual-slideshow .btn-prev {
    top: 148px;
    left: 20px;
    content: '';
    color: #fff;
    z-index: 2;
    display: none;
    margin: 0;
    position: absolute;
    text-decoration: none;
    font-size: 38px; }
@media (max-width: 1022px) {
    .visual .visual-slideshow .btn-prev {
        width: 17px;
        top: 106px; } }
@media (max-width: 766px) {
    .visual .visual-slideshow .btn-prev {
        width: 10px;
        top: 50%;
        left: 10px;
        margin: -29px 0 0; } }
.visual .visual-slideshow .btn-prev:hover {
    opacity: .8; }
.visual .visual-slideshow .btn-next {
    top: 148px;
    right: 20px;
    content: '';
    color: #fff;
    z-index: 2;
    display: none;
    margin: 0;
    position: absolute;
    text-decoration: none;
    font-size: 38px; }
@media (max-width: 1022px) {
    .visual .visual-slideshow .btn-next {
        width: 17px;
        top: 106px; } }
@media (max-width: 766px) {
    .visual .visual-slideshow .btn-next {
        width: 10px;
        top: 50%;
        right: 10px;
        margin: -29px 0 0; } }
.visual .visual-slideshow .btn-next:hover {
    opacity: .8; }
.visual .visual-slideshow:hover .btn-next,
.visual .visual-slideshow:hover .btn-prev {
    display: block; }
.visual .caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    text-align: center;
    white-space: nowrap;
    position: absolute; }
.visual .caption:after {
    width: 1px;
    height: 100%;
    content: '';
    margin: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle; }
.visual .text-box {
    width: 900px;
    margin: 0 auto;
    color: #fff;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    font-size: 40px; }
@media (max-width: 1023px) {
    .visual .text-box {
        width: 100%; } }
@media (max-width: 767px) {
    .visual .text-box {
        width: 100%; } }
.visual .text-box .heading {
    color: #fff;
    /*text-transform: uppercase;*/
    font-size: 95px;
    font-family: 'dinpro-light' , Arial , sans-serif; }
@media (max-width: 1200px) {
    .visual .text-box .heading {
        font-size: 60px; } }
@media (max-width: 767px) {
    .visual .text-box .heading {
        font-size: 28px; } }
.visual .caption-block {
    max-width: 1175px;
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 0 0; }

@media (max-width: 1119px) {
    .visual .caption-block {
        padding: 40px 0 0 50px; } }
@media (max-width: 1022px) {
    .visual .caption-block {
        padding: 25px 0 0 50px; } }
@media (max-width: 766px) {
    .visual .caption-block {
        padding: 0 24px;
        text-align: center; } }
.visual .caption-block .text-box {
    float: left;
    width: 500px;
    font: 17px/27px 'DINNextLTPro-Regular' , Arial, sans-serif;
    letter-spacing: -0.3px;
    color: #474747; }
@media (max-width: 1022px) {
    .visual .caption-block .text-box {
        width: 370px;
        font-size: 13px;
        line-height: 23px; } }
@media (max-width: 766px) {
    .visual .caption-block .text-box {
        width: 100%;
        line-height: 18px;
        color: #fff; } }
.visual .caption-block .text-box .heading {
    display: block;
    font: 47px/53px 'DINNextLTPro-Regular' , Arial, sans-serif;
    margin: 0 0 8px;
    color: #474747;
    /*text-transform: capitalize;*/
    letter-spacing: -3px;
    /*word-spacing: -3px;*/ }


.visual .caption-block p {
    margin: 0 0 24px; }


@media (max-width: 1022px) {
    .visual .caption-block p {
        margin: 0 0 12px; }
}    


@media (max-width: 1022px) {
    .visual .caption-block .text-box .heading {
        font-size: 35px;
        line-height: 40px;
        margin: 0; } }
@media (max-width: 766px) {
    .visual .caption-block .text-box .heading {
        font-size: 28px;
        line-height: 27px;
        letter-spacing: -1.5px;
        color: #fff;
        margin: 0 20px 9px 20px; }

    .visual .caption-block p {
        margin: 0 40px 20px 40px; }  

}

.visual .caption-block .btn-ghost {
    display: inline-block;
    /*width: 155px;*/
    border-radius: 5px;
    border: 1px solid #365d5f;
    font: 18px/24px 'roboto_condensedregular';
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #04356d;
    padding: 6px 30px; }
@media (max-width: 1022px) {
    .visual .caption-block .btn-ghost {
        width: 126px;
        font-size: 14px;
        padding: 3px 5px; } }
@media (max-width: 766px) {
    .visual .caption-block .btn-ghost {
        color: #fff;
        border-color: #fff; } }
/*.visual .caption-block .btn-ghost:hover {
    background: #04356d;
    color: #fff; 
}*/

/* Nathan 2023 05 19 */
.visual-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 22px 0 17px;
    overflow: hidden;
    /* background: rgba(4, 53, 109, 0.55); */
    background-color: #436791; }
/* @media (max-width: 1023px) {
    .visual-bar {
        padding: 20px 0 20px; } } */
@media (max-width: 767px) {
    .visual-bar {
        display: none; } }
/* Nathan 2023 05 19 */
/* max-width: 1040px; */
.visual-bar ul {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 24px;
    font-family: 'DINNextLTPro-Medium', Arial, sans-serif;
    display: flex;
    width: 100%; }
@media (max-width: 1200px) {
    .visual-bar ul {
        padding: 0 10px 0 20px; } }
/* Nathan 2023 05 17 */
.visual-bar ul li {
    /* margin: 0 32px; */
    margin: 0 0px 0px 12px;
    display: inline-block;
    vertical-align: top;
    width: 25%; }
@media (max-width: 1200px) {
    .visual-bar ul li {
        margin: 0 2px; } }
@media (max-width: 1023px) {
    .visual-bar ul li {
        margin: 0 2px; } 
    /* Nathan 2023 05 19 */
    .visual-bar ul {
        padding: 0 30px 0 20px;
    } }
@media (max-width: 767px) {
    .visual-bar ul li {
        width: 42%;
        margin: 0 6px; } }
.visual-bar ul li a {
    display: block;
    text-decoration: none; }
.visual-bar ul li a:hover .title {
    color: #04356d; }
@media (max-width: 767px) {
    .visual-bar ul li a:hover .title {
        color: #0d56a5; } }
.visual-bar ul li a:hover .send {
    color: #04356d; }
@media (max-width: 767px) {
    .visual-bar ul li a:hover .send {
        color: #0d56a5; } }

.visual-bar ul li a i{
    display: block;
    font-size: 66px;
    color:#ffffff;
    padding: 0px 0px 8px 0px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
.visual-bar ul li a:hover i{
    color:#04356d;

}  

.visual-bar ul li a:hover .img-hover {
    margin: 0 0 6px;
    display: inline-block;
    vertical-align: top; }
@media (max-width: 1023px) {
    .visual-bar ul li a:hover .img-hover {
        margin: 3px 0 6px; } }
@media (max-width: 767px) {
    .visual-bar ul li a:hover .img-hover {
        display: none; } }
.visual-bar ul li a:hover img {
    display: none;
    margin: 0 0 6px; }
@media (max-width: 767px) {
    .visual-bar ul li a:hover img {
        display: none; } }
.visual-bar ul li img {
    max-width: 62px;
    margin: 0 0 10px;
    display: inline-block;
    vertical-align: top; }
@media (max-width: 1023px) {
    .visual-bar ul li img {
        width: 50px;
        height: auto;
        margin: 3px 0 6px; } }
.visual-bar ul li .img-hover {
    display: none; }
/* Nathan 2023 05 17 */
.visual-bar ul li .title {
    display: block;
    margin: 1px 0 0;
    white-space: nowrap;
    color: #fff;
    max-width: 204px;
    text-transform: capitalize;
    font-size: 24px;
    letter-spacing: -1px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    line-height: 25px;
}
/* Nathan 2023 05 19 */
@media (max-width: 1200px) {
    .visual-bar ul li .title {
        margin: 4px 0 0px;
        font-size: 18px;
        line-height: 15px;
    }
}
@media (max-width: 1023px) {
    .visual-bar ul li .title {
        margin: 12px 0 0px;
        font-size: 17px;
    } }
@media (max-width: 767px) {
    .visual-bar ul li .title {
        margin: 0;
        max-width: 100%;
        font-size: 14px; } }
.visual-bar ul li .send {
    color: #fff;
    max-width: 130px;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'robotoregular' , Arial , sans-serif; }
@media (max-width: 1023px) {
    .visual-bar ul li .send {
        font-size: 11px; } }
@media (max-width: 767px) {
    .visual-bar ul li .send {
        max-width: 100%;
        font-size: 12px; } }
.visual-bar.inner {
    display: none;
    padding: 27px 0 33px; }
@media (max-width: 1023px) {
    .visual-bar.inner {
        padding: 14px 0 16px; } }
@media (max-width: 767px) {
    .visual-bar.inner {
        padding: 14px 0 8px;
        margin: 0 0 19px; } }
.visual-bar.inner .title {
    font-size: 21px;
    font-family: 'dinpro-medium' , Arial , sans-serif; }
@media (max-width: 1023px) {
    .visual-bar.inner .title {
        margin: -3px 0 2px;
        font-size: 19px; } }
@media (max-width: 767px) {
    .visual-bar.inner .title {
        margin: 6px 0 3px;
        text-transform: uppercase;
        font-size: 11px;
        font-family: 'DINNextLTPro-Bold'; } }
.visual-bar.inner li:last-child a img {
    margin: 4px 0 8px !important; }
.visual-bar.inner li a img {
    margin: 0 0 4px !important; }
.visual-bar.inner li a:hover {
    /*.img1{
          width: 55px;
          margin: 0 0 0 -4px;
        }
        .img2{
          width: 50px;
          margin: -1px 0 0 6px;
        }
        .img3{
          width: 49px;
          margin: -2px 0 0 -3px;
        }
        .img4{
          width: 44px;
          margin: 5px 0 3px 8px;
        }*/ }
.visual-bar.inner li a:hover img {
    display: inline-block;
    vertical-align: middle;
    opacity: 0.8; }
.visual-bar.inner li .img1 {
    width: 55px; }
.visual-bar.inner li .img2 {
    width: 50px; }
.visual-bar.inner li .img3 {
    width: 49px; }
.visual-bar.inner li .img4 {
    width: 44px; }
.visual-bar.inner .icon,
.visual-bar.inner .icon2,
.visual-bar.inner .icon3,
.visual-bar.inner .icon4 {
    display: none;
    margin: 2px 0 0 -9px; }
@media (max-width: 767px) {
    .visual-bar.inner .icon,
    .visual-bar.inner .icon2,
    .visual-bar.inner .icon3,
    .visual-bar.inner .icon4 {
        display: inline-block;
        vertical-align: middle;
        margin: 1px 0 -3px; } }
.visual-bar.inner .icon.icon2,
.visual-bar.inner .icon2.icon2,
.visual-bar.inner .icon3.icon2,
.visual-bar.inner .icon4.icon2 {
    margin: 0;
    width: 50px; }
.visual-bar.inner .icon.icon3,
.visual-bar.inner .icon2.icon3,
.visual-bar.inner .icon3.icon3,
.visual-bar.inner .icon4.icon3 {
    width: 50px;
    margin: 0; }
.visual-bar.inner .icon.icon4,
.visual-bar.inner .icon2.icon4,
.visual-bar.inner .icon3.icon4,
.visual-bar.inner .icon4.icon4 {
    margin: 6px 0 0 16px;
    width: 20px; }
.visual-bar.inner .send {
    display: none; }
@media (max-width: 1023px) {
    .visual-bar.inner .send {
        display: block;
        font-size: 11px; } }
@media (max-width: 767px) {
    .visual-bar.inner .send {
        display: none; } }
.visual-bar.inner ul {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -4px; }
.visual-bar.inner ul li {
    margin: 0 40px;
    letter-spacing: 0; }
@media (max-width: 1023px) {
    .visual-bar.inner ul li {
        margin: 0 13px; } }
@media (max-width: 767px) {
    .visual-bar.inner ul li {
        width: 68px;
        margin: 0 1px;
        vertical-align: bottom; } }

.custom-quote-block {
    overflow: hidden;
    padding: 28px 0 22px;
    color: #797979;
}

.custom-quote-block .quote-request {
    margin: 0 auto 18px;
    max-width: 1070px;
    overflow: hidden;
}

.custom-quote-block .quote-request p {
    margin: 0 0 13px;
}

.custom-quote-block .quote-request .left-box {
    float: left;
    width: 48%;
    color: #04356d;
    padding: 0 0 0 4px;
    font: 22px/29px "robotoregular";
}

.custom-quote-block .quote-request .left-box .inner {
    overflow: hidden;
    font: 16px/25px "robotolight";
    padding: 0 0 0 4px;
    color: #797979;
}

.custom-quote-block .quote-request h1 {
    font: 43px/46px "din-bold";
    text-transform: uppercase;
    color: #04356d;
    margin: 0 0 9px;
    letter-spacing: -1px;
}

.custom-quote-block .quote-request .right-box ul{
    list-style: none;
    padding: 0px 0px 0px 4px; 
}


.right-box ul li a {
    font:14px/17px "robotolight";
    color: #797979;
    text-decoration: none;
    line-height: 28px;
}

.right-box ul li a:hover {
    color: #ff4301;
}


.custom-quote-block .quote-request .right-box {
    float: right;
    width: 40%;
    margin: 45px 0 0;
    position: relative;
    padding: 0 0 0 51px;
    font: 14px/17px "robotolight";
}


.custom-quote-block .quote-request .right-box .icon-link {
    position: absolute;
    top: 0;
    left: 9px !important;
    font-size: 33px;
    line-height: 28px;
    color: #ff4301;
}

.custom-quote-block .quote-request .right-box .icon-calc {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 50px;
    line-height: 52px;
    color: #ff4301;
}


.custom-quote-block .quote-request .right-box .icon-foil-stamping {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 44px;
    line-height: 52px;
    color: #ff4301;
}

.custom-quote-block .quote-request .right-box .icon-free_art_evaluation {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 42px;
    line-height: 52px;
    color: #ff4301;
}

.custom-quote-block .quote-request .right-box .icon-international_shipping {
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 46px;
    /*line-height: 52px;*/
    color: #ff4301;
}


.custom-quote-block .quote-request .right-box .icon-crystal-ball {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 52px;
    line-height: 52px;
    color: #ff4301;
}

.custom-quote-block .quote-request .right-box h2 {
    font: 22px/27px "roboto_slabregular";
    margin: 1px 0 10px;
    letter-spacing: -0.5px;
}

.custom-quote-block .quote-request .right-box .btn-quote {
    float: left;
    width: auto;
    border: 2px solid #ff4301;
    padding: 10px 14px 10px 14px;
    margin: 9px 0 0;
    text-transform: none;
    font: 12px/16px "robotoregular";
}

.custom-quote-block .custom-form-section {
    overflow: hidden;
    margin: 0 0 60px;
    border-top: 2px solid #eaeaea;
    border-bottom: 2px solid #eaeaea;
}

.custom-quote-block .custom-form-section .holder {
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1070px;
    letter-spacing: -.32em;
}

.custom-quote-block .custom-form-section .form-col {
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 26px 6px 25px 28px;
    background: #fafafa;
    position: relative;
    border-width: 0 0 0 2px;
    border-style: solid;
    border-color: #eaeaea;
}

.custom-quote-block .custom-form-section .form-col:first-child {
    border-width: 0;
    padding: 26px 36px 25px 5px;
    background: no-repeat;
}

.custom-quote-block .custom-form-section .form-col:first-child:before {
    display: none;
}

.custom-quote-block .custom-form-section .form-col:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -9999px;
    content: "";
    display: block;
    z-index: -1;
    background-color: #fafafa;
}

.custom-quote-block .custom-form-section .form-col .header {
    overflow: hidden;
    margin: 0 0 26px;
    font: 14px/22px "robotolight";
}

.custom-quote-block .custom-form-section .form-col .header .title {
    display: block;
    font: 19px/22px "robotoregular";
    margin: 0 0 7px;
    color: #25292b;
}

.custom-quote-block .custom-form-section .form-col .header .oneline{
    margin: 0px 0px 19px 0px;

}

.custom-quote-block .form-area {
    padding: 0 0 14px;
    border: 0;
}

.custom-quote-block .form-area.add-form {
    padding: 0;
}



.custom-quote-block .form-area.add-form .form {
    padding: 29px 19px 10px 20px;
}

/* Nathan 2022 07 23 */
.custom-quote-block .form-area.add-form input[type="text"],
.custom-quote-block .form-area.add-form input[type="email"],
.custom-quote-block .form-area.add-form input[type="password"],
.custom-quote-block .form-area.add-form input[type="date"],
.custom-quote-block .form-area.add-form input[type="tel"] {
    width: 100%;
    height: 45px;
    border: 2px solid #d7d7d7;
    border-radius: 5px;
    outline: none;
    color: #ccc;
    font: 13px/17px "robotoregular";
    padding: 9px 11px;
}

.custom-quote-block .form-area.add-form input[type="text"]::-webkit-input-placeholder,
.custom-quote-block .form-area.add-form input[type="email"]::-webkit-input-placeholder,
.custom-quote-block .form-area.add-form input[type="password"]::-webkit-input-placeholder,
.custom-quote-block .form-area.add-form input[type="date"]::-webkit-input-placeholder,
.custom-quote-block .form-area.add-form input[type="tel"]::-webkit-input-placeholder {
    color: #ccc;
}

.custom-quote-block .form-area.add-form input[type="text"]::-moz-placeholder,
.custom-quote-block .form-area.add-form input[type="email"]::-moz-placeholder,
.custom-quote-block .form-area.add-form input[type="password"]::-moz-placeholder,
.custom-quote-block .form-area.add-form input[type="date"]::-moz-placeholder,
.custom-quote-block .form-area.add-form input[type="tel"]::-moz-placeholder {
    opacity: 1;
    color: #ccc;
}

.custom-quote-block .form-area.add-form input[type="text"]:-moz-placeholder,
.custom-quote-block .form-area.add-form input[type="email"]:-moz-placeholder,
.custom-quote-block .form-area.add-form input[type="password"]:-moz-placeholder,
.custom-quote-block .form-area.add-form input[type="date"]:-moz-placeholder,
.custom-quote-block .form-area.add-form input[type="tel"]:-moz-placeholder {
    color: #ccc;
}

.custom-quote-block .form-area.add-form input[type="text"]:-ms-input-placeholder,
.custom-quote-block .form-area.add-form input[type="email"]:-ms-input-placeholder,
.custom-quote-block .form-area.add-form input[type="password"]:-ms-input-placeholder,
.custom-quote-block .form-area.add-form input[type="date"]:-ms-input-placeholder,
.custom-quote-block .form-area.add-form input[type="tel"]:-ms-input-placeholder {
    color: #ccc;
}

.custom-quote-block .form-area.add-form input[type="text"].placeholder,
.custom-quote-block .form-area.add-form input[type="email"].placeholder,
.custom-quote-block .form-area.add-form input[type="password"].placeholder,
.custom-quote-block .form-area.add-form input[type="date"].placeholder,
.custom-quote-block .form-area.add-form input[type="tel"].placeholder {
    color: #ccc;
}

.custom-quote-block .form-area.add-form input[type="text"]:focus,
.custom-quote-block .form-area.add-form input[type="email"]:focus,
.custom-quote-block .form-area.add-form input[type="password"]:focus,
.custom-quote-block .form-area.add-form input[type="date"]:focus,
.custom-quote-block .form-area.add-form input[type="tel"]:focus {
    border-color: #0d56a5;
}

.custom-quote-block .form-area.add-form .row-holder {
    overflow: hidden;

}

.custom-quote-block .form-area.add-form .row-holder .type-chip {
    float: left;
    width: 236px;
    margin: 2px 0 0 0;
}

.custom-quote-block .form-area.add-form .row-holder .date-box {
    position: relative;
}

.custom-quote-block .form-area.add-form .row-holder .date-box .icon-calendar1 {
    position: absolute;
    top: 13px;
    right: 12px;
    font-size: 20px;
    color: #797979;
    pointer-events: none;
}

.custom-quote-block .form-area.add-form .row {
    float: right;
    width: 236px;
    margin: 0 0 27px;
}

.custom-quote-block .form-area.add-form .row:first-child {
    float: left;
}

.custom-quote-block .form-area.add-form .product-input {
    float: none;
    width: 100%;
    margin: -12px 0 0;
    overflow: hidden;
}

.custom-quote-block .form-area.add-form .product-input .row {
    width: 236px;
}

.custom-quote-block .form-area.add-form .product-input .product-size {
    float: right;
    width: 236px;
    position: relative;
}

.custom-quote-block .form-area.add-form .product-input .product-size .text {
    display: block;
    position: absolute;
    top: 50%;
    left: 113px;
    font: normal 17px/17px "robotoregular";
}

.custom-quote-block .form-area.add-form .product-input .product-size .row {
    float: left;
    width: 102px;
    margin: 22px 0 0 30px;
}

.custom-quote-block .form-area.add-form .product-input .product-size .row:first-child {
    margin: 0;
}

.custom-quote-block .form-area.add-form .product-input .product-size input[type="text"] {
    padding: 9px 7px;
}

.custom-quote-block .form-area.add-form .row-box {
    overflow: hidden;
    width: 100%;
    margin: 0 0 25px;
}

.custom-quote-block .form-area.add-form .row-box .input-row {
    overflow: hidden;
    width: 100%;
    letter-spacing: -.32em;
    margin: 11px 0 0;
}

.custom-quote-block .form-area.add-form .row-box .input-row input[type="text"] {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    width: 14%;
    height: 45px;
    font: 12px/16px "robotoregular";
    padding: 9px 5px;
    color: #c8c8c8;
    margin: 0 14px 0 0;
}

.custom-quote-block .form-area.add-form .row-box .input-row input[type="text"]::-webkit-input-placeholder {
    color: #c8c8c8;
}

.custom-quote-block .form-area.add-form .row-box .input-row input[type="text"]::-moz-placeholder {
    opacity: 1;
    color: #c8c8c8;
}

.custom-quote-block .form-area.add-form .row-box .input-row input[type="text"]:-moz-placeholder {
    color: #c8c8c8;
}

.custom-quote-block .form-area.add-form .row-box .input-row input[type="text"]:-ms-input-placeholder {
    color: #c8c8c8;
}

.custom-quote-block .form-area.add-form .row-box .input-row input[type="text"].placeholder {
    color: #c8c8c8;
}

.custom-quote-block .form-area.add-form label,
.custom-quote-block .form-area.add-form .label-text {
    display: block;
    font: 15px/18px "robotoregular";
    /*text-transform: capitalize;*/
    margin: 0 0 4px 3px;
    color: #444;
}

.custom-quote-block .form-area.add-form .outer {
    overflow: hidden;
    margin: -12px 0 2px;
}

.custom-quote-block .form-area.add-form .outer .row {
    float: right;
    width: 236px;
    margin: 0 0 25px

}

.custom-quote-block .form-area.add-form .outer .row:first-child {
    float: left;
}

.custom-quote-block .form-area.add-form .outer .row .zip-input {
    width: 145px;
}

.custom-quote-block .form-area.add-form .outer .jcf-select-select {
    width: 236px;
    min-width: inherit;
    height: 45px;
}

.custom-quote-block .form-area.add-form .outer .jcf-select-select .jcf-select-text {
    font-size: 13px;
    line-height: 40px;
}

.custom-quote-block .form-area.add-form .outer .jcf-select-select .jcf-select-opener:before {
    right: 11px;
    top: 14px;
}

.custom-quote-block .form-area.add-form .switch {
    margin: 0 0 18px;
}

.custom-quote-block .form-area.add-form .switch .label-text {
    margin: 0 0 9px 3px;
}

.custom-quote-block .form-area.add-form .switch .check-list {
    float: none;
    margin: 4px 0 0;
}

.custom-quote-block .form-area.add-form .switch-row {
    overflow: hidden;
    margin: 0 0 15px;
}

.custom-quote-block .form-area.add-form .switch-row .switch {
    float: right;
    width: 236px;
}

.custom-quote-block .form-area.add-form .switch-row .switch:first-child {
    float: left;
}

.custom-quote-block .form-area .accordion-holder {
    margin: 0 0 16px;
}

.custom-quote-block .form-area .accordion-holder .checkbox-list {
    letter-spacing: -.32em;
    padding: 10px 0;
}

.custom-quote-block .form-area .accordion-holder .checkbox-list li {
    display: block;
    padding: 5px 10px;
    width: 100%;
}

.custom-quote-block .form-area .accordion-holder .checkbox-list label {
    text-transform: none;
}

.custom-quote-block .form-area .accordion-holder .slide {
    /*width: 295px;*/
    width: auto;
    border-width: 1px;
}

.custom-quote-block .form-area .textarea {
    height: 171px;
    margin: 0 0 18px;
    line-height:24px;
}

.custom-quote-block .form-area .captcha {
    margin: 0;
}

.custom-quote-block .form-area .captcha p {
    margin: 12px 0 0 5px;
}

.custom-quote-block .form-area .captcha .img-box {
    width: 296px;
    margin: 0 0 23px;
}

.custom-quote-block .form-area .upload-box {
    margin: 0 0 15px;
    overflow: hidden;
    text-align: left;
    font: 13px/17px "robotoregular";
}

.custom-quote-block .form-area .upload-box p {
    margin: 0 0 13px;
}


.upload-box p a.read{

    color: #ff4301;
    line-height: 22px;

}

.custom-quote-block .form-area .upload-box .upload-holder {
    min-height: 102px;
    overflow: hidden;
    padding: 23px 40px 18px 110px;
    margin: 0 0 21px;
    position: relative;
    border: 1px dashed #c7c8c9;
}

.custom-quote-block .form-area .upload-box .icon-upload {
    position: absolute;
    top: 29px;
    left: 33px;
    font-size: 43px;
    line-height: 43px;
    margin: 0;
}

.custom-quote-block .form-area .upload-box .title {
    float: left;
    width: 170px;
    margin: 0 0 5px;
}

.custom-quote-block .form-area .upload-box button {
    float: right;
    min-width: 152px;
    padding: 5px;
    margin: 14px 0 0;
}

.custom-quote-block .form-area .upload-box .checkbox1 {
    overflow: hidden;
}

.custom-quote-block .form-area .upload-box .checkbox1 .jcf-checkbox {
    float: left;
    border: 2px solid #d7d7d7;
    margin: 0 10px 0 0;
}

.custom-quote-block .form-area .upload-box .checkbox1 .jcf-checkbox.jcf-checked {
    border-color: #ff4301;
}

.custom-quote-block .form-area .upload-box .checkbox1 .jcf-checkbox span {
    margin: -3px 0 0 -5px;
}

.custom-quote-block .form-area .upload-box .checkbox1 label {
    color: #797979;
    font: 13px/17px "robotoregular";
    overflow: hidden;
}


.custom-quote-block .artdata-ienotice {
    overflow: hidden;
    text-align: center;
    background: #f69478;
    padding: 12px 10px;
    color: #fff;
    font-size:14px;
    font-family: 'robotomedium', sans-serif, arial;
}

.custom-quote-block .btn-holder {
    overflow: hidden;
    text-align: center;
    background: #04356d;
    padding: 18px 10px;
}

.custom-quote-block .btn-holder .btn-submit {
    width: 216px;
    border: 3px solid #fff;
    text-align: center;
    padding: 5px 5px 6px;
    color: #fff;
    font: 20px/24px "dincond-medium";
    text-transform: uppercase;
    background: #04356d;
    border-radius: 5px;
}

.custom-quote-block .btn-holder .btn-submit:hover {

    background: #fff;
    color: #04356d;
}

.custom-quote-block .three-column {
    overflow: hidden;
    max-width: 1070px;
    margin: 0 auto 32px;
    text-align: center;
    letter-spacing: -.32em;
}

.custom-quote-block .three-column .col {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    width: 33.33%;
    padding: 0 56px;
    font: 14px/21px "robotolight";
}

.custom-quote-block .three-column .col:first-child {
    text-align: center;
}

.custom-quote-block .three-column .head {
    min-height: 73px;
    overflow: hidden;
    color: #ff4301;
    margin: 0 0 10px;
    text-align: center;
}

.custom-quote-block .three-column .head .icon-faqs,
.custom-quote-block .three-column .head .icon-promis,
.custom-quote-block .three-column .head .icon-chat-us {
    display: block;
    font-size: 37px;
    line-height: 37px;
    margin: 0 0 10px;
}

.custom-quote-block .three-column .head .icon-promis {
    font-size: 25px;
}

.custom-quote-block .three-column .head .icon-chat-us {
    font-size: 24px;
}

.custom-quote-block .three-column .head .title {
    display: block;
    font: 20px/24px "roboto_slabregular";
}

.custom-quote-block .three-column .text-box {
    overflow: hidden;
}

.custom-quote-block .three-column .text-box p {
    margin: 0;
}

.custom-quote-block .three-column a {
    display: inline-block;
    vertical-align: top;
    color: #ff4301;
    font-family: "robotoregular";
    text-decoration: none;
}

.custom-quote-block .three-column a:hover {
    opacity: .75;
}

.custom-quote-block .three-column .question-list {
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.custom-quote-block .three-column .question-list li {
    margin: 0 0 2px;
    padding: 0 0 0 14px;
    position: relative;
}

.custom-quote-block .three-column .question-list li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: ">";
    display: block;
    font-weight: bold;
}

.custom-quote-block .three-column .question-list li a {
    color: #797979;
}

/*////////////////////FOIL STAMPING GUIDE PG/////////////////////*/
.custom-quote-block .foil-stamping-section {
    /*overflow: hidden;*/
    margin: 0 0 60px;
    border-top: 2px solid #eaeaea;
}


.custom-quote-block .foil-stamping-section .holder {
    margin: 0 auto;
    max-width: 1070px;
    padding-top: 44px;
    /*display: block;*/
}



.foil-stamping-section .holder .foil-swatch-row{
    margin: 0px auto 60px auto;
    display: inline-block;

}


.holder .foil-swatch-row .foil-swatch {

    margin: 0px 26px 0px 26px;
    float: left;
    width: 126px;
}



.foil-swatch-row .foil-swatch img {
    display: block;
    margin: auto;

}

.foil-swatch-row .foil-swatch h3 {
    font-family: robotoregualr, Arial, sans-serif;
    color: #797979;
    font-size: 12px;
    margin: 30px 0px 0px 0px;
    text-align: center;
}

/*////////////////////Foil stamping popup/////////////////////*/
.card-block .foil-swatch-row{
    display: inline-block;
}


.card-block .foil-swatch-row .foil-swatch {

    margin: 0px 0px 0px 0px;
    float: left;
    width: 114px;
}


.card-block .foil-swatch-row .foil-swatch img{
    display: block;
    margin: auto; 
}



.card-block .foil-swatch-row .foil-swatch h3 {
    font-family: robotoregualr, Arial, sans-serif;
    color: #797979;
    font-size: 12px;
    margin: 30px 0px 0px 0px;
    text-align: center;
}

/*////////////////////CONTACT US PG/////////////////////*/




.custom-quote-block .quote-request.contactus {
    margin: 0 auto 48px;
    max-width: 1070px;
    overflow: hidden;
}


.custom-quote-block .quote-request.contactus .right-box {
    float: right;
    width: 40%;
    margin: 0px 0 0;
    position: relative;
    padding: 0 0 0 51px;
    font: 14px/17px "robotolight";
}






.custom-quote-block .custom-form-section-contact {
    overflow: hidden;
    margin: 0 0 60px;
    border-top: 2px solid #eaeaea;
    background-color: #fafafa;
    border-bottom: 2px solid #eaeaea;
}

.custom-quote-block .custom-form-section-contact .holder{
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: -.32em;
    background-color: #fafafa;
    justify-content: space-between;
}






/* left side of the form*/
.custom-quote-block .custom-form-section-contact .form-col-contactleft {
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 26px 6px 25px 28px;
    position: relative;
    border-width: 0 0 0 2px; 
    border-style: solid; 
    border-color: #eaeaea; 
    margin-left: auto;
}



.custom-quote-block .custom-form-section-contact .form-col-contactleft .setwidth .header .title {
    display: block;
    font: 19px/22px "robotoregular";
    margin: 0 0 28px;
    color: #25292b;
}




.custom-quote-block .custom-form-section-contact .form-col-contactleft .setwidth{
    width:500px;
    margin-left: auto;
    margin-right: 22px;

}








/* right side of the form*/
.custom-quote-block .custom-form-section-contact .form-col-contactright {
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding: 26px 6px 25px 28px;
    background: url('../images/contact-us-cards.jpg');
    background-repeat: no-repeat;
    background-color: #599ad8;
    position: relative;
    border-width: 0 0 0 2px; 
    border-style: solid; 
    border-color: #eaeaea;
    background-position: left bottom;
    height: 800px;
}








.custom-quote-block .custom-form-section-contact .form-col-contact:first-child {
    border-width: 0;
    padding: 26px 36px 25px 5px;
    /*background: no-repeat;*/
}

.custom-quote-block .custom-form-section-contact .form-col-contact:first-child:before {
    display: none;
}



.custom-quote-block .custom-form-section-contact .form-col-contact .header {
    overflow: hidden;
    margin: 0 0 26px;
    font: 14px/22px "robotolight";
}

.custom-quote-block .custom-form-section-contact .form-col-contact .header .title {
    display: block;
    font: 19px/22px "robotoregular";
    margin: 0 0 7px;
    color: #25292b;
}



.custom-quote-block .custom-form-section-contact .form-col-contact .header .oneline{
    margin: 0px 0px 19px 0px;

}


.form-area.add-form  .row-holder-contact{
    width: 246px;
    float: left; 
}

.form-area.add-form  .row-holder-contact .row-contact{
    color: white;
    font: 16px/22px "robotoregular";
    padding: 20px 0px 20px 20px;


}


.row-holder-contact .row-contact h6{
    color: white;
    font: 12px/24px "robotoregular";
    margin: 0;
    padding: 0;


}




.form-area.add-form .setwidth .opt-in input{
    float: left;
    border: 2px solid #d7d7d7;
    margin: 0 10px 0 0;
}

/*////////////////////END CONTACT US PG/////////////////////*/


.banner-area {
    overflow: hidden;
    width: 100%;
    min-height: 324px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}


.staticbanner_header{
    text-align: center;
    color: #fff;
    font-family: 'Robotothin', sans-serif, arial;
    font-size: 58px;
    letter-spacing: -1px;
    margin: 55px 0 0 0;
}

@media (max-width: 766px) {
    .staticbanner_header{
        text-align: center;
        color: #fff;
        font-family: 'Robotothin', sans-serif, arial;
        font-size: 36px;
        letter-spacing: -1px;
        margin: 70px 0 0 0;
    }
}

@media (max-width: 766px) {
    .staticbanner_header-sample{
        text-align: center;
        color: #fff;
        font-family: 'Robotothin', sans-serif, arial;
        font-size: 36px;
        letter-spacing: -1px;
        margin: 85px 0 0 0;
    }
}

.add .sub-nav {
    background: #fff;
}

.info-box.add-mobile {
    display: none;
}


/* file-upload banner*/
.banner-area .banner-holder-file-upload {
    max-width: 1110px;
    margin: 0 auto;
    overflow: hidden;
}

.banner-area .banner-holder-file-upload .title {
    display: block;
    font: 44px/53px "robotothin";
    margin: 45px auto 0;
    color: #ffffff;
    text-align: center;
    letter-spacing: -0.75px;
}


@media (max-width: 767px) {
    .banner-area .banner-holder-file-upload .title {
        font: 34px/40px "robotolight";
        width: 80%;

    }}

.banner-area .checklist{
    color: #ffffff;

}


.banner-area .checklist{
    font: 13px/24px "robotoregular"; 
    float: left;
    width: 210px;
    margin: 20px 6px 0;
    text-align: center;
    letter-spacing: -0.25px;

}


.banner-area .checklist h3{
    font: 16px/24px "dinpro-bold"; 
    text-transform: uppercase;
}



.banner-holder-file-upload .checklist span{

    font-size: 50px;
    color: #ffffff;
    line-height: 76px;

}

.banner-area .banner-holder {
    max-width: 1060px;
    margin: 0 auto;
    overflow: hidden;
}



.banner-area .caption {
    float: right;
    width: 452px;
    background: #fff;
    border-radius: 5px;
    padding: 41px 37px 39px;
    margin: 52px 73px 0 0;
    color: #656565;
    font: 16px/20px "din-regular";
}




/*cmb category pg */
.cmb-categ-banner-area {
    overflow: hidden;
    width: 100%;
    min-height: 324px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}



.cmb-categ-banner-area .cmb-categ-banner-holder{
    max-width: 800px;
    margin: 0 auto;
    overflow: hidden;
}


.cmb-categ-banner-area .cmb-categ-caption {
    /*float: right;
    width: 800px;*/
    background: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 7px;
    padding: 26px 37px 26px 37px;
    margin: 68px 0px 0 0;
    color: #656565;
    font: 16px/20px "din-regular";
    text-align: center;
}


.cmb-categ-banner-area .cmb-categ-caption .title {
    display: block;
    font: 26px/30px 'din-bold', Arial, sans-serif;
    text-transform: uppercase;
    color: #444;
    margin: 0 0 10px;

}

.cmb-categ-banner-area .cmb-categ-caption p {
    margin: 0;
    font: 20px/24px 'roboto_slablight', Arial, sans-serif;
    color: #888;
}


/**/


.banner-area .caption .title {
    display: block;
    font: 23px/26px "din-bold";
    margin: 0 0 9px;
}

.banner-area .caption p {
    margin: 0;
}

.info-box {
    /*float: right;
    width: 300px;
    position: relative;
    border: 2px solid #ebebeb;
    border-radius: 3px;*/ }
@media (max-width: 1023px) {
    .info-box {
        width: 280px; } }
@media (max-width: 766px) {
    .info-box {
        display: none; } }
.info-box:before {
    /*content: "";
    position: absolute;
    top: 38px;
    left: 50%;
    right: auto;
    bottom: 29px;
    width: 1px;
    background: #dadfe3;*/ }
.info-box.add-mobile {
    display: none; }
@media (max-width: 766px) {
    .info-box.add-mobile {
        display: block;
        float: none;
        width: 100%; } }
.info-box .list {
    text-align: center;
    letter-spacing: -0.32em;
    font: 12px/14px robotoregular; }
.info-box .list li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    width: 50%;
    padding: 20px 24px 23px; }
@media (max-width: 1023px) {
    .info-box .list li {
        padding: 20px 18px 23px; } }
.info-box .list a {
    display: block;
    text-decoration: none;
    color: #707070; }
.info-box .list a:hover {
    opacity: 0.75; }
.info-box .title {
    display: block;
    font: 13px/15px 'DINNextLTPro-Bold';
    text-transform: uppercase;
    color: #2276d1; }
.info-box .img-box {
    overflow: hidden;
    margin: 0 0 20px; }


@media (max-width: 1199px) {
    .ui-datepicker {
        width: 14em;
    }

    .custom-quote-block .quote-request {
        padding: 0 10px;
    }

    .custom-quote-block .quote-request .left-box {
        width: 50%;
        padding: 0;
    }

    .custom-quote-block .quote-request .right-box {
        width: 40%;
        margin: 45px 0 0;
    }

    .custom-quote-block .custom-form-section .form-col {
        padding: 25px 15px;
    }

    .custom-quote-block .custom-form-section .form-col:first-child {
        padding: 25px 15px;
    }

    .custom-quote-block .form-area.add-form .row {
        width: 225px;
    }

    .custom-quote-block .form-area.add-form .product-input .row {
        width: 225px;
    }

    .custom-quote-block .form-area.add-form .outer .row {
        width: 225px;
    }

    .custom-quote-block .form-area.add-form .outer .jcf-select-select {
        width: 225px;
    }

    .custom-quote-block .form-area.add-form .switch-row .switch {
        width: 225px;
    }

    .custom-quote-block .three-column {
        padding: 0 14px;
    }

    .custom-quote-block .three-column .col {
        padding: 0 40px;
    }
    .visual .caption-block {
        padding: 40px 0 0 30px; } }
@media (max-width: 1023px) {
    .banner-area .caption {
        float: none;
        overflow: hidden;
        margin: 52px auto 0;
    }
    .ui-datepicker {
        width: 20.7em;
    }

    .custom-quote-block .quote-request {
        padding: 0 35px;
    }

    .custom-quote-block .quote-request p br {
        display: none;
    }

    .custom-quote-block .quote-request .left-box {
        font-size: 18px;
        line-height: 25px;
    }

    .custom-quote-block .quote-request h1 {
        font-size: 36px;
        line-height: 38px;
    }

    .custom-quote-block .custom-form-section .form-col {
        padding: 25px 30px 25px 15px;
    }

    .custom-quote-block .custom-form-section .form-col:first-child {
        padding: 25px 15px 25px 36px;
    }

    .custom-quote-block .custom-form-section .form-col .header {
        margin: 0 0 15px;
    }

    .custom-quote-block .form-area.add-form .form {
        padding: 29px 12px 10px;
    }

    .custom-quote-block .form-area.add-form .row-holder .type-chip {
        width: 100%;
    }

    .custom-quote-block .form-area.add-form .row {
        width: 100%;
        margin: 0 0 18px;
    }

    .custom-quote-block .form-area.add-form .product-input .row {
        width: 100%;
    }

    .custom-quote-block .form-area.add-form .product-input .product-size {
        float: none;
        overflow: hidden;
        width: 100%;
        margin: 0 0 25px;
    }

    .custom-quote-block .form-area.add-form .row-box .input-row input[type="text"] {
        width: 25%;
    }

    .custom-quote-block .form-area.add-form .outer .row {
        width: 160px;
    }

    .custom-quote-block .form-area.add-form .outer .row .zip-input {
        width: 160px;
    }

    .custom-quote-block .form-area.add-form .outer .jcf-select-select {
        width: 160px;
    }

    .custom-quote-block .form-area.add-form .switch-row .switch {
        width: 100%;
    }

    .custom-quote-block .form-area.add-form .switch-row .switch:first-child {
        float: none;
        width: 100%;
    }

    .custom-quote-block .form-area .textarea {
        height: 160px;
    }

    .custom-quote-block .form-area .upload-box .upload-holder {
        text-align: center;
        padding: 23px 18px;
    }

    .custom-quote-block .form-area .upload-box .icon-upload {
        position: static;
        display: block;
        margin: 0 auto 10px;
    }

    .custom-quote-block .form-area .upload-box .title {
        float: none;
        width: 100%;
        display: block;
        margin: 0 0 10px;
    }

    .custom-quote-block .form-area .upload-box button {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .custom-quote-block .three-column .col {
        padding: 0 12px;
    }
}

@media (max-width: 767px) and (max-width: 480px) {
    #header .chat-area {
        text-align: right;
    }
}
@media (max-width: 766px) {
    .shoppers.add-shoopers {
        display: none;
    }

    .info-box.add-mobile {
        display: block;
        float: none;
        width: 100%;
    }

    .ui-datepicker {
        width: 17.4em;
    }

    .custom-quote-block .quote-request {
        padding: 0 14px;
        margin: 0 auto 11px;
    }

    .custom-quote-block .quote-request p {
        margin: 0 0 10px;
    }

    .custom-quote-block .quote-request .left-box {
        float: none;
        width: 100%;
        text-align: center;
        overflow: hidden;
        font-size: 15px;
        line-height: 22px;
    }

    .custom-quote-block .quote-request .left-box .inner {
        font-size: 15px;
        line-height: 22px;
        padding: 0;
    }

    .custom-quote-block .quote-request h1 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 0;
        margin: 0 0 7px;
    }

    .custom-quote-block .quote-request .right-box {
        display: none;
    }

    .custom-quote-block .custom-form-section {
        margin: 0 0 21px;
    }

    .custom-quote-block .custom-form-section .holder {
        display: block;
    }

    .custom-quote-block .custom-form-section .form-col {
        display: block;
        width: 100%;
        overflow: hidden;
        padding: 17px 20px 13px;
        border-width: 0;
    }

    .custom-quote-block .custom-form-section .form-col:first-child {
        display: block;
        overflow: hidden;
        padding: 17px 20px 0;
        border-width: 0 0 2px;
    }

    .custom-quote-block .custom-form-section .form-col:first-child .header {
        text-align: center;
    }

    .custom-quote-block .custom-form-section .form-col .header {
        margin: 0 0 21px;
    }

    .custom-quote-block .form-area.add-form .row-holder .date-box .icon-calendar1 {
        top: 12px;
        right: 13px;
    }

    .custom-quote-block .form-area.add-form .row {
        margin: 0 0 20px;
    }

    .custom-quote-block .form-area.add-form .row-box {
        margin: 0 0 30px 4px;
    }

    .custom-quote-block .form-area.add-form .outer {
        margin: -7px 0 2px;
    }

    .custom-quote-block .form-area.add-form .outer .row {
        width: 47.5%;
        margin: 0 0 2px;
    }

    .custom-quote-block .form-area.add-form .outer .row .zip-input {
        width: 100%;
    }

    .custom-quote-block .form-area.add-form .outer .jcf-select-select {
        width: 100%;
    }

    .custom-quote-block .form-area.add-form .switch {
        margin: 0 0 33px;
    }

    .custom-quote-block .form-area.add-form .switch-row {
        margin: 0 0 5px;
    }

    .custom-quote-block .form-area .accordion-holder {
        margin: 10px 0 27px;
    }

    .custom-quote-block .form-area .accordion-holder .slide {
        width: 280px;
    }

    .custom-quote-block .form-area .textarea {
        height: 172px;
        margin: 6px 0 23px;
    }

    .custom-quote-block .form-area .captcha .img-box {
        width: 280px;
        margin: 0 0 8px;
    }

    .custom-quote-block .form-area .upload-box {
        margin: 10px 0 15px;
    }

    .custom-quote-block .form-area .upload-box p {
        margin: 0 0 16px;
    }

    .custom-quote-block .form-area .upload-box .upload-holder {
        border: 2px dashed #c7c8c9;
        padding: 16px 18px 26px;
    }

    .custom-quote-block .form-area .upload-box .icon-upload {
        font-size: 26px;
        line-height: 27px;
        margin: 0 auto 3px;
    }

    .custom-quote-block .form-area .upload-box .title {
        margin: 0 0 7px;
    }

    .custom-quote-block .form-area .upload-box button {
        min-width: 156px;
    }

    .custom-quote-block .form-area .upload-box .checkbox1 .jcf-checkbox {
        margin: 1px 12px 0 6px;
    }

    .custom-quote-block .btn-holder {
        padding: 18px 10px 17px;
    }

    .custom-quote-block .three-column {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        max-width: 100%;
        margin: 0 0 13px;
    }

    .custom-quote-block .three-column .col {
        display: block;
        width: 250px;
        margin: 0 auto 40px;
        padding: 0;
    }

    .custom-quote-block .three-column .col:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }

    .custom-quote-block .three-column .col:nth-child(3) {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .custom-quote-block .three-column .col:first-child {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
    }

    .custom-quote-block .three-column .head {
        margin: 0 0 1px;
    }

    .custom-quote-block .three-column .head .icon-faqs,
    .custom-quote-block .three-column .head .icon-promis,
    .custom-quote-block .three-column .head .icon-chat-us {
        margin: 0 0 2px;
    }

    .banner-area {
        min-height: 209px;
        background-position: 50% 50%;
    }

    @media (max-width: 766px) {
        .banner-area-artupload {
            min-height: 209px;
            background-position: 22% 50%;
            display: none;
        }
    }

    .banner-area .caption {
        display: none;
    }
}
/********* index-update **********/
.visual.add-banner {
    margin: 0; }
.cards-section {
    overflow: hidden;
    padding: 58px 25px 58px;
    margin: 0 0 40px;
    background: #f3f3f3; }
@media (max-width: 766px) {
    .cards-section {
        padding: 20px 16px 0;
        margin: 0 0 20px; } }
.cards-section .wrap {
    margin: 0 auto 43px;
    max-width: 1200px; }
.cards-section .info-cards {
    overflow: hidden;
    letter-spacing: -0.32em;
    text-align: center;
    padding: 0;
    margin: 0 -15px; }
@media (max-width: 1199px) {
    .cards-section .info-cards {
        margin: 0 -9px; } }
@media (max-width: 766px) {
    .cards-section .info-cards {
        margin: 0 -10px; } }
.cards-section .info-cards li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 0 25px;
    margin: 0 0 42px;
    letter-spacing: 0;
    text-align: left;
    border-radius: 14px 14px 0 0;
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.6s, transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0; }
@media (max-width: 1199px) {
    .cards-section .info-cards li {
        padding: 0 10px;
        margin: 0 0 30px; } }
@media (max-width: 1023px) {
    .cards-section .info-cards li {
        width: 33.33%; } }
@media (max-width: 766px) {
    .cards-section .info-cards li {
        padding: 0 12px;
        margin: 0 0 20px; } }
@media (max-width: 549px) {
    .cards-section .info-cards li {
        width: 50%;
        padding: 0 12px;
        margin: 0 0 20px; } }
.cards-section .info-cards li.animated {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
.cards-section .info-cards li a {
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 9px 9px 0 0;
    padding: 0 0 20px;
    background: #fff;
    text-decoration: none; }
@media (max-width: 1023px) {
    .cards-section .info-cards li a {
        padding: 0 0 10px;
        border-radius: 5px 5px 0 0; } }
@media (min-width: 1024px) {
    .cards-section .info-cards li a:hover .title {
        color: #ff4301; }
    .cards-section .info-cards li a:hover .hover-caption {
        visibility: visible;
        opacity: 1;
        padding-top: 20px; } }

@media (max-width: 766px) {
    .cards-section .info-cards li a:hover .hover-caption {
        padding-top: 10px; } }
.cards-section .info-cards .img-box {
    overflow: hidden;
    position: relative; }
.cards-section .info-cards .img-box img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    border-radius: 9px 9px 0 0; }
@media (max-width: 1023px) {
    .cards-section .info-cards .img-box img {
        border-radius: 5px 5px 0 0; } }
.cards-section .info-cards .title {
    display: block;
    font: 20px/24px 'robotomedium';
    min-height: 48px;
    /*text-transform: capitalize;*/
    text-align: right;
    color: #444;
    letter-spacing: -0.5px;
    padding: 0 18px;
    position: relative;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s; }
@media (max-width: 1199px) {
    .cards-section .info-cards .title {
        font-size: 16px;
        line-height: 20px;
        min-height: 40px; } }
@media (max-width: 766px) {
    .cards-section .info-cards .title {
        font-size: 15px;
        font-family: 'robotomedium', arial, sans-serif;
        padding: 0 8px; } }
.cards-section .info-cards .title:after {
    position: absolute;
    left: -10px;
    bottom: -20px;
    right: -10px;
    top: -22px;
    content: "";
    background: #fff;
    outline: 1px solid transparent;
    -webkit-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    transform: rotate(-7deg);
    z-index: 1; }
@media (max-width: 479px) {
    .cards-section .info-cards .title:after {
        top: -11px; } }
.cards-section .info-cards .title span {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 5; }
.cards-section .info-cards .hover-caption {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 60px 24px 30px;
    font: 16px/26px 'robotolight';
    background: rgba(4, 53, 109, 0.8);
    border-radius: 14px 14px 0 0;
    -webkit-transition: all ease-in-out 0.4s;
    transition: all ease-in-out 0.4s; }
@media (max-width: 766px) {
    .cards-section .info-cards .hover-caption {
        font-size: 12px;
        line-height: 16px;
        padding: 60px 10px 30px; } }
@media (max-width: 549px) {
    .cards-section .info-cards .hover-caption {
        font-size: 13px;
        line-height: 16px;
        padding: 40px 10px 15px; } }
@media (max-width: 479px) {
    .cards-section .info-cards .hover-caption {
        font-size: 10px;
        line-height: 13px; } }
.cards-section .info-cards .hover-caption p {
    margin: 0 0 10px; }
.cards-section .info-cards .hover-caption .shop {
    display: block;
    font: 16px/38px 'dinpro-bold'; }
@media (max-width: 766px) {
    .cards-section .info-cards .hover-caption .shop {
        font-size: 12px;
        line-height: 14px; } }
@media (max-width: 549px) {
    .cards-section .info-cards .hover-caption .shop {
        font-size: 12px;
        line-height: 14px; } }
.cards-section .inner-holder {
    padding: 0 10px; }
.printing-carousel .btn-prev,
.printing-carousel .btn-next {
    position: absolute;
    top:50%;
    font-size: 24px;
    text-decoration: none;
    margin-top: -10px;
    cursor: pointer;
    color: rgba(232, 232, 232);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: color ease-in-out 0.4s;
    transition: color ease-in-out 0.4s;
}
.printing-carousel .btn-prev:hover,
.printing-carousel .btn-next:hover {
    color: rgba(191, 191, 191, 1);
}
.printing-carousel .btn-prev {
    left: 10px;
}
.printing-carousel .btn-next {
    right: 10px;
}
@media (max-width: 766px) {
    .printing-carousel .btn-prev,
    .printing-carousel .btn-next {
        -webkit-transition: color ease-in-out 0.4s;
        transition: color ease-in-out 0.4s;
        width: 16px;
        height: 64px;
        text-align: center;
        background: rgba(142, 142, 142, 1);
        color: #fff;
        font-size: 0;
        line-height: 0;
        margin: 0;
    }
    .printing-carousel .btn-prev:before,
    .printing-carousel .btn-next:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width:1px;
        margin: 0 0 0 -1px;
        height:100%;
    }
    .printing-carousel .btn-prev i,
    .printing-carousel .btn-next i {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
    }
    .printing-carousel .btn-prev:hover,
    .printing-carousel .btn-next:hover {
        color: #fff;
        background: rgba(142, 142, 142, 1);
    }
    .printing-carousel .btn-prev {
        left: -16px;
    }
    .printing-carousel .btn-next {
        right: -16px;
    }
}
@media (max-width: 1199px) {
    .cards-section .inner-holder {
        padding: 0; } }
.cards-section .inner-holder .printing-carousel {
    float: left;
    width: 47.4%;
    position: relative; }
@media (max-width: 1199px) {
    .cards-section .inner-holder .printing-carousel {
        width: 49%; } }
@media (max-width: 766px) {
    .cards-section .inner-holder .printing-carousel {
        float: none;
        width: 100%;
        margin: 0 0 20px; } }
.cards-section .inner-holder .printing-carousel .mask {
    overflow: hidden; }
.cards-section .inner-holder .printing-carousel .slideset {
    float: left;
    width: 100%; }
.cards-section .inner-holder .printing-carousel .slide {
    float: left;
    width: 100%;
    position: relative;
    min-height: 227px; }
@media (max-width: 1199px) {
    .cards-section .inner-holder .printing-carousel .slide {
        min-height: 266px; } }
.cards-section .inner-holder .printing-carousel .bg-stretch {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
.cards-section .inner-holder .printing-carousel .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    padding: 12px 20px;
    font: 15px/20px 'robotolight';
    background: rgba(4, 53, 109, 0.55); }
@media (max-width: 766px) {
    .cards-section .inner-holder .printing-carousel .caption {
        text-align: center; } }
.cards-section .inner-holder .printing-carousel .caption .title {
    display: block;
    font: 20px/23px 'dinpro-medium';
    margin: 0 0 10px;
    text-transform: capitalize;
    letter-spacing: -0.5px;}
.cards-section .inner-holder .printing-carousel .caption p {
    margin: 0 0 5px; }
.cards-section .inner-holder .printing-carousel .caption .btn-more {
    position: absolute;
    top: 10px;
    right: 28px;
    text-decoration: none;
    color: #fff; }
@media (max-width: 766px) {
    .cards-section .inner-holder .printing-carousel .caption .btn-more {
        position: static;
        display: inline-block;
        vertical-align: top; } }
.cards-section .inner-holder .advertise-box1 {
    float: right;
    width: 47.4%;
    min-height: 227px;
    position: relative; }
@media (max-width: 1199px) {
    .cards-section .inner-holder .advertise-box1 {
        width: 49%;
        min-height: 266px; } }
@media (max-width: 766px) {
    .cards-section .inner-holder .advertise-box1 {
        float: none;
        width: 100%; } }
.cards-section .inner-holder .advertise-box1 .bg-stretch {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%; }
.cards-section .inner-holder .advertise-box1 .list {
    position: relative;
    z-index: 2;
    font: 9px/11px 'roboto_slabbold';
    text-transform: uppercase;
    text-align: right;
    margin: 22px 14px 0 0; }
@media (max-width: 766px) {
    .cards-section .inner-holder .advertise-box1 .list {
        display: none; } }
.cards-section .inner-holder .advertise-box1 .list li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    max-width: 75px; }
.cards-section .inner-holder .advertise-box1 .list li a {
    text-decoration: none;
    color: #254151; }
.cards-section .inner-holder .advertise-box1 .list li img {
    display: inline-block;
    max-width: 100%;
    margin: 0 0 5px; }
.cards-section .inner-holder .advertise-box1 .list li .text {
    display: block; }
.cards-section .inner-holder .advertise-box1 .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    color: #fff;
    padding: 12px 20px;
    font: 15px/20px 'robotolight';
    background: rgba(4, 53, 109, 0.55); }
@media (max-width: 766px) {
    .cards-section .inner-holder .advertise-box1 .caption {
        text-align: center; } }
.cards-section .inner-holder .advertise-box1 .caption .title {
    display: block;
    font: 20px/23px 'dinpro-medium';
    margin: 0 0 10px;
    text-transform: capitalize;
    letter-spacing: -0.5px;}
.cards-section .inner-holder .advertise-box1 .caption p {
    margin: 0 0 5px; }

.cards-section .inner-holder .advertise-box1 .caption a {
    text-decoration: none;
    color: #fff;
}

/****** contact us form ***************/
.custom-quote-block .custom-form-section-contact .form-col-contactright{ height:auto;}
@media (max-width:1366px) {
    .custom-quote-block .custom-form-section-contact .form-col-contactleft .setwidth{width:100%; max-width:500px;}
}
@media (max-width:1024px) {
    .custom-quote-block .custom-form-section-contact .form-col-contactleft, .custom-quote-block .custom-form-section-contact .form-col-contactright{padding: 26px 15px 25px 15px;}
    .form-area.add-form .row-holder-contact {width: 100%;float: left;max-width: 50%;}
    .custom-quote-block .form-area.add-form {padding: 0;display: inline-block;width: 100%;}
    .form-area.add-form .row-holder-contact .row-contact {font: 15px/22px "robotoregular";padding:20px 0px 20px 20px;}
}
@media (max-width:991px) {
    .form-area.add-form .row-holder-contact .row-contact {font: 15px/22px "robotoregular";padding:20px 5px 20px 5px;}
    /* .form-area.add-form .row-holder-contact .row-contact {font: 14px/22px "robotoregular";padding:20px 0px 20px 20px;} */
    .row-holder-contact .row-contact h6 {color: white; font: 12px/24px "robotoregular";margin: 0; padding: 0; width: 100%; display: inline-block !important;}
}

@media (max-width:767px) {
    .custom-quote-block .custom-form-section-contact .form-col-contactleft .setwidth {width: 100%; max-width:100%; margin: 0;padding: 0 15px;}  

    .custom-quote-block .custom-form-section-contact .holder{display: inherit;}
    .custom-quote-block .custom-form-section-contact .form-col-contactleft, .custom-quote-block .custom-form-section-contact .form-col-contactright { padding: 26px 20px 25px 20px;}
    .form-area.add-form .row-holder-contact .row-contact {font: 16px/22px "robotoregular";padding:20px 20px 20px 20px;}
    .custom-quote-block .custom-form-section-contact .form-col-contactright {height: auto; padding-bottom:450px;background-color:#599ad8;}
    .setwidth input.submitbtn{width: 100%;margin-bottom:20px;}
    .custom-quote-block .form-area .captcha .img-box {width: 100%;}
}

@media (max-width:550px) {
    .form-area.add-form .row-holder-contact .row-contact {font: 16px/22px "robotoregular";padding:12px 20px 12px 20px;}
    .form-area.add-form .row-holder-contact { width: 100%; float: left; max-width: 100%;}
    .form-area.add-form .captcha .img-box img {display: block;width: 100%; height: auto;max-width: 100%;}
    .custom-quote-block .custom-form-section-contact .form-col-contactright {background-position: left 43% bottom;}
}
@media (max-width:360px) {
    .custom-quote-block .custom-form-section-contact .form-col-contactleft .setwidth {padding: 0 5px;}
    .form-area.add-form .row-holder-contact .row-contact {padding: 12px 5px;}
}
/****** end contact us form ***************/




/*Categoty pg -product ID number*/
.cards .cards-list .image-info-block h1 .catg-h1 .prod-idnum {
    font-family: 'robotoregular', sans-serif, Arial;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    letter-spacing: normal;}









/*Prod page-Custom holders templates tab-edit for multiple templates*/



@media (max-width: 1023px) {
    .tab-area .product-list2 {
        margin: 0 0 0 -16px;
    }
}

@media (max-width: 1023px) {
    .tab-area .product-list2 li {
        padding: 1px 0 0 25px;
        margin: 0 0 4px;
    }
}
@media (max-width: 767px) {
    .tab-area .product-list2 li {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
}

@media (max-width: 767px) {
    .tab-area .product-list2 {
        max-width: 250px;
    }
}


.tab-area .product-list2 li .download-temp:before  {

    color: #ff4301;
    content: "\e902";
    font-size: 20px;
    font-family: "icomoon";
    margin-right: 12px;
}


.tab-area .product-list2 li:hover .download-temp:before{
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}


.tab-area .product-list2 {
    overflow: hidden;
    font-size: 14px;
    width: 250px;
    padding: 0;
}


.tab-area .product-list2 li:hover a {
    color: #ff4301;
}
.tab-area .product-list2 li a {
    color: #444444;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.tab-area .product-list2 li {
    color: #757575;
    display: inline-block;
    list-style-type: none;
    vertical-align: middle;
    text-decoration: none;
    font-family: 'robotolight', Arial, sans-serif;
    font-size: 13px;
    float: left;
    width:200px;
    margin: 0 0 5px;
    position: relative;
    padding: 4px 0 0 18px;

} 


/* ATTN STEVE - Adding styles for tooltip icons*/
.card-block i::before, .material-block i::before {
    color: #04356d;
    display: block;
    padding-bottom: 15px;
    font-size: 50px;
}

.card-block i.tticom::before, .material-block i.tticom::before {
    color: #04356d;
    display: block;
    padding-bottom: 15px;
    font-size: 65px;
}

.card-block i.tticol::before, .material-block i.tticol::before {
    color: #04356d;
    display: block;
    padding-bottom: 15px;
    font-size: 90px;
}

/*CPUS-139 - result page adding icomoon*/
span.icon-before_you_leave::before{
    font-size: 80px;
}
/*replacement css for footer (thru line #14292*/
.grid-holder {
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;

}
/* Nathan 2023 05 16 */
.logo-container {
	display: grid;
	grid-template-columns: 83px 16% 19% 16% 16% 15%;
	grid-column-gap: 25px;
	padding: 0 0 0 0px;
	justify-content: center;
	margin-bottom: 0px;
}
.logo-container div {
    align-self: center;
}
.bbb {
    width: 137px;
}

@media screen and (max-width: 1024px) {
    .grid-holder {
        max-width: 768px;
        text-align: center;
        padding: 0;
    }
.grid-holder .logo-container {
	display: grid;
	grid-template-columns: repeat(2, minmax(160px,auto));
	/* grid-column-gap: 0px; */
	/* grid-row-gap: 20px; */
	vertical-align: middle;
	/* padding-left: 0px; */
	grid-gap: 10px;
	padding-top: 10px;
	margin-bottom: 0px;
}
    .grid-holder .logo-container div {
        justify-content: center;

    }
    .grid-holder img {
        max-width: 80%;
    }
    .grid-holder .bbb {
        width: 256px;
        font-size: 10px;
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .grid-holder {
        max-width: 767px;
        text-align: center;
        padding: 0;
    }
    .logo-container {
        display: grid;
        grid-template-columns: 160px 160px;
        grid-column-gap: 0px;
        grid-row-gap: 20px;
        vertical-align: middle;
        padding: 0;
        margin-top: 20px;
    }
    .logo-container div {
        justify-content: center;

    }
    .mobilelogo {
        max-width: 65%;
    }
    .bbb {
        width: 160px;
        font-size: 10px;
        margin: 0 auto;
    }
}

/*end replacement css for footer*/

/* styles for the additional text in the plastic key tag category page */

    .pkt-container {
        display: flex;
        width: 100%;
        justify-content: center;
        padding: 55px 0;
    }
    .pkt-section {
        width: 1200px;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .pktbox {
        box-sizing: border-box;
        /*NOTE TO SELF: TRY TO TAKE THE ABOVE LINE OUT WHEN INTEGRATING INTO SITE*/
        width: 22%;
        margin: 0px 10px;
        vertical-align: top;
        border: #0d5ba5 solid 2px;
        border-radius: 6px;
        padding: 15px;
    }
    .pkth2 {
        display: block;
        font-family: roboto_slabregular;
        font-size: 2rem;
        text-align: center;
        color: #04356d;
        margin: 3rem auto 0 auto;
    }
    .pkth2para {
        margin: 12px auto 0px auto;
        text-align: center;
        font-family: robotolight;
        font-size: 1.3rem;
        color: #727272;
    }
    .pkth3 {
        /* font-family: 'roboto_slabregular';*/
        font-family: robotomedium;
        color: #04356d;
        font-size: 24px;
        line-height: 27px;
        margin: 5px 0px;
        letter-spacing: -.7px;
    }
    .pktp {
        font-family: 'robotolight';
        font-size: 16px;
        line-height: 24px;
        color: #727272;
    }
    .pktul {
        padding-left: 20px;
    }
    .pktli {
        font-family: 'robotolight';
        font-size: 16px;
        line-height: 24px;
        color: #727272;
    }
/* reverted the color back to gray */

@media screen and (max-width: 767px) {
    .pkt-section {
        flex-flow: column wrap;
    }
    .pktbox {
        width: 90%;
        margin: 10px 15px;
    }
    .pkth2 {
        font-size: 1.6rem;
        margin: 1.5rem 1rem 0 1rem;
    }
    .pkt-container {
        padding: 20px 0;
    }
    .pkth2para {
        margin: 12px 20px 0px 20px;
    }
}

/******* Nathan 2022 08 16 ***********/
.empty-tpl-wrapper {
    padding-top: 0px !important;
}

.header-holder-cp {
    max-width: 1180px;
    margin: 0 auto;
    overflow: hidden;
    padding: 15px 0 15px;
}

.cp-nav {
    padding: 20px 14px 0 !important;
}

.header-holder-tp {
    background: url(../images/tele-pak-logo/strip.gif);
    background-repeat: repeat-x;
    overflow: hidden;
    padding: 0px 20px 17px 24px;
}

.header-holder-tp .logo {
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1023px) {
    .header-holder-cp {
        padding: 19px 10px 25px 24px;
    }
}

/* Nathan 2023 05 16 */
.visual .visual-slideshow .bg-stretch {
    min-height: 372px;
}

.homepage .slide.bg-stretch.active {
    display: flex !important;
    align-items: center !important;
}

.visual .visual-slideshow .image-holder {
    /* display: flex;
    align-items: center; */
    width: 100%;
    max-width: 1172px;
    margin: 0 auto;
}

@media (max-width: 766px) {
    .homepage .slide.bg-stretch.active {
        align-items: baseline;
    }
}

/* Nathan 2023 05 17 */
.visual-bar .visual-linkbar-li {
    display: flex;
    align-items: center;
    text-align: left;
}

.visual-bar .visual-linkbar-li p {
    margin: 0 0 0 15px;
}

@media (max-width: 1200px) {
    .visual-bar ul li {
        margin: 0 0px;
    }

    .visual-bar .visual-linkbar-li p {
        margin: 0 8px;
    }

     /* Nathan 2023 05 19 */
     .visual-bar ul li a i {
        font-size: 58px;
        padding: 0px;
    }
}

@media (max-width: 1023px) {
    .visual-bar .visual-linkbar-li p {
        margin: 0 2px;
    }

    .visual-bar ul li a i {
        font-size: 59px; 
        padding: 0px;
    }
}