/* @cache_version:1 */


/* =======================================================================
   template_custom:      
*/
/*@==template_custom==*/
.template{line-height:1.6}
h1{letter-spacing:-1px;line-height:1.2em}
h1.margin-small{margin-bottom:.2em;font-size:49px}
h1.margin-small a{font-weight:normal;color:#021826}
h1,h2,h3,h4,h5,h6,p{transition:all .3s ease}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p a{transition:all .3s ease}
h3.margin-bottom{margin-bottom:2em}
h4.border-top-bottom-text{font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:2px}
h1.grey,h3.grey{color:#021826}
h1.text-white,h2.text-white,h3.text-white,h4.text-white{color:#fff}
.pg-body h1.text-white,.pg-body h2.text-white,.pg-body h3.text-white,.pg-body h4.text-white{color:#fff}
.pg-body h3{color:#2f507b;border-top:2px solid #e3e3e3;padding-top:1em;margin-top:1.5em;line-height:1.3}
.pg-body h4{margin-top:1.6em}
.pg-body img{width:100%;background:#f4f4f4;padding:4%;margin:1em 0;border:1px solid #e3e3e3;box-sizing:border-box}
.pg-body ol li,.pg-body ul li{margin-bottom:1em}
hr{display:block;border:solid #f2efe9;border-width:0 0 2px;clear:both;padding-top:30px;margin:0 0 30px;height:0}
hr.white{border:solid #fff;border-width:0 0 2px}
span.attr-label{font-size:14px}
.text-center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.text-orange{color:#f89835}
.visually-hidden{display:none}
.no-margin{margin:0}
.margin-top{margin-top:1.5em}
.margin-bottom{margin-bottom:1.5em}
.show-for-mobile{display:none;visibility:visible;opacity:1}
.border-top-bottom{border:4px solid #fff;border-right:none;border-left:none}
.border-top-bottom-text{border:2px solid #8e8885;border-right:none;border-left:none;padding:8px 0}
img.border-single{border:1px solid #e3e3e3}
.button-cta-wrapper{text-align:center;margin:30px 0;width:100%;display:block}
.button-cta-wrapper.margin-bottom-extra{margin-bottom:3em}
.button-cta-wrapper.margin-bottom-none{margin-bottom:0px}
.responsive-fields input,.responsive-fields textarea{padding:11px 15px;box-sizing:border-box}
.responsive-fields input[type=radio]{height:1.4em;width:1.4em;vertical-align:middle;margin:.4em .4em .4em 0;border:1px solid #fff;background:#fff;-webkit-appearance:none;-webkit-border-radius:100%;border-radius:100%}
.responsive-fields .row-submit input,a.button-cta{box-sizing:border-box;text-align:center;text-transform:uppercase;display:inline-block;color:#fff;font-weight:bold;letter-spacing:2px;font-size:.75rem;transition:all .3s ease;border-radius:2px;font-family:"Red Hat Display Light",Helvetica,Arial,sans-serif;background:#f19f2a;padding:1rem 2rem}
.responsive-fields .row-submit input.button-switch,a.button-cta.button-switch{font-size:.7rem;padding:.5rem 1rem}
.responsive-fields .row-submit input:hover,a.button-cta:hover{color:#f19f2a;background-color:#021826}
.button-group{display:block;margin-top:4px}
.button-group:after{content:"";display:table;clear:both}
.button-group>li{box-sizing:border-box;display:block;width:65%;text-align:center;margin:0 auto}
.caption-description .button-cta-wrapper{text-align:left;margin:30px 0 0 0}
.row-checkbox.row-531 label{color:#fff;display:inline-block}
.contact-form .msg_txt{font-size:21px;text-align:center}
.block-fw{display:block;box-sizing:border-box;width:100%;text-align:center}
.block-fw img.full-width{width:100%}
.block-fw.header-strip{height:8px}
.block-fw.margin-on{margin:60px 0}
.block-fw.margin-on.margin-bottom-none{margin-bottom:0px}
.block-fw.text-left{text-align:left}
.orange-bg{background:#f19f2a}
.orange-bg.block-padding{padding:60px}
.orange-bg h1,.orange-bg h2,.orange-bg h3,.orange-bg h4,.orange-bg h5{color:#fff}
.orange-bg .button-cta-wrapper a.button-cta{background:#fff;color:#f19f2a}
.orange-bg .button-cta-wrapper a.button-cta:hover{background:#414042;color:#fff}
.orange-bg .blockquote h1,.orange-bg h2,.orange-bg h3,.orange-bg h4,.orange-bg h5{color:#021826}
.yellow-bg{background:#f19f2a}
.block-padding{box-sizing:border-box;padding:60px 0}
.block-padding.padding-extra{padding:90px 0}
.button{box-sizing:border-box;text-align:center;text-transform:uppercase;display:inline-block;color:#fff;font-weight:bold;letter-spacing:2px;font-size:.75rem;transition:all .3s ease;border-radius:2px;font-family:"Red Hat Display Light",Helvetica,Arial,sans-serif}
.medium{padding:.75rem 2rem}
.large{padding:1rem 2rem}
.button.solid{background:#87b548;color:#fff}
.button.solid:hover{background:#2f507a;color:#fcba63}
.button-group{display:block;margin-top:4px}
.button-group:after{content:"";display:table;clear:both}
.button-group>li{box-sizing:border-box;display:block;width:65%;text-align:center;margin:0 auto}
.white{color:#fff}
.yellow{color:#fcba63}
.yellow-lighter{color:#f9cc95}
.yellow-lightest{color:#f8e4cf}
.blue{color:#2f507b}
.blue-lighter{color:#4172a6}
.blue-lightest{color:#7aaacb}
.grey{color:#45433f}
.grey-lighter{color:#8e8b85}
.grey-lightest{color:#f3eee0}
.red{color:#fcba63}
.red-lighter{color:#f9cc95}
.red-lightest{color:#f8e4cf}
.yellow-bg{background:#FCBA63l}
.yellow-lighter-bg{background:#f9cc95}
.yellow-lightest-bg{background:#fffaed}
.blue-bg{background:#2f507b}
.blue-lighter-bg{background:#4172a6}
.blue-lightest-bg{background:#7aaacb}
.grey-bg{background:#45433f}
.grey-lighter-bg{background:#8e8b85}
.grey-lightest-bg{background:#f3eee0}
.red-bg{background:#fcba63}
.red-lighter-bg{background:#f9cc95}
.red-lightes-bg{background:#f8e4cf}
.whitebg{background:rgba(255,255,255,.88);padding:20px;box-sizing:border-box}
#logo{position:absolute;top:-45px;left:30px;width:260px}
#logo img{width:100%}
#header-inner,.body-105 #body-header h1{padding:1.3rem 0 0 0}
#menu-h{padding-top:5px}
#menu-h>ul li.n276>div>a{background:#87b548;color:#fff;transition:all .3s ease;border-radius:2px}
#menu-h>ul li.n276>div>a:hover{background:#2f507a;color:#fcba63}
.support-search{position:relative}
.support-search #search #p-search{width:100%;height:50px;padding:1rem 2rem;background-position:left;font-family:"Red Hat Display Light",Helvetica,Arial,sans-serif;font-size:1rem;margin:0;box-shadow:none;border-color:#f2efe9;border-radius:3px}
.support-search #search #p-search::-webkit-input-placeholder::after{content:" KhooSeller support pages"}
.support-search .search-button{position:absolute;top:0;right:0;border-radius:0;height:50px;background:#fcba63;font-family:"Red Hat Display Light",Helvetica,Arial,sans-serif;text-transform:uppercase;width:25%;font-size:1rem;color:#2f507b}
#menu-v ul li.folder.open.selected a{border-left:3px solid #fdba63}
#menu-v,#menu-v>ul{border-radius:6px}
.folder-preset-1111 h3.pg-title-list:after{content:"";color:#f19f2a;margin-left:10px;font:normal normal normal 21px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.attr-filter{display:none}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
.path{margin-bottom:25px;font-size:.9em}
.path img{display:none}
.path a{color:#545454;position:relative;white-space:nowrap}
.path a:not(:first-of-type){padding-left:10px}
.path a:before{content:"";color:#021826;margin-right:10px;font:normal normal normal 12px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.path a:first-of-type:before{content:"";margin-right:0px}
._body-105 .path{display:none}
.jp-video{margin-bottom:20px}
.panel{height:auto;width:auto;background:#fff;padding:1em 1.5em;border-radius:.2em;border:1px solid #ebebeb;margin:1.25em 0;box-sizing:border-box}
.panel ul{margin-bottom:.5em}
.panel select{-webkit-appearance:menulist;height:35px;width:15em;margin-left:1em}
.panel .col-6{width:49%;float:left;padding-right:2%}
.panel .col-6:nth-child(2){padding-right:0}
.panel:after{content:" ";display:table;clear:both}
.var-table{width:100%;margin-top:1.25em}
.var-table tr:first-child td{background:#3498db;color:#fff}
.var-table .var-row td:first-child{width:30%}
.var-table td{background:#fff;padding:.75em .95em}
.var-row:nth-child(2n) td{background:#f6f6f6}
.fa{margin-right:.2em}
.no-margin{margin:0}
.caution,.info{color:#f39c12}
.top-tip,.approve{color:#2ecc71}
.error{color:#e74c3c}
#support li{margin-left:1.5em}
#support h3,#support h4{border-bottom:1px solid rgba(66,77,85,.1);padding-bottom:.625em;margin:1.2em 0;font-weight:700}
#support h4{border-top:1px solid rgba(66,77,85,.1);padding-top:.625em;text-transform:uppercase;letter-spacing:1px}
#support p{margin:.5em 0}
#support img:not(table){margin:2em 0;box-shadow:0 0 5px rgba(0,0,0,.17);width:100%}
#support table p img{margin:0;width:auto;box-shadow:none}
h2.cap-title{font-size:14px}
.layout-2353 ul.attribute-subset{list-style:none;margin:0}
.layout-2353 ul.attribute-subset li.attribute-subset-li{list-style:none;margin:0 0 10px;background:none;padding-left:0px}
.layout-2353 ul.attribute-subset .attribute-subset-title{font-weight:bold;color:#f19f2a}
.layout-2353 ul.attribute-subset .attribute-subset-title:after{content:":";margin-right:10px}
.layout-2353 ul.attribute-subset ul.attribute{display:inline}
.layout-2353 ul.attribute-subset ul.attribute .attribute-li{width:auto !important;display:inline-block;list-style:none;margin:0;float:inherit;background:none;padding-left:0px}
.layout-2353 ul.attribute-subset ul.attribute span.attribute-title{color:#424d55}
.layout-2353 h1.pg-title{margin-top:30px}
.layout-2353 h3{border-top:1px solid #e7e7e7;padding-top:1em;margin-top:1em}
.layout-2353 h3:first-of-type{border-top:none;padding:0}
.layout-2353 ol li{margin-left:20px}
.layout-2353 ul{list-style:none;margin:0;padding:0}
.layout-2353 ul li{background:url(/_data/site/317/templates/current/css/bullet.png) 0 4px no-repeat;margin-bottom:1em;padding-left:30px;margin-left:0}
.layout-2353 table{border-collapse:collapse;width:100%;margin-top:1.25em;margin-bottom:1.25em}
.layout-2353 table tr:first-child td{background:#2f507b;color:#fff}
.layout-2353 table td:first-child{width:30%}
.layout-2353 table td,.layout-2353 table th{border:1px solid #e3e3e3;padding:.75em .95em}
.layout-2353 .panel .on-this-page{margin-bottom:15px}
.body-480 .pg-body img{width:100%;background:#fff;padding:4%;margin:1em 0;border:1px solid #e3e3e3;box-sizing:border-box}
.body-480 h6.definition{background:#f6f6f9;box-sizing:border-box;padding:1em 1.5em;border-radius:.2em;border:1px solid #ebebeb;margin:1.25em 0}
.body-480 h6.definition strong:before{content:"";color:#f19f2a;margin-right:10px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h6.definition{background:#f6f6f9;box-sizing:border-box;padding:1em 1.5em;border-radius:.2em;border:1px solid #ebebeb;margin:1.25em 0}
h6.definition strong:before{content:"";color:#f19f2a;margin-right:10px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa{display:inline-block;font-size:inherit}
.fa ul{padding-left:0;list-style-type:none;margin-top:0;margin-left:0}
.fa ul li{margin-left:0;margin-bottom:1em;line-height:1.6;font-family:"Red Hat Display Light",Helvetica,Arial,sans-serif}
.fa-ul>li{position:relative}
.fa-phone:before{content:"";color:#f19f2a;margin-right:10px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto}
.fa-map-marker:before{content:"";color:#f19f2a;margin-right:10px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto}
.fa-life-ring:before{content:"";color:#f19f2a;margin-right:10px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto}
.fa-twitter:before{content:"";color:#f19f2a;margin-right:10px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto}
.fa-envelope:before{content:"";color:#f19f2a;margin-right:10px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto}
.fa-circle:before{content:"";color:#f19f2a;margin-right:10px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto}
.fa-tick:before{content:"";color:#f19f2a;margin-right:10px;font:normal normal normal 20px/1 FontAwesome;text-rendering:auto}
.fa-times:before{content:"";color:#f19f2a;margin-right:10px;font:normal normal normal 14px/1 FontAwesome;text-rendering:auto}
.pg-sitemap ul li:before{content:""}
.pg-body .fa-times:before,.pg-body .fa-tick:before{font:normal normal normal 20px/1 FontAwesome}
.pg-body ul li.fa-tick{background:none}
._body-105 h3.pg-title-list{border-top:0px;padding-top:0px}
#dialog_id{max-width:770px !important;padding:30px;background:url(/_data/site/194/templates/current/css/duoToneB2B2.jpg) center;background-size:cover}
#dialog_id h1,#dialog_id h2,#dialog_id h3,#dialog_id h4,#dialog_id h6,#dialog_id p{color:#fff}
#dialog_id.dialog .dialog-close{background-image:url(/_data/site/194/templates/current/css/close.svg)}
#body-footer-box .msg_txt{font-size:18px;text-align:center}
#footer{padding-top:0px;padding-bottom:30px;background-size:cover}
#footer #footer-box a{transition:all .3s ease;color:#fff}
#footer #footer-box a:hover{color:#f4f4f4}
#footer #footer-box .footer-logo{width:215px;display:block;margin:0 auto;margin-top:60px}
#footer #footer-box .footer-logo img{width:100%}
#footer #footer-box hr{border:solid #307288;border-width:0 0 3px;margin-bottom:45px}
#footer #footer-box p,#footer #footer-box li{margin-bottom:1.2em}
#footer #footer-box p a,#footer #footer-box li a{color:#fff;font-weight:normal}
#footer #footer-box p a:hover,#footer #footer-box li a:hover{color:#f19f2a}
#footer #footer-box h5:before{content:"";width:5px;height:15px;background-color:#f19f2a;display:inline-block;margin-right:10px}
#footer #footer-box h6{color:#fff}
#footer #footer-box h6 a{color:#fff;font-weight:normal}
#footer #footer-box h6 a:hover{color:#f19f2a}
#footer #footer-box .yellow-bg h1,#footer #footer-box .yellow-bg h2,#footer #footer-box .yellow-bg h3,#footer #footer-box .yellow-bg h4,#footer #footer-box .yellow-bg h5,#footer #footer-box .yellow-bg h6{color:#021826}
#footer #footer-box .yellow-bg a{color:#007b84}
#footer #footer-box .yellow-bg a:hover{color:#fff}
#footer #footer-box .block-fw.duo-warehouse{margin-bottom:60px;padding:60px 0}
#footer #footer-box .block-fw.duo-warehouse h4{font-size:18px}
#footer #footer-box .block-fw.duo-warehouse h6{color:#242a2f}
#footer #footer-box .block-fw.duo-warehouse h6 a{color:#242a2f}
#footer #footer-box .block-fw.duo-warehouse .responsive-fields .row-submit input{background:#007b84}
#footer #footer-box .block-fw.duo-warehouse .responsive-fields .row-submit input:hover{background:#f19f2a}
#footer #footer-box .msg_txt{font-size:24px;color:#fff}
#footer #footer-box .powered{display:none}
.newsletter-signup-wrapper form.js-cm-form{display:flex;flex-direction:row}
.newsletter-signup-wrapper.yellow-bg h1,.newsletter-signup-wrapper.yellow-bg h2,.newsletter-signup-wrapper.yellow-bg h3,.newsletter-signup-wrapper.yellow-bg h4,.newsletter-signup-wrapper.yellow-bg h5,.newsletter-signup-wrapper.yellow-bg h6{color:#021826}
.newsletter-signup-wrapper .footer-signup-form{max-width:900px;margin:0 auto}
.newsletter-signup-wrapper .footer-signup-form input{border:1px solid #d4d4d4;background-color:#fff;border-radius:0 !important;-webkit-appearance:none;padding:16px !important;font-size:15px;color:#f19f2a;font-family:"Red Hat Display Light",Helvetica,Arial,sans-serif;margin-right:10px;margin-bottom:10px;width:100%;max-width:100%}
.newsletter-signup-wrapper .footer-signup-form button:focus,.newsletter-signup-wrapper .footer-signup-form button:active,.newsletter-signup-wrapper .footer-signup-form input:focus,.newsletter-signup-wrapper .footer-signup-form input:active,.newsletter-signup-wrapper .footer-signup-form select:focus,.newsletter-signup-wrapper .footer-signup-form select:active,.newsletter-signup-wrapper .footer-signup-form textarea:focus,.newsletter-signup-wrapper .footer-signup-form textarea:active{box-shadow:0 0}
.newsletter-signup-wrapper .footer-signup-form input:focus{background-color:#fff;border-color:#d4d4d4;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0)}
.newsletter-signup-wrapper .footer-signup-form :-webkit-input-placeholder{color:#8f8e8e;opacity:1}
.newsletter-signup-wrapper .footer-signup-form :-moz-placeholder{color:#8f8e8e;opacity:1}
.newsletter-signup-wrapper .footer-signup-form :-moz-placeholder{color:#8f8e8e;opacity:1}
.newsletter-signup-wrapper .footer-signup-form :-ms-input-placeholder{color:#8f8e8e;opacity:1}
.newsletter-signup-wrapper .footer-signup-form input[type=submit],.newsletter-signup-wrapper .footer-signup-form button{color:#fff;background:#f19f2a;text-decoration:none;text-align:center;display:block;white-space:nowrap;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;opacity:1;letter-spacing:1;font-size:13px;font-weight:600;font-style:normal;text-transform:uppercase;height:36px;line-height:36px;padding:0;border:0 none;-webkit-box-shadow:0 0 0 rgba(0,0,0,0);-moz-box-shadow:0 0 0 rgba(0,0,0,0);box-shadow:0 0 0 rgba(0,0,0,0);font-family:"Red Hat Display Light",Helvetica,Arial,sans-serif;padding-left:2rem;padding-right:2rem}
.newsletter-signup-wrapper .footer-signup-form .button-primary-small{width:100%}
.newsletter-signup-wrapper .footer-signup-form button{height:52px;line-height:52px;background:#021826;border:1px solid #021826;color:#f19f2a;transition:all .3s ease}
.newsletter-signup-wrapper .footer-signup-form button:hover{background:#f19f2a;border:1px solid #021826;color:#021826}
.connect-wrapper{margin-top:30px;margin-bottom:60px;text-align:center}
.connect-wrapper a{display:inline-block;margin:10px;text-decoration:none}
.connect-wrapper ul{margin:0;line-height:0}
.connect-wrapper ul li{display:inline-block;text-indent:-9999px;width:45px;height:45px;background-size:contain;margin:0;transition:all .3s ease}
.connect-wrapper ul li:hover{opacity:.4;filter:alpha(opacity=40)}
.connect-wrapper ul .twitter li{background:url(/_data/site/194/templates/current/css/socialTwitter.svg) no-repeat}
.connect-wrapper ul .email li{background:url(/_data/site/194/templates/current/css/socialEmail.svg) no-repeat}
.connect-wrapper ul .telephone li{background:url(/_data/site/194/templates/current/css/socialPhone.svg) no-repeat}
@media only screen and (max-width: 767px){h1.pg-title{text-align:center}
.panel-box{margin-bottom:2rem}
#l-col,.hide-for-mobile{display:none}
#header-box .contact-wrapper{text-align:center}
#menu-h{display:none}
#header-mob{border-bottom:1px solid #e2e2e2}
._body-278 #body-header .section-inner h1{font-size:1.9em;padding-left:4%;padding-right:4%}
._body-278 #body-header .section-inner h3{font-size:1.4em;padding-left:4%;padding-right:4%}
._body-278 #body-header-box .button.large{margin-top:110%}
.body-60 #body-footer-inner{padding:20px 0}
.folder-view li .img{margin:0 auto;left:0;right:0}
.folder-view h3.pg-title-list{text-align:center}
.folder-view .img-block{max-height:80px}
}

/*==@template_custom==*/