.fileinput-button{
    position:relative;
    overflow:hidden;
    float:left;
    margin-right:-20px
}
.fileinput-button input{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    opacity:0;
    transform:translate(-300px,0) scale(4);
    font-size:23px;
    direction:ltr;
    cursor:pointer
}
.fileupload-buttonbar .btn,.fileupload-buttonbar .toggle{
    margin-bottom:5px
}
.files .progress{
    width:138px
}
.progress-animated .bar{
    background:url(../img/progressbar.html)!important;
    filter:none
}
.fileupload-loading{
    position:absolute;
    left:50%;
    width:128px;
    height:128px;
    background:url(../img/loading.html) center no-repeat;
    display:none
}
.fileupload-processing .fileupload-loading{
    display:block
}
* html .fileinput-button{
    line-height:24px;
    margin:1px -3px 0 0
}
@media (max-width:767px){
    .files .btn span,.files .toggle,.fileupload-buttonbar .toggle{
        display:none
    }
    .files .preview *{
        width:40px
    }
    .files .name *{
        width:80px;
        display:inline-block;
        word-wrap:break-word
    }
    .files .progress{
        width:20px
    }
}
.jspContainer{
    overflow:hidden;
    position:relative
}
.jspPane{
    position:absolute
}
.jspVerticalBar{
    position:absolute;
    top:1px;
    right:5px;
    width:7px;
    height:100%
}
.jspHorizontalBar{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:7px
}
.jspHorizontalBar *,.jspVerticalBar *{
    margin:0;
    padding:0
}
.jspCap{
    display:none
}
.jspHorizontalBar .jspCap{
    float:left
}
.jspTrack{
    background:#f4f4f4;
    position:relative;
    border:1px solid #dfdfdf;
    padding:3px 1px;
    border-radius:6px
}
.jspDrag{
    background:#949494;
    position:relative;
    top:0;
    left:0;
    cursor:pointer;
    border-radius:1px
}
.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{
    float:left;
    height:100%
}
.jspArrow{
    text-indent:-20000px;
    display:block;
    cursor:pointer
}
.jspArrow.jspDisabled{
    cursor:default
}
.jspVerticalBar .jspArrow{
    height:9px
}
.jspHorizontalBar .jspArrow{
    width:16px;
    float:left;
    height:100%
}
.jspVerticalBar .jspArrow:focus{
    outline:0
}
.jspCorner{
    background:#eeeef4;
    float:left;
    height:100%
}
* html .jspCorner{
    margin:0 -3px 0 0
}
body#authentication section.home,body#order section.home,body#order-confirmation section.home,body#upload section.home{
    margin-top:0;
    padding-top:0
}
.order-flow__block{
    background:#f7f7f7;
    padding:25px 0
}
@media (max-width:767px){
    .order-flow__block{
        padding-top:10px
    }
}
.order-flow__block--with-border{
    border-top:1px solid #ddd
}
.delivery-option.disabled{
    cursor:default
}
@media (max-width:767px){
    .delivery-option.disabled{
        display:none
    }
}
.delivery-option.disabled .delivery-type{
    color:#969696
}
.delivery-option>a{
    margin-bottom:10px
}
.cart-delivery>table{
    border-collapse:separate;
    border-bottom:1px solid #e0e0e0;
    padding:10px 0
}
.cart-delivery>table:last-of-type{
    border-bottom:0
}
.checkout-steps{
    width:100%;
    color:#7b7b7b;
    line-height:17px;
    margin:5px 0
}
.checkout-steps p{
    display:inline-block
}
.checkout-steps.payment p.first{
    width:730px;
    padding-left:15px
}
.checkout-steps.payment p.second{
    width:230px;
    padding-left:33px
}
.checkout-steps.delivery p.first{
    width:365px;
    padding-left:15px
}
.checkout-steps.delivery p.second{
    width:376px
}
.checkout-steps.delivery p.third{
    width:230px;
    padding-left:15px
}
input[type=checkbox].checked+label:before{
    font-family:printocean-icons;
    content:"\e605"
}
.empty-cart{
    margin-bottom:40px
}
.empty-cart .empty-cart-content{
    margin-top:20px
}
.empty-cart .empty-cart-content h2{
    font-size:23px;
    padding-bottom:5px
}
.empty-cart .empty-cart-content p{
    font-size:13px;
    padding-top:15px
}
.empty-cart #most-sold #most-sold-items li{
    border-bottom:1px solid #e1e1e1;
    padding:8px 0
}
.empty-cart #most-sold #most-sold-items li .left{
    width:150px;
    padding-top:5px
}
.empty-cart #most-sold #most-sold-items li:last-child{
    border-bottom:0
}
.empty-cart #most-sold #most-sold-items li a{
    display:block;
    line-height:19px;
    font-weight:600
}
.empty-cart #most-sold #most-sold-items li a .most-sold-price{
    display:block;
    font-size:12px
}
#cart-funnel>.right{
    width:730px
}
#cart-funnel>.left{
    width:230px
}
#cart-funnel .title-menu{
    margin-bottom:0;
    margin-top:18px
}
#cart-funnel .title-menu ul li{
    color:#104672
}
#cart-funnel .cart-item-main.half{
    width:680px
}
#cart-funnel .product-description.cart{
    margin:10px 0;
    line-height:22px;
    width:100%
}
#cart-funnel .action-tooltip{
    top:-43px;
    left:-152px;
    width:310px;
    text-align:left;
    padding:10px 14px;
    font-size:12px
}
#cart-funnel .action-tooltip--delivery-free{
    left:-106px;
    width:220px
}
#cart-funnel .action-tooltip:after,#cart-funnel .action-tooltip:before{
    left:50%
}
#cart-funnel .own-feature-show{
    margin:10px 0 20px 0
}
#cart-funnel .own-feature-show input{
    width:267px;
    border:1px solid #dbdbdb;
    border-radius:3px;
    padding:7px 10px;
    margin-right:5px
}
#cart-funnel input[type=submit].anchor{
    line-height:29px;
    margin-left:3px
}
#cart-funnel input[type=text]:not(.voucher-block__inputfield):not(.company-search-form__input){
    width:145px;
    border-radius:3px;
    border:1px solid #d3d3d3;
    padding:6px
}
#cart-total-bottom{
    padding-top:15px
}
#cart-total-bottom .i-cart{
    position:absolute;
    left:0;
    bottom:0
}
#cart-total-bottom .cart-total-order{
    margin-top:15px
}
#cart-total-bottom #voucher{
    padding-top:4px
}
#cart-total-bottom #gift-message .left.hidden,#cart-total-bottom #voucher .left.hidden{
    margin-bottom:5px
}
#cart-total-bottom #voucher label{
    cursor:pointer;
    line-height:23px;
    display:inline-block;
    color:#7b7b7b
}
#cart-total-bottom #voucher label:hover{
    text-decoration:underline
}
#cart-total-bottom .voucher-message{
    margin-top:7px;
    height:14px;
    display:block;
    font-size:12px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600
}
#cart-total-bottom .voucher .form-error{
    padding-left:0;
    line-height:21px
}
#upload-funnel .cart-design,.cart-item-main{
    border:1px solid #d4d4d4;
    padding:25px 20px;
    position:relative;
    margin-bottom:15px
}
.cart-item-outer{
    margin-bottom:15px
}
.cart-item-outer .note{
    border-top:0!important
}
.cart-item{
    margin-bottom:10px
}
.cart-item.is-chili-design .product-cart-preview img{
    box-shadow:0 1px 7px rgba(0,0,0,.4)
}
.cart-item-main{
    background:#fff;
    padding:20px
}
.cart-item-main--no-padding{
    padding:0
}
.cart-item-main h3{
    color:#004b78;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:700
}
.cart-item-main .product-details{
    color:#4a90e2
}
.cart-item-main.notice{
    border-bottom-left-radius:0;
    border-left:2px solid #e94e1f;
    border-top-left-radius:0;
    padding:14px
}
.cart-item-main.file-upload{
    margin-bottom:0
}
.cart-item-main .loader-funnel-dark{
    bottom:15px;
    right:15px;
    top:auto;
    float:none;
    position:absolute
}
.product-cutoff{
    background:#ffedbb;
    padding:10px 25px;
    line-height:21px;
    font-size:13px!important
}
.checkout-back,.keep-shopping{
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:2px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    color:#666;
    display:inline-block;
    font-weight:600;
    margin-top:20px;
    padding:6px 14px
}
.checkout-back::before,.keep-shopping::before{
    content:'\e61b';
    font-family:printocean-icons;
    margin-right:5px;
    vertical-align:top
}
.checkout-back:hover,.keep-shopping:hover{
    background:#f6f6f6;
    text-decoration:none
}
.checkout-back--smaller-margin,.keep-shopping--smaller-margin{
    margin-top:5px
}
.keep-shopping{
    margin-bottom:0
}
@media (max-width:767px){
    .keep-shopping{
        display:none
    }
}
.keep-shopping--bigger{
    padding-bottom:10px;
    padding-top:10px
}
.keep-shopping--align-top{
    margin-top:auto;
    vertical-align:top
}
.cart-item-checkbox-prices{
    font-size:13px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    position:absolute;
    right:71px;
    text-align:right;
    display:none
}
.cart-item-product{
    width:100%
}
.cart-item-product h3{
    color:#333;
    font-weight:400
}
.product-cart-preview{
    float:left;
    margin-right:20px
}
.product-cart-description{
    float:left;
    width:auto;
    width:-moz-calc(100% - 120px);
    width:-webkit-calc(100% - 120px);
    width:calc(100% - 120px)
}
.product-cart-description .price{
    position:absolute;
    right:46px;
    top:18px
}
.cart-item-product a.note{
    font-size:12px;
    line-height:17px;
    color:#7b7b7b;
    display:inline-block
}
.cart-item-product a.note:hover{
    color:#333
}
.cart-item-name{
    width:470px
}
.cart-item-name .product-title.cart{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:400
}
.open-upload-lite-editor--anchor{
    font-size:12px;
    font-weight:600
}
.open-upload-lite-editor--disabled{
    cursor:default
}
.content-upload-preview__title{
    color:#333;
    font-size:18px
}
.content-upload-preview__description{
    color:#666;
    font-size:12px;
    line-height:20px;
    margin-top:8px
}
.cart-item-controls>.inline{
    vertical-align:top
}
.cart-item-controls .add-copy-wrapper{
    bottom:21px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    line-height:22px;
    right:21px
}
.cart-item-controls .add-copy-wrapper a{
    font-weight:600
}
@media (max-width:767px){
    .cart-item-controls .add-copy-wrapper{
        display:none
    }
}
.cart-item-controls .cart-item-prices{
    margin-right:30px
}
.product-details{
    font-size:12px;
    font-weight:600;
    line-height:21px;
    margin-left:4px
}
.product-details::after{
    content:'\e619';
    display:inline-block;
    font-family:printocean-icons;
    font-size:8px;
    margin-left:4px;
    vertical-align:middle
}
.product-details--opened::after{
    content:'\e61a'
}
.product-details--new-line{
    display:inline-block;
    margin-left:0;
    margin-top:5px
}
.cart-item-files{
    width:235px;
    padding-left:57px
}
.cart-item-name .need-help{
    margin-top:12px
}
.cart-item-name .need-help p{
    line-height:17px
}
.cart-item-name .need-help p.colored{
    padding-top:10px
}
.files-later{
    position:relative;
    line-height:21px;
    color:#787878;
    margin-top:5px
}
.files-later span{
    margin-right:5px;
    position:relative;
    top:4px
}
.cart-item-upload .opt{
    margin-top:15px;
    line-height:19px
}
.cart-item-upload .opt p{
    padding:2px 0
}
.cart-item-files{
    width:235px;
    padding-left:57px
}
.cart-item-manage .remove-order-rule{
    right:18px;
    position:absolute;
    top:19px
}
.cart-item-files-title{
    font-size:13px;
    padding-bottom:15px;
    color:#104672
}
.cart-item-files-spacer{
    font-size:11px;
    padding:0 2px;
    color:#4a90e2
}
.cart-item-product h3.product-title{
    color:#004b78;
    font-size:18px;
    font-weight:700;
    letter-spacing:-.025em
}
.cart-item-product .price .product-price{
    font-size:15px;
    font-weight:700;
    color:#333
}
.cart-item-product .cart-options a{
    margin-left:4px
}
.cart-item-product .cart-options a span.i-question-mark:before{
    color:#7b7b7b;
    font-size:17px;
    vertical-align:middle;
    line-height:0
}
.cart-item-product .cart-options a:after{
    content:"";
    border-right:1px solid #e3e3e3;
    padding-right:10px
}
.cart-item-product .cart-options a:last-of-type:after{
    border-right:none;
    padding-right:0
}
.cart-item-product .product-description.cart li{
    font-size:12px;
    line-height:20px;
    margin-right:4px
}
.cart-item-product .product-description.cart li.reference{
    color:#afafaf
}
.cart-item-product .cart-dropdown{
    padding:5px;
    width:100%
}
.cart-item-product .cart-dropdown a{
    color:#4a90e2;
    display:inline-block;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    font-weight:500;
    padding:0 100px 0 5px
}
.cart-item-product .cart-dropdown .radio-options{
    margin:2px 0;
    font-size:12px
}
.cart-item-product .cart-dropdown .radio-options label:before{
    padding-right:0
}
.cart-item-product .cart-dropdown .radio-options .spoed:after{
    background:#407eaf;
    padding:3px;
    text-transform:uppercase;
    color:#fff;
    font-size:12px;
    display:inline-block;
    border-radius:2px;
    line-height:11px;
    vertical-align:middle;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    margin-left:5px
}
.cart-item-product .cart-dropdown fieldset input[type=radio]+label{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif
}
.cart-item-product .cart-dropdown fieldset input[type=radio]:checked+label{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
    color:#333
}
.shopping-list-items li p.item-price,form.cart-total ul li p.item-price{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700
}
.shopping-list-items li p,form.cart-total ul li p{
    color:#3f535d
}
form.cart-total ul.total-amount{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700
}
.shopping-list-items.total-amount{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600
}
.cart-item-prices p{
    font-size:14.5px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    width:100px
}
.cart-item-prices ul li{
    color:#e94e1f
}
.cart-total .cart-total-items{
    width:250px
}
.cart-total{
    width:315px
}
.cart-total table{
    width:100%;
    border-collapse:separate;
    padding:4px 0;
    border-bottom:1px solid #252525
}
.cart-total table.last{
    border-bottom:0
}
.cart-total table.last p{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600
}
.cart-total table.last p#total_price{
    font-size:15.5px;
    width:100px
}
.cart-total tr>td{
    padding:4px 0
}
.cart-total tr.last>td{
    border-bottom:0;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    font-size:16.5px
}
.cart-total td.item-name{
    width:50%;
    padding-left:2px
}
.cart-total td.item-price{
    text-align:right;
    padding-right:70px
}
#upload-funnel .product-description.cart li{
    float:none
}
#upload-funnel .product-description.cart li:first-child{
    padding-top:3px
}
#upload-funnel .cart-item-name{
    width:360px;
    position:relative;
    padding-top:6px
}
#upload-funnel .cart-design .cart-item-name p{
    line-height:21px;
    color:#7b7b7b;
    margin:10px 0
}
#upload-funnel .cart-design .image.design{
    margin:0 auto
}
#upload-funnel .cart-design .image.design img{
    max-height:150px;
    box-shadow:0 0 5px rgba(0,0,0,.2)
}
#upload-funnel .cart-design .image.design a{
    font-size:12px;
    margin-top:6px
}
#upload-funnel .cart-design,#upload-funnel .cart-item-main{
    border-radius:3px;
    margin-bottom:15px
}
#upload-funnel-main .cart-total-order{
    margin-top:18px
}
#upload-funnel .upload-text-content,.funnel .upload-text-content{
    line-height:21px;
    padding:14px;
    width:100%;
    z-index:0
}
#upload-funnel .upload-text-content h3,.funnel .upload-text-content h3{
    font-size:16px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
    margin-bottom:18px;
    vertical-align:middle
}
#upload-funnel .upload-text-content p,.funnel .upload-text-content p{
    color:#333;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    font-weight:600;
    line-height:22px
}
#upload-funnel .upload-text-content .i-upload,.funnel .upload-text-content .i-upload{
    vertical-align:middle
}
.cart-total-order.disabled,.cart-total-order.disabled:hover{
    color:#fff;
    background:#dadada;
    text-shadow:1px 1px 1px rgba(0,0,0,.14);
    box-shadow:none;
    cursor:default
}
.cart-total-order .i-arrow-big{
    margin-left:10px;
    position:relative;
    top:5px;
    display:inline-block
}
.delivery-checkout,.your-files{
    padding:16px;
    width:230px;
    line-height:21px;
    margin-bottom:10px
}
.your-files p{
    margin:16px 0
}
.your-files h3 span{
    margin-right:4px;
    position:relative;
    top:4px
}
.your-files h3{
    color:#104672
}
.your-files .green{
    margin:20px 0
}
.your-files ul li,ul.checklist li{
    margin-top:12px;
    text-indent:-18px;
    padding-left:18px
}
.your-files ul li{
    color:#104672
}
.your-files ul li:first-child{
    margin-top:0
}
.your-files p.last{
    margin-bottom:0
}
.delivery-checkout p{
    font-size:14px
}
.delivery-checkout table{
    font-size:12px;
    border-top:1px solid #252525;
    width:100%;
    padding:4px 0;
    border-collapse:separate
}
.delivery-checkout table.no-total{
    border-top:none
}
.free-delivery-from-message{
    color:#4a90e2;
    font-size:14px;
    font-weight:400
}
.free-delivery-from-message strong{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:500
}
.delivery-checkout table.last{
    font-size:13px;
    border-bottom:none;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    padding-bottom:0
}
.delivery-checkout table .name{
    width:50%;
    text-align:left
}
.delivery-checkout table .price{
    width:50%;
    text-align:right
}
.dropzone{
    margin-top:17px;
    width:100%
}
.upload_block{
    border:1px dashed grey;
    border-radius:5px;
    cursor:pointer;
    position:relative
}
.upload_block:hover{
    border-color:#104672
}
.upload_block:hover .i-upload:before{
    color:#407eaf
}
#upload .upload_block{
    float:right;
    width:320px
}
#upload .file-upload .upload_block{
    float:none;
    width:auto
}
.upload_block.old{
    width:318px
}
.upload_block.logoview,.upload_block.logoview:hover{
    width:100%;
    background:0 0;
    border-radius:3px;
    border:1px dashed #d3d3d3
}
.upload_block.logoview:hover{
    border-color:#407eaf
}
.upload_block input[type=file]{
    height:100%;
    opacity:0;
    cursor:pointer
}
.upload_block.logoview input[type=file]{
    width:100%;
    height:70px;
    opacity:0;
    cursor:pointer
}
.upload_block.old input[type=file]{
    width:318px;
    height:70px
}
.upload_block.logoview .upload-text-content{
    width:100%;
    height:100%;
    text-align:center;
    padding:13px
}
.upload_block.old+.product-upload-table{
    width:318px
}
.template-upload-text a{
    text-decoration:none
}
.template-upload .percent,.template-upload-text .error_upload,.template-upload-text a{
    font-size:12px
}
.template-upload-filename{
    color:#333;
    font-size:13px;
    line-height:17px
}
.template-upload-filename strong{
    max-width:225px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.template-upload-state .red,.template-upload-text .error_upload{
    color:#b44040
}
.template-upload-text .uploading{
    color:#68b42d
}
.template-upload-filename .oke:before{
    font-family:printocean-icons;
    content:"\e653";
    color:#47b24f;
    font-size:15px;
    position:relative;
    top:2px;
    display:inline-block;
    margin-left:5px
}
.template-upload-text .uploading{
    color:#3e535e
}
.template-upload{
    padding:6px 10px;
    position:relative;
    z-index:10;
    border:1px solid #ededed;
    border-radius:3px;
    margin-bottom:10px
}
.template-upload.error-upload{
    border:1px solid #b44040
}
.template-upload-filename .i-alert:before{
    color:#b44040;
    position:relative;
    top:2px;
    margin-left:4px
}
.template-upload.success{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:400
}
.upload.help{
    position:relative;
    margin:20px 0 0 0;
    left:0;
    line-height:21px;
    min-height:70px
}
.upload.help img{
    width:0;
    height:0;
    position:relative
}
.upload.help p{
    opacity:0;
    margin:7px 10px 0 0;
    position:relative;
    right:-25px
}
.progress{
    width:100%!important;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    z-index:-1
}
.progress .bar{
    height:100%;
    position:relative;
    z-index:-1;
    background:#eef5fc
}
.template-upload .delete{
    font-size:12px;
    cursor:pointer
}
.fallback{
    display:none
}
.upload-input{
    background-color:#fff;
    border:1px solid #dbdbdb;
    border-radius:3px;
    padding:10px 14px;
    margin-bottom:5px
}
#delivery .note{
    background:#ffedbb;
    padding:10px 25px;
    border-top:1px solid #d4d4d4;
    width:100%
}
#delivery .addresses-container a p.title,#delivery .block-info.blue h3,.exist-address a p.title{
    color:#407eaf
}
#order .address{
    height:auto!important
}
#order .address a{
    color:#4a90e2
}
.address-invoice{
    border-top:1px solid #d2d2d2;
    margin-bottom:0;
    margin-top:20px
}
.address-invoice--title{
    align-items:center;
    cursor:pointer;
    display:flex;
    margin-bottom:12px;
    position:relative
}
.address-invoice--body{
    max-height:0;
    overflow:hidden;
    transition:max-height 30ms ease-out
}
.address-invoice--is-open .address-invoice--body{
    max-height:500px;
    transition:max-height .3s ease-in
}
.address-invoice__alias{
    color:#333;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:600
}
#delivery .address ul li{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    line-height:22px
}
#delivery .address ul li strong{
    color:#333;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    font-size:14px
}
#delivery .address ul li.address_title span{
    font-size:12px
}
#delivery .address .change{
    font-size:13px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif
}
#delivery .delivery.titles li{
    float:left;
    color:#7b7b7b;
    line-height:17px;
    margin:0 0 5px 15px
}
#delivery .delivery.titles li.products{
    width:34.5%
}
#delivery .delivery.titles li.choose{
    width:39%
}
#delivery .accordion-alt>dd{
    display:none
}
#delivery .accordion-alt>dd>div>a{
    width:290px;
    overflow:hidden
}
#delivery .product{
    margin:0 0 25px 0;
    border:1px solid #e3e3e3;
    border-radius:3px;
    padding:20px 15px
}
#delivery .block-info.blue strong.alt{
    color:#4a90e2
}
.left.half.cart,.left.half.checkout{
    width:635px
}
.right.half.cart,.right.half.checkout{
    position:relative;
    width:323px
}
.right.half.cart.sticky,.right.half.checkout.sticky{
    position:fixed;
    top:25px
}
.right.half.cart.sticky .sticky-state-positioner,.right.half.checkout.sticky .sticky-state-positioner{
    left:657px;
    position:relative
}
.right.half.cart.fixed,.right.half.checkout.fixed{
    bottom:0;
    position:absolute;
    right:0
}
.right.half.cart .block,.right.half.checkout .block{
    border:1px solid #d4d4d4;
    margin-bottom:17px;
    background:#fff
}
.right.half.cart .block.subtile,.right.half.checkout .block.subtile{
    background:#f7f7f7;
    border:none
}
.right.half.cart .block.less-visible,.right.half.checkout .block.less-visible{
    border:none
}
.right.half.cart .block section,.right.half.checkout .block section{
    border-color:#d4d4d4;
    padding-bottom:12px
}
.right.half.cart .block section .title,.right.half.checkout .block section .title{
    color:#004b78;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:700;
    letter-spacing:-.025em;
    margin-bottom:17px
}
.right.half.cart .block section.spacious,.right.half.checkout .block section.spacious{
    padding:20px 20px 0 20px
}
@media (max-width:767px){
    .right.half.cart .block section.spacious,.right.half.checkout .block section.spacious{
        padding-top:0
    }
}
.right.half.cart .block section.notice,.right.half.checkout .block section.notice{
    background:#fcf8e3;
    border-color:#eace93;
    color:#8a6d3b
}
.right.half.cart .block section.centered,.right.half.checkout .block section.centered{
    text-align:center
}
.right.half.cart .block section.border-top,.right.half.checkout .block section.border-top{
    border-top-style:solid;
    border-top-width:1px
}
.right.half.cart .block section.border-bottom,.right.half.checkout .block section.border-bottom{
    border-bottom-style:solid;
    border-bottom-width:1px
}
.right.half.cart #voucher,.right.half.checkout #voucher{
    line-height:30px;
    padding-left:17px
}
@media (min-width:768px){
    .right.half.cart #voucher,.right.half.checkout #voucher{
        padding:5px 20px
    }
}
.right.half.cart #voucher label,.right.half.checkout #voucher label{
    color:#333;
    text-align:left;
    display:inline-block;
    width:auto;
    font-weight:500;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    vertical-align:middle
}
.right.half.cart #voucher label:hover,.right.half.checkout #voucher label:hover{
    cursor:default;
    text-decoration:none
}
.right.half.cart #voucher p.gray,.right.half.checkout #voucher p.gray{
    cursor:pointer;
    text-decoration:underline;
    vertical-align:middle
}
.right.half.cart #gift .sidebar-form-toggle,.right.half.checkout #gift .sidebar-form-toggle{
    cursor:pointer;
    text-decoration:underline;
    vertical-align:middle
}
.right.half.cart #gift #gift-message-input input[type=text],.right.half.checkout #gift #gift-message-input input[type=text]{
    border:1px solid #dbdbdb;
    border-right:none;
    width:119px
}
.right.half.cart #gift #gift-message-input input[type=submit],.right.half.checkout #gift #gift-message-input input[type=submit]{
    border:1px solid #dbdbdb;
    border-left:none
}
.right.half.cart .form-button,.right.half.checkout .form-button{
    display:block;
    margin:20px;
    position:relative;
    width:auto
}
.delivery-options,.delivery-product{
    width:50%
}
.delivery-options input[type=radio]+label:hover,.delivery-options input[type=radio]+label:hover:before{
    color:#407eaf
}
.delivery-product{
    border-right:1px solid #d4d4d4;
    min-height:100%;
    padding:21px 19px 21px 21px;
    position:relative
}
.delivery-product .address-option{
    margin:10px 0 0 15px
}
.delivery-product .address_delivery_out-of-range{
    color:red;
    font-size:.9em;
    line-height:1.25em
}
#delivery .delivery-product .product-details.alt{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px
}
#delivery .delivery-product .date{
    padding:22px 0 25px 0;
    font-size:14px
}
#delivery .delivery-product .date.green{
    color:#639e3a
}
#delivery .delivery-product .description .main-description{
    display:block
}
#delivery .delivery-optional{
    padding-bottom:10px
}
#delivery .delivery-optional a.orange{
    color:#e94e1f
}
#delivery .address-shipper{
    display:none
}
body.resellers #delivery .address-shipper{
    display:block
}
#delivery .action-tooltip{
    top:-115px;
    left:-193px;
    width:310px;
    text-align:left;
    padding:10px 8px;
    font-size:12px
}
#delivery .action-tooltip::after,#delivery .action-tooltip::before{
    right:100px;
    left:auto
}
#delivery span.checkbox.description{
    color:#787878;
    font-size:12px;
    display:block;
    margin-left:28px
}
#delivery .delivery-product .date{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif
}
.delivery-option{
    border-bottom:1px solid #d4d4d4;
    margin-bottom:0;
    position:relative;
    width:100%
}
.delivery-option.urgent-delivery .delivery-option__label{
    display:none
}
.delivery-option:first-of-type{
    border-top:1px solid #d4d4d4
}
.delivery-option:last-of-type{
    border-bottom:none
}
.delivery-option:hover{
    background:#f7f7f7
}
.delivery-option__label{
    position:absolute;
    left:0;
    top:5px
}
.delivery-option__label--gold{
    background:linear-gradient(270.01deg,#ffc94a 0,#e6ab34 48.67%,#f4d252 66.54%,#ebbd3d 88.31%,#d99e1f 100%)!important
}
.delivery-option__labeled{
    padding:17px 13px 13px
}
.delivery-option__labeled--spacing{
    padding-top:30px
}
.delivery-option .delivery-type{
    color:#333;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:700;
    margin-bottom:4px
}
.delivery-option .block{
    color:#333;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    padding-left:28px
}
.delivery-option .block strong{
    font-weight:600
}
.delivery-option .label{
    color:#f6c272;
    font-size:50px;
    line-height:50px;
    position:absolute;
    right:10px;
    top:0
}
.delivery-option .address-mobile{
    padding-left:28px
}
.delivery-options ul li label{
    box-shadow:0 0 0 1px #d4d4d4;
    transition-property:box-shadow;
    transition-duration:.3s
}
.delivery-options ul li.active{
    background:#eef5fc
}
.delivery-options ul li.active label{
    box-shadow:0 0 0 1px #4a90e2;
    z-index:11
}
.delivery-options ul li.active label.gold{
    background:#fbf3e6;
    box-shadow:0 0 0 1px #f6c272
}
.delivery-options ul li label,.delivery-options ul li:hover label{
    width:100%;
    display:block;
    outline:0;
    font-size:13px;
    position:relative;
    z-index:10;
    cursor:pointer;
    color:#000!important
}
.delivery-options ul li label.gold,.delivery-options ul li:hover label.gold{
    box-shadow:0 0 0 1px #f6c272;
    padding-right:48px
}
.delivery-options ul li input[type=radio]{
    cursor:pointer;
    float:left
}
.delivery-options ul li.disabled .block,.delivery-options ul li.disabled a,.delivery-options ul li.disabled input[type=radio],.delivery-options ul li.disabled label,.delivery-options ul li.disabled:hover,.delivery-options ul li.disabled:hover label{
    background:0 0;
    cursor:default;
    color:#969696
}
.delivery-options ul li.disabled input[type=radio]+label:hover:before{
    color:#d3d3d3
}
.delivery-options ul li.disabled a:hover{
    text-decoration:none
}
.delivery-options ul li a{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    color:#4a90e2
}
.delivery-options ul li a.block{
    padding-top:12px
}
.delivery-options ul li .tips{
    position:absolute;
    right:3px;
    top:1px
}
#cart-funnel .optionalopt>p,#delivery .optionalopt>p{
    margin-bottom:4px
}
#delivery .optionalopt{
    line-height:19px
}
#delivery .optionalopt .dropdown{
    width:270px
}
#delivery .delivery-optional .i-arrow-orange{
    display:inline-block;
    margin-right:2px
}
#delivery .delivery-optional dl dt a{
    font-size:12.5px
}
#delivery .delivery-optional dl dd{
    padding:10px 0 5px 0
}
#delivery .delivery-optional dd>div{
    float:left
}
#delivery .bttn-nobg.alt{
    color:#000;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600
}
#split p{
    line-height:21px
}
#split .grayside{
    margin:10px 0;
    padding:20px 10px;
    border:1px solid #ededed
}
#split .grayside>*{
    display:inline-block;
    vertical-align:middle;
    margin-right:8px
}
#split .outer{
    border-top:1px solid #ededed;
    border-bottom:1px solid #ededed;
    padding:20px 0;
    margin-bottom:10px
}
#split p.addr+.dropdown{
    min-width:240px
}
#split p.addr+.dropdown+.dropdown{
    min-width:200px
}
#split .price{
    width:100px
}
.bttn-w-full .i-pin{
    position:absolute;
    top:3px;
    left:5px
}
#delivery .retrieve-product a.bttn-w-full{
    padding-left:25px
}
.choose-address>a .address-changed{
    float:left;
    max-width:250px;
    overflow:hidden;
    padding:1px 0;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap
}
.choose-address>a.active,.choose-address>a.active:not(.choosen):hover{
    border:1px solid #226fac;
    background:#f6faff
}
.choose-address>a.active:after,.choose-address>a.choosen:after{
    font-family:printocean-icons;
    content:"\e61a";
    font-size:11px
}
.choose-address>a.choosen:after{
    content:"\e619";
    color:#fff
}
.choose-address>a.choosen.active:after{
    content:"\e61a"
}
.choose-address .address-changed{
    color:#fff
}
#scroll-delivery-bottom{
    position:absolute;
    bottom:70px
}
.addresses-container a p.title{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600
}
.addresses-container a:hover p.title{
    color:#104672
}
.addresses-container{
    position:absolute;
    z-index:100;
    top:30px;
    width:290px;
    height:300px;
    padding:5px 2px 15px 10px;
    border:1px solid #dadada;
    border-radius:3px;
    background:#fff;
    box-shadow:0 0 6px rgba(0,0,0,.14)
}
.addresses-container ul{
    width:95%
}
.addresses-container ul li{
    border-bottom:1px solid #f0f0f0
}
.addresses-container ul li:last-child{
    border-bottom:0
}
.addresses-container a{
    display:block;
    text-decoration:none;
    line-height:1.1em;
    padding:8px 0
}
.addresses-container p.title{
    font-size:12.5px
}
.addresses-container p.addresses{
    font-size:12px;
    color:#252525
}
.addresses-inner{
    position:relative;
    z-index:101;
    height:85%;
    width:100%
}
#delivery .jspTrack,#order .jspTrack{
    background:#fff;
    border:0
}
#delivery .jspDrag,#order .jspDrag{
    background:#dfdfdf;
    border-radius:3px
}
#delivery .jspArrow,#order .jspArrow{
    height:5px;
    padding:4px 0!important
}
.addresses-container .more-address{
    text-align:center;
    margin:0 -2px 0 -10px;
    border-top:1px solid #dadada;
    padding-top:4px
}
.addresses-container a.bttn-selection-s{
    padding:6px 8px;
    display:inline-block;
    margin:10px 0
}
#delivery .bttn-o .i-cross,#delivery .bttn-w-full .i-cross-r,#order .bttn-w-full .i-cross-r{
    margin-right:5px
}
.product-details-list{
    display:none;
    margin-top:5px
}
.product-details-list li{
    line-height:1.6em;
    font-size:12px
}
#payment .address-invoice{
    display:none
}
#payment h3{
    margin-bottom:10px
}
#payment h3.address-invoice--title{
    margin-bottom:17px
}
#payment label.first-payment .left3 .payment-selection-title{
    position:relative
}
#payment #opc_payment_methods-content .payment_hook_payment form>div>label,#payment #opc_payment_methods-content .payment_hook_payment form>label,#payment #opc_payment_methods-content .payment_hook_payment>div>label,#payment #opc_payment_methods-content .payment_hook_payment>label{
    border:1px solid #d4d4d4;
    border-bottom:none;
    box-sizing:border-box;
    cursor:pointer;
    display:table;
    height:72px;
    position:relative;
    width:100%;
    transition-property:background;
    transition-duration:.3s
}
#payment #opc_payment_methods-content .payment_hook_payment form>div>label:first-of-type,#payment #opc_payment_methods-content .payment_hook_payment form>label:first-of-type,#payment #opc_payment_methods-content .payment_hook_payment>div>label:first-of-type,#payment #opc_payment_methods-content .payment_hook_payment>label:first-of-type{
    border-top-left-radius:3px;
    border-top-right-radius:3px
}
#payment #opc_payment_methods-content .payment_hook_payment form>div>label:last-of-type,#payment #opc_payment_methods-content .payment_hook_payment form>label:last-of-type,#payment #opc_payment_methods-content .payment_hook_payment>div>label:last-of-type,#payment #opc_payment_methods-content .payment_hook_payment>label:last-of-type{
    border-bottom:1px solid #ededed;
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px
}
#payment #opc_payment_methods-content .payment_hook_payment label.active{
    background-color:#eef5fc;
    border:1px solid #252525;
    z-index:1
}
#payment .payment_hook_payment form>label{
    background:#fff
}
#payment label.active .payblock2{
    padding:0 10px
}
#payment label.active{
    border-color:#407eaf!important
}
#payment label .payblock2{
    height:100%;
    display:table-cell;
    vertical-align:middle;
    padding:0 10px
}
#payment label .payblock2.new-method{
    border:1px solid #47b14f;
    position:relative;
    padding:10px
}
#payment label .payblock2.new-method .flag{
    left:0;
    position:absolute;
    top:39%
}
#payment label .payblock2.new-method .flag .text{
    background:#47b14f;
    border-radius:2px 0 0 2px;
    color:#fff;
    font-size:11px;
    font-weight:700;
    padding:5px;
    position:absolute;
    right:0;
    text-transform:uppercase
}
#payment label .payblock2.new-method .left3{
    width:580px
}
#payment label .payblock2.new-method .left3 .payment-selection-title{
    width:320px
}
#payment label .payblock2.new-method .left3 .payment-selection-text{
    color:#333;
    width:250px
}
#payment label.active .payblock2:hover{
    border:none;
    border-color:#407eaf!important
}
#payment label.active .payblock2.new-method{
    border:none
}
#payment label .payblock2:hover .payment-selection-title{
    color:#e94e1f
}
#payment label .left1,#payment label .left2,#payment label .left3{
    display:inline-block
}
#payment label .left3 .dropdown,#payment label .left3 select{
    width:200px;
    position:absolute;
    top:27%;
    left:150px;
    z-index:10
}
#payment label .left3 span{
    font-size:12px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600
}
#payment label .left3 h4{
    color:#104672
}
#payment label .left1 input[type=radio]+label{
    display:inline-block;
    vertical-align:middle
}
#payment label .pay_img{
    display:inline-block;
    width:50px;
    height:50px;
    vertical-align:middle;
    margin-left:5px;
    position:relative;
    overflow:hidden
}
#payment label .pay_img img{
    position:absolute;
    margin:auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    max-width:100%
}
#payment label .left3{
    vertical-align:middle;
    width:528px;
    width:calc(100% - 85px)
}
#payment label .left3 p{
    display:inline-block
}
#payment label .left3 p.payment-selection-text{
    color:#9b9b9b;
    font-size:11px;
    line-height:18px;
    vertical-align:middle;
    width:350px
}
#payment label .left3 p.payment-selection-title{
    width:267px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    padding-left:10px;
    line-height:49px
}
#payment label.active .left3 p.payment-selection-text,#payment label:hover .left3 p.payment-selection-text{
    opacity:1
}
#payment label.active .left3 p.payment-selection-title{
    color:#407eaf
}
#payment label a .payment-right p{
    font-size:12px;
    color:#484848;
    line-height:22px
}
#payment label a select{
    font-size:12px;
    width:200px;
    margin-top:10px
}
.exit-popup{
    max-width:100%;
    padding:30px 50px;
    text-align:center
}
.exit-popup .guarantee{
    left:0;
    position:absolute;
    top:0;
    transform:rotate(-16deg)
}
.exit-popup h3{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;
    font-weight:700;
    letter-spacing:-1px;
    line-height:33px
}
.exit-popup p.big{
    font-size:15px
}
.exit-popup .form-button{
    padding:15px 70px
}
.exit-popup .our-guarantee__list{
    display:inline-block;
    margin:35px 0;
    text-align:left;
    width:54%
}
.exit-popup .our-guarantee__list:first-of-type{
    width:45%
}
.exit-popup .our-guarantee__list-item::before{
    padding-top:4px
}
.exit-popup .our-guarantee__list-item:first-child{
    padding-right:0
}
.shopping-list-items{
    width:100%;
    border-collapse:separate;
    padding:4px 0;
    border-top:1px solid #252525
}
.shopping-list-items.total-amount td{
    font-size:13px
}
.shopping-list-items td{
    font-size:12px
}
.shopping-list-items td.item-price{
    text-align:right
}
.shopping-list-addresses td{
    font-size:12px;
    line-height:18px
}
.shopping-list-addresses td.title{
    font-size:13px
}
.order-address-explained b,.order-address-explained strong{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700
}
#order .with-devider{
    border-bottom:1px solid #d4d4d4;
    width:auto
}
.upload-preview{
    margin-top:10px
}
.upload-preview img{
    border:1px solid #e3e3e3;
    float:left;
    margin-right:20px
}
.cart-price-summary{
    color:#333;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    font-weight:400;
    line-height:22px;
    width:100%
}
.cart-price-summary .price{
    font-size:14px;
    text-align:right;
    width:100px
}
.cart-price-summary .price.free{
    color:#5ba717;
    font-weight:700
}
.cart-price-summary .pro-badge{
    background:#e94e1f;
    color:#fff;
    padding:1px 3px;
    border-radius:1px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
    font-size:11px;
    text-transform:uppercase
}
.cart-price-summary .above-line td{
    padding-bottom:8px
}
.cart-price-summary .under-line td{
    padding-top:7px
}
.cart-price-summary .under-line td:last-of-type{
    border-top:1px solid #979797
}
.cart-price-summary .total{
    font-size:16px;
    font-weight:700;
    padding-top:18px
}
.cart-popup-delivery-on-time{
    display:none
}
@media (max-width:767px){
    .cart-popup-delivery-on-time{
        padding:30px;
        width:100%
    }
}
.cart-popup-delivery-on-time__title{
    font-size:19px;
    letter-spacing:-1.14px;
    margin-bottom:10px
}
.cart-popup-delivery-on-time__content{
    font-size:15px
}
.cart-price-assurance{
    margin-top:20px;
    position:relative;
    display:none
}
.cart-price-assurance__text{
    margin-right:60px
}
@media (max-width:991px){
    .cart-price-assurance__text{
        margin-right:65px;
        padding-top:12px;
        text-align:right
    }
}
.cart-price-assurance__text strong{
    color:#5ba717
}
.cart-price-assurance__image{
    position:absolute;
    right:30px;
    top:0
}
@media (min-width:992px){
    .cart-price-assurance__image{
        top:-5px
    }
}
@media (min-width:768px){
    #cart .cart-price-assurance{
        display:block
    }
}
.country-DE .cart-price-assurance{
    display:none!important
}
.show-product-description{
    display:none;
    font-weight:600
}
@media (max-width:767px){
    .show-product-description{
        display:block;
        font-size:12px;
        margin-top:8px
    }
}
@media (max-width:767px){
    .show-product-description--is-visible{
        display:block
    }
}
.show-product-description::after{
    content:'\e619';
    display:inline-block;
    font-family:printocean-icons;
    font-size:8px;
    margin-left:4px;
    vertical-align:middle
}
table.product-description{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:12px;
    line-height:17px
}
table.product-description .product-description{
    font-weight:600;
    padding-right:37px
}
table.product-description .reference td{
    padding-top:15px
}
.sidebar-form-toggle{
    color:#a6a6a6;
    display:inline-block;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height:22px;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    width:100%
}
.sidebar-form-toggle:hover{
    cursor:pointer;
    text-decoration:underline
}
#cart-funnel .unified-input{
    margin-top:8px;
    text-align:center;
    word-spacing:0
}
#cart-funnel .unified-input .left-input,#cart-funnel .unified-input .right-input{
    border:1px solid #c1c1c1;
    height:30px;
    line-height:30px;
    margin:0!important;
    padding:6px;
    vertical-align:middle
}
#cart-funnel .unified-input .left-input{
    border-radius:3px 0 0 3px
}
#cart-funnel .unified-input .right-input{
    border-radius:0 3px 3px 0;
    border-left:none
}
#cart-funnel .unified-input.error .left-input{
    border-color:red
}
#cart-funnel .unified-input ::-webkit-input-placeholder{
    color:#a6a6a6!important;
    opacity:1
}
#cart-funnel .unified-input :-moz-placeholder{
    color:#a6a6a6!important;
    opacity:1
}
#cart-funnel .unified-input ::-moz-placeholder{
    color:#a6a6a6!important;
    opacity:1
}
#cart-funnel .unified-input :-ms-input-placeholder{
    color:#a6a6a6!important;
    opacity:1
}
#cart-funnel .unified-input input[type=submit]{
    line-height:1px!important
}
#cart-funnel .form-error{
    margin-top:5px;
    text-align:center
}
#cart-funnel .form-error:empty{
    display:none
}
.delivery-bottom{
    margin:20px 0 0 0
}
td.product-description{
    width:35%
}
.upload-text-content{
    text-align:center
}
.upload-text-content .icon:before{
    color:#377dc7
}
.customization_block_input{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.highlight-option{
    background:#fcf8e3;
    border:1px #eace93 solid;
    border-radius:3px
}
.nodesign{
    font-size:10px
}
.tweaklink-container>p{
    height:30px
}
.deeper-trigger,.undeeper-trigger{
    display:none!important
}
.delegate-padding{
    padding:0;
    position:relative
}
.delivery-options-explained{
    padding:21px 19px 21px 21px
}
.delivery-options-explained h3{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700
}
.delivery-options-explained p{
    color:#333;
    font-size:12px
}
.delivery-options-explained .order-address-explained{
    margin-top:7px
}
@media (max-width:767px){
    .delivery-options-explained .order-address-explained{
        display:none
    }
}
.main-menu-toggle,.toggle-cart-summary{
    display:none
}
.no-early-delivery-during-the-weekend-warning{
    padding-bottom:50px;
    position:relative;
    width:400px
}
.no-early-delivery-during-the-weekend-warning .title{
    color:#333;
    margin-bottom:17px
}
.later-delivery-accepted-form{
    margin-top:10px
}
.cancel-later-delivery-accepted,.confirm-later-delivery-accepted{
    bottom:0;
    display:block;
    position:absolute;
    left:0
}
.cancel-later-delivery-accepted{
    left:0
}
.confirm-later-delivery-accepted{
    right:0
}
#most-sold.sidebar-block{
    background:#fff;
    margin-top:20px;
    border-color:#ddd
}
#most-sold #most-sold-items{
    margin-top:5px
}
#most-sold #most-sold-items li{
    border-bottom:1px solid #e1e1e1;
    padding:8px 0
}
#most-sold #most-sold-items li .left{
    width:150px;
    padding-top:5px
}
#most-sold #most-sold-items li:last-child{
    border-bottom:0
}
#most-sold #most-sold-items li a{
    display:block;
    line-height:19px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600
}
#most-sold #most-sold-items li a .most-sold-price{
    display:block;
    font-size:12px
}
.clean-cart .product-cart-preview{
    margin-right:60px
}
.clean-cart .product-cart-description{
    width:calc(100% - 300px)
}
.clean-cart .cart-dropdown{
    border:none;
    background:0 0;
    padding:0
}
.clean-cart .cart-item-product h3.product-title{
    font-size:18px;
    font-weight:700;
    margin-bottom:15px
}
.clean-cart .cart-item-product .price h3.product-title{
    font-size:15px
}
.clean-cart .cart-item{
    margin-bottom:0
}
.clean-cart .cart-item-main{
    border:none;
    box-shadow:none;
    border-top:1px solid #ddd;
    padding:30px 0;
    margin-bottom:0
}
.clean-cart .radio-options{
    width:450px;
    font-size:13px!important;
    padding:2px;
    margin:0
}
.clean-cart .radio-options span{
    margin-right:20px
}
.clean-cart .spoed:after{
    float:right;
    padding:5px!important;
    padding-left:15px!important;
    padding-right:15px!important
}
.clean-cart .highlighted{
    background:#f9f9f9;
    border:1px solid #f2f2f2;
    border-radius:3px
}
.clean-cart .highlighted :checked+label{
    font-weight:600!important
}
.clean-cart .product-description{
    color:#666;
    margin-top:0!important
}
.clean-cart .product-description .head{
    color:#333;
    font-weight:700;
    margin-top:15px;
    text-transform:capitalize
}
.clean-cart .product-description .devider:last-of-type{
    display:none
}
.clean-cart h1{
    padding:30px 0;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
    letter-spacing:-.025em;
    font-size:24px;
    float:left
}
.product-cart-upsell{
    background-color:#fff;
    border:1px solid #d4d4d4;
    margin-bottom:10px;
    padding:10px 20px
}
.product-cart-upsell__form{
    align-items:center;
    display:flex
}
@media (max-width:767px){
    .product-cart-upsell__form{
        flex-direction:column
    }
}
.product-cart-upsell__text{
    flex:1;
    font-size:18px;
    font-weight:700
}
@media (max-width:767px){
    .product-cart-upsell__text{
        margin-bottom:10px
    }
}
.product-cart-upsell__button{
    font-size:18px;
    padding:.5em 2em;
    text-transform:capitalize
}
@media (max-width:767px){
    .product-cart-upsell__button{
        width:100%
    }
}
.cart-upsell{
    background-color:#fff;
    border:1px solid #d4d4d4;
    color:#055e81;
    display:block;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
    letter-spacing:-1px;
    margin:0 0 15px;
    padding:10px 20px 10px 0;
    display:table;
    width:100%
}
.cart-upsell__row{
    display:table-row;
    width:100%
}
@media (max-width:767px){
    .cart-upsell__row{
        display:inline-block
    }
}
.cart-upsell__button,.cart-upsell__label,.cart-upsell__text{
    display:table-cell;
    vertical-align:middle
}
.cart-upsell__button{
    padding-left:15px
}
@media (max-width:767px){
    .cart-upsell__button{
        display:block;
        width:100%
    }
    .cart-upsell__button__element{
        margin-top:10px;
        width:100%
    }
}
@media (min-width:991px){
    .cart-upsell__label--big .pointy__label{
        font-size:24px;
        margin-right:40px;
        line-height:46px;
        height:46px
    }
    .cart-upsell__label--big .pointy__label--in:after{
        height:46px;
        line-height:46px;
        right:-22px;
        border-top:23px solid #f68f07;
        border-bottom:23px solid #f68f07;
        border-right:23px solid transparent
    }
}
.cart-upsell__text{
    padding-left:10px;
    white-space:normal;
    font-size:16px;
    line-height:18px;
    text-transform:uppercase;
    vertical-align:middle
}
@media (min-width:768px){
    .cart-upsell__text{
        font-size:24px;
        line-height:26px
    }
}
@media (min-width:992px) and (max-width:1199px){
    .cart-upsell__text{
        font-size:20px;
        line-height:22px
    }
}
.cart-upsell__button__element{
    font-size:18px;
    padding:.5em 2em;
    text-transform:capitalize
}
.pointy__container{
    display:inline-block;
    width:140px;
    margin-left:-20px;
    vertical-align:middle
}
@media (min-width:991px){
    .pointy__container--big{
        width:240px
    }
    .pointy__container--big .pointy__label{
        font-size:24px;
        margin-right:40px;
        line-height:46px;
        height:46px
    }
    .pointy__container--big .pointy__label--in:after{
        height:46px;
        line-height:46px;
        right:-22px;
        border-top:23px solid #f68f07;
        border-bottom:23px solid #f68f07;
        border-right:23px solid transparent
    }
}
.pointy__label{
    position:relative;
    background-color:#f68f07;
    display:inline-block;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
    padding:0 15px;
    font-size:11px;
    margin-right:22px;
    height:22px;
    line-height:22px
}
.pointy__label:after{
    position:absolute;
    content:"";
    display:inline-block;
    top:0;
    width:0;
    font-size:0
}
.pointy__label--in:after{
    height:22px;
    line-height:22px;
    right:-10px;
    border-top:11px solid #f68f07;
    border-bottom:11px solid #f68f07;
    border-right:11px solid transparent
}
.pointy__label--out{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:11px;
    font-weight:700;
    padding:0 6px;
    vertical-align:middle;
    margin-right:11px;
    line-height:22px;
    height:22px
}
.pointy__label--out:after{
    height:22px;
    line-height:22px;
    right:-10px;
    border-top:11px solid transparent;
    border-bottom:11px solid transparent;
    border-left:11px solid #f68f07
}
.change-turnaround{
    font-weight:600;
    padding-top:10px
}
@media (max-width:767px){
    .change-turnaround{
        display:none
    }
}
.file-upload-funnel{
    margin:20px 0
}
.file-upload-funnel__container{
    display:flex;
    justify-content:space-between
}
@media (max-width:767px){
    .file-upload-funnel__container{
        flex-direction:column
    }
}
.file-upload-funnel__checklist{
    flex:1;
    max-width:350px
}
@media (max-width:767px){
    .file-upload-funnel__checklist{
        width:100%
    }
}
.file-upload-funnel__uploader{
    flex:2;
    margin-left:30px
}
@media (max-width:767px){
    .file-upload-funnel__uploader{
        margin-left:0
    }
}
@media (max-width:991px){
    .file-upload-funnel__uploader .upload_block{
        margin-top:15px;
        width:100%!important
    }
}
@media (max-width:991px){
    .file-upload-funnel__uploader .cart-item-main{
        border:1px solid #d4d4d4!important
    }
}
@media (max-width:767px){
    .file-upload-funnel__uploader .cart-item-main{
        margin-top:15px
    }
}
@media (max-width:991px){
    .file-upload-funnel__uploader .cart-item-name{
        width:100%!important
    }
}
.upload-checklist{
    background:#f7f7f7;
    padding:15px
}
.upload-checklist__item{
    color:#104672
}
@media (max-width:767px){
    .upload-checklist__item{
        margin-top:0
    }
}
.cart-summary{
    padding-bottom:20px
}
.cart-summary .order-reference__label{
    padding:0;
    text-align:left
}
.artwork-dont-worry{
    align-items:center;
    background-color:#e2f0ff;
    border:1px solid #4a90e2;
    color:#104672;
    display:none;
    height:50px;
    justify-content:space-between;
    margin-bottom:25px;
    padding-left:20px;
    padding-right:20px;
    width:100%
}
@media (min-width:768px){
    .artwork-dont-worry{
        display:inline-flex
    }
}
.artwork-dont-worry__trigger{
    color:#4a90e2;
    cursor:pointer;
    font-weight:600
}
.artwork-dont-worry__video{
    margin-top:20px
}
.notif-cartdelivery{
    border:1px solid #ffb57e;
    margin-top:15px;
    padding:10px 14px
}
.notif-cartdelivery__title{
    color:#333;
    font-size:14px;
    font-weight:700;
    line-height:19px;
    margin-bottom:7px
}
.notif-cartdelivery__text{
    line-height:20px
}
.chckt-input-field--recurring{
    background:0 0
}
.chckt-form--max-width{
    max-width:100%;
    width:100%
}
.chckt-more-pm-button{
    display:none
}
.chckt-pm{
    background:0 0;
    border:none;
    border-top:2px solid #e3e3e8;
    padding:0
}
.chckt-pm__recurring-details{
    padding-top:0
}
.chckt-pm__recurring-details .chckt-form-label{
    margin-bottom:0
}
.chckt-pm__recurring-details .chckt-form-label--cvc{
    display:inline-block;
    float:none;
    width:100%
}
.chckt-pm__recurring-details .chckt-form-label--cvc .chckt-form-label__text,.chckt-pm__recurring-details .chckt-form-label--cvc .chckt-input-field{
    clear:none;
    display:inline-block;
    float:none
}
.chckt-pm__recurring-details .chckt-form-label--exp-date{
    display:inline-block;
    float:none;
    width:100%
}
.chckt-pm__recurring-details .chckt-form-label--exp-date .chckt-form-label__text,.chckt-pm__recurring-details .chckt-form-label--exp-date .chckt-input-field{
    clear:none;
    float:none;
    font-size:11px
}
.chckt-pm__name{
    color:#666;
    font-size:15px;
    line-height:24px;
    margin-left:0;
    padding-top:0
}
.chckt-pm--hidden{
    display:block
}
.chckt-pm:first-child{
    border:none;
    border-radius:0;
    border-top:2px solid #e3e3e8
}
.chckt-pm:last-of-type{
    border-bottom:2px solid #e3e3e8
}
.chckt-pm:hover .chckt-pm__header{
    background:0 0
}
.chckt-pm__details,.chckt-pm__header{
    padding:0
}
.chckt-pm__header{
    padding:20px 10px 20px 100px
}
.chckt-pm__details{
    padding:0 10px 20px 100px
}
.js-chckt-pm::before{
    color:#bababa;
    content:'\e600';
    display:block;
    font-family:printocean-icons;
    font-size:24px;
    left:64px;
    line-height:1;
    position:absolute;
    top:22px
}
.js-chckt-pm--selected::before{
    content:'\e602';
    color:#4a90e2
}
.js-chckt-pm--selected .js-chckt-pm__details,.js-chckt-pm--selected .js-chckt-pm__header{
    background-color:transparent
}
.chckt-button{
    background-color:#4a90e2;
    border:1px solid #3772b8;
    border-radius:2px;
    box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.5),0 1px 2px 0 rgba(0,0,0,.1);
    line-height:41px;
    width:314px
}
.chckt-button-container{
    display:none
}
.chckt-checkbox[type=checkbox]{
    display:inline
}
.payment-loading-overlay{
    background:rgba(0,0,0,.7);
    height:100vh;
    left:0;
    position:fixed;
    top:0;
    width:100vw;
    z-index:999999999
}
.payment-loading-overlay__text{
    color:#fff;
    font-size:17px;
    font-weight:700;
    line-height:100vh;
    text-align:center
}
.chckt-pm-bcmc{
    display:none
}
.company-search-form__container{
    background-color:#fff;
    border-radius:6px;
    margin-right:27px;
    padding:20px
}
.company-search-form__title{
    color:#000;
    font-size:13px;
    font-weight:600;
    margin-bottom:20px
}
.company-search-form__field-container{
    font-size:13px;
    margin-bottom:20px;
    position:relative
}
.company-search-form__label{
    color:#333;
    display:block;
    font-size:13px;
    margin-bottom:6px;
    width:160px
}
@media (min-width:768px){
    .company-search-form__label{
        display:inline-block;
        margin-bottom:0
    }
}
.company-search-form__input{
    border:1px solid #ccc;
    border-radius:6px;
    box-shadow:0 0 6px rgba(0,0,0,.14);
    font-size:13px;
    height:40px;
    line-height:40px;
    padding-left:13px;
    width:100%
}
@media (min-width:768px){
    .company-search-form__input{
        width:320px
    }
}
.company-search-form__input:active,.company-search-form__input:focus{
    border:1px solid #4a90e2
}
.company-search-form__input::placeholder{
    color:#929292
}
.company-search-form__loader{
    position:absolute;
    right:10px;
    top:30px
}
@media (min-width:768px){
    .company-search-form__loader{
        right:210px;
        top:12px
    }
}
.company-search-form__selected-address{
    line-height:21px;
    margin-bottom:15px;
    width:100%
}
@media (min-width:768px){
    .company-search-form__selected-address{
        margin-left:164px;
        width:320px
    }
}
.company-search-form__button{
    font-size:13px;
    height:38px;
    width:100%
}
@media (min-width:768px){
    .company-search-form__button{
        margin-left:164px;
        width:220px
    }
}
.company-search-form__button:enabled{
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:2px;
    color:#666;
    font-weight:700
}
.vat-select__container{
    margin-bottom:15px
}
.vat-select__label{
    color:#333;
    display:block;
    font-size:13px;
    margin-bottom:6px;
    width:160px
}
@media (min-width:768px){
    .vat-select__label{
        display:inline-block;
        margin-bottom:0
    }
}
.vat-select__select{
    background-color:#fff;
    border:1px solid #ccc;
    border-radius:6px;
    box-shadow:0 0 6px rgba(0,0,0,.14);
    font-size:13px;
    height:40px;
    line-height:40px;
    padding-left:13px;
    width:100%
}
@media (min-width:768px){
    .vat-select__select{
        width:320px
    }
}
.vat-select__select:active,.vat-select__select:focus{
    border:1px solid #4a90e2
}
.vat-select__select::placeholder{
    color:#929292
}
.badge{
    background-color:#4a90e2;
    border:none;
    border-radius:2px;
    display:inline-block;
    padding:4px 8px
}
.badge__small{
    padding:8px 8px
}
.badge__text .badge__small{
    font-size:11px
}
.badge__text{
    color:#fff;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
    line-height:21px
}
.badge--vivid-yellow{
    background-color:#ffc601
}
.company-search__success{
    margin-top:10px
}
.company-search__success__text{
    line-height:13px;
    text-transform:uppercase
}
.company-search__success__remove{
    color:#4a90e2;
    text-decoration:underline
}
.company-search__reached-limit{
    margin-top:10px
}
.company-search__reached-limit__text{
    line-height:13px;
    text-transform:uppercase
}
.company-search__reached-limit__contact{
    color:#6b6b6b;
    text-decoration:underline
}
.popup-intro__title{
    color:#0f4672;
    font-size:18px;
    font-weight:700;
    letter-spacing:.6px;
    line-height:25px;
    margin-bottom:10px
}
.popup-intro__text{
    margin-bottom:20px
}
.address-details__container{
    background-color:#eef5fc;
    border:1px solid #d5e9ff;
    border-radius:6px;
    padding:10px 14px
}
.address-details__address{
    margin-bottom:20px
}
.address-details__title{
    font-weight:700
}
.address-change-popup__container{
    color:#333;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    line-height:20px
}
.address-change-popup__badge{
    margin-bottom:10px
}
.address-change-popup__details{
    margin-bottom:15px
}
.address-change-popup__button{
    background-color:#73c850;
    border:1px solid #5ea043;
    border-radius:3px;
    box-shadow:0 0 6px rgba(0,0,0,.14);
    color:#fff;
    font-weight:700;
    padding:10px;
    text-transform:uppercase;
    width:100%
}
.cancel__container{
    display:block;
    text-align:center;
    width:100%
}
.cancel__link{
    cursor:pointer
}
#ui-id-1 .ui-autocomplete{
    cursor:default;
    position:absolute
}
#ui-id-1.ui-menu{
    display:block;
    list-style:none;
    margin:0;
    max-width:450px;
    outline:0;
    padding:0
}
@media (max-width:767px){
    #ui-id-1.ui-menu{
        left:4%!important;
        max-width:92%;
        width:92%!important
    }
}
#ui-id-1.ui-menu .ui-menu-item{
    list-style-image:none;
    margin:0;
    padding:0;
    width:100%
}
#ui-id-1.ui-menu .ui-menu-item.ui-state-focus{
    background:0 0;
    background-color:#f7f7f7;
    border:none
}
#ui-id-1.ui-menu .ui-menu-item.ui-state-focus a{
    color:#49a0e2
}
#ui-id-1.ui-menu .ui-menu-item a{
    cursor:pointer;
    display:block;
    font-size:13px;
    font-weight:400;
    line-height:22px;
    min-height:34px;
    padding:6px 13px;
    text-decoration:none
}
#ui-id-1.ui-widget{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px
}
#ui-id-1.ui-widget-content{
    background:#fff;
    border:none;
    box-shadow:0 0 6px rgba(0,0,0,.14);
    color:#000
}
#ui-id-1.ui-widget-content a{
    color:#333
}
#ui-id-1.ui-front{
    z-index:100
}
.lds-spinner{
    color:#fff;
    display:inline-block;
    height:16px;
    position:relative;
    width:16px
}
.lds-spinner div{
    animation:lds-spinner 1.2s linear infinite;
    transform-origin:8px 8px
}
.lds-spinner div::after{
    background:#000;
    border-radius:20%;
    content:' ';
    display:block;
    height:3px;
    left:12px;
    position:absolute;
    top:2px;
    width:3px
}
.lds-spinner div:nth-child(1){
    animation-delay:-1.1s;
    transform:rotate(0)
}
.lds-spinner div:nth-child(2){
    animation-delay:-1s;
    transform:rotate(30deg)
}
.lds-spinner div:nth-child(3){
    animation-delay:-.9s;
    transform:rotate(60deg)
}
.lds-spinner div:nth-child(4){
    animation-delay:-.8s;
    transform:rotate(90deg)
}
.lds-spinner div:nth-child(5){
    animation-delay:-.7s;
    transform:rotate(120deg)
}
.lds-spinner div:nth-child(6){
    animation-delay:-.6s;
    transform:rotate(150deg)
}
.lds-spinner div:nth-child(7){
    animation-delay:-.5s;
    transform:rotate(180deg)
}
.lds-spinner div:nth-child(8){
    animation-delay:-.4s;
    transform:rotate(210deg)
}
.lds-spinner div:nth-child(9){
    animation-delay:-.3s;
    transform:rotate(240deg)
}
.lds-spinner div:nth-child(10){
    animation-delay:-.2s;
    transform:rotate(270deg)
}
.lds-spinner div:nth-child(11){
    animation-delay:-.1s;
    transform:rotate(300deg)
}
.lds-spinner div:nth-child(12){
    animation-delay:0s;
    transform:rotate(330deg)
}
@keyframes lds-spinner{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.ui-helper-hidden-accessible{
    display:none!important
}
.action-link--show-more{
    color:#4a90e2;
    font-size:13px;
    font-weight:600;
    line-height:17px
}
.action-link--show-more:hover{
    cursor:pointer
}
.action-link--referral-link{
    color:#4a90e2;
    text-decoration:underline;
    font-weight:600
}
.address__line{
    display:block;
    line-height:1.5em
}
.choose-address-context{
    background-color:#f7f7f7;
    border-radius:3px;
    padding:10px 7px
}
@media (min-width:768px){
    .choose-address-context{
        margin:20px;
        padding:14px 20px 10px
    }
}
.choose-address-context__explanation{
    color:#666;
    font-size:11px;
    font-weight:600;
    line-height:1.2em;
    text-align:center
}
.choose-address-context__add-new-link{
    text-decoration:underline
}
@media (max-width:767px){
    .choose-address-context__add-new-link{
        display:block;
        margin-top:10px;
        width:100%
    }
}
.choose-address-context__go-back{
    display:none;
    font-weight:600
}
.choose-address-context__go-back::before{
    content:'\e61b';
    font-family:printocean-icons;
    font-size:12px;
    margin-right:3px
}
.choose-address{
    background-color:#fff;
    border:1px solid #dbdbdb;
    border-radius:2px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    height:40px;
    margin-bottom:10px;
    margin-top:10px;
    position:relative
}
.choose-address__head{
    color:#666;
    display:inline-block;
    font-size:13px;
    font-weight:600;
    line-height:38px;
    padding-left:20px;
    transition:background-color .2s;
    width:100%
}
.choose-address__head:hover{
    background-color:#f7f7f7;
    cursor:pointer
}
.choose-address__head::after{
    content:'\e619';
    float:right;
    font-family:printocean-icons;
    font-size:11px;
    padding-right:20px;
    vertical-align:middle
}
.choose-address__container{
    background:#fff;
    border:1px solid #dadada;
    border-radius:0 0 2px 2px;
    box-shadow:0 0 6px rgba(0,0,0,.14);
    height:300px;
    left:-1px;
    position:absolute;
    right:-1px;
    top:38px;
    z-index:100
}
.choose-address-list__container{
    border:1px solid #d4d4d4;
    border-radius:3px;
    margin:15px 0
}
.choose-address-list__unusable-message{
    color:red!important;
    flex:1;
    font-weight:600
}
.choose-address-list__item{
    align-items:center;
    color:#333;
    display:flex;
    flex-direction:row;
    font-size:11px;
    font-weight:400;
    justify-content:space-between;
    line-height:18px;
    min-height:50px;
    padding:5px 10px
}
.choose-address-list__item:nth-child(odd){
    background:#f8f8f8
}
.choose-address-list__item:last-child{
    border-bottom:none
}
.choose-address-list__alias{
    color:#333!important;
    font-size:11px!important;
    font-weight:600;
    line-height:16px!important
}
.choose-address-list__address-name{
    flex:1;
    font-weight:600
}
.choose-address-list__address-info{
    flex:1
}
.choose-address-list__action{
    border-bottom:none;
    min-width:120px
}
.choose-address-list__action--selected{
    color:#74c852;
    display:inline-block;
    font-size:13px;
    font-weight:600
}
.choose-address-list__action--selected:hover{
    text-decoration:none
}
.choose-address-list__action--selected::before{
    color:#73c850;
    content:'\e91d';
    font-family:printocean-icons;
    font-size:18px;
    font-weight:400;
    margin-right:3px;
    vertical-align:middle
}
.change-address-form{
    padding:10px
}
@media (min-width:768px){
    .change-address-form{
        padding:20px 0
    }
}
.change-address-form__discard{
    font-weight:600
}
@media (max-width:767px){
    .change-address-form__discard{
        display:block;
        margin:10px 0;
        width:100%
    }
}
.change-address-form__back{
    display:inline-block;
    font-weight:600;
    margin-bottom:15px
}
.change-address-form__back:hover{
    text-decoration:none
}
.change-address-form__back::before{
    content:'\e61b';
    font-family:printocean-icons;
    font-size:12px;
    margin-right:3px
}
.change-address-form__row{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    margin-bottom:10px
}
.change-address-form__row--half{
    width:50%
}
.change-address-form__label{
    color:#666;
    font-size:13px;
    font-weight:600;
    line-height:28px;
    width:30%
}
@media (max-width:767px){
    .change-address-form__label{
        width:100%
    }
}
.change-address-form__label::first-letter{
    text-transform:capitalize
}
.change-address-form__label--fullwidth{
    width:100%
}
.change-address-form__field{
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    width:70%
}
@media (max-width:767px){
    .change-address-form__field{
        margin-left:-5px;
        margin-right:-5px;
        width:calc(100% + 10px)
    }
}
.change-address-form__field--checkbox{
    min-height:45px;
    position:relative
}
.change-address-form__field--fullwidth{
    width:100%
}
.change-address-form__checkbox-helper{
    padding-left:5px;
    position:absolute
}
@media (min-width:768px){
    .change-address-form__field-message{
        margin-left:30%;
        margin-top:10px;
        padding-left:0
    }
}
.change-address-form__error-message{
    color:red!important;
    font-size:.9em;
    line-height:1.3em;
    margin-bottom:5px;
    margin-left:5px
}
.change-address-form__actions{
    align-items:center;
    display:flex;
    justify-content:flex-end;
    margin-top:10px
}
@media (max-width:767px){
    .change-address-form__actions{
        display:block
    }
}
.change-address-form__actions--space-between{
    justify-content:space-between
}
.change-address-form__input{
    background-color:#fff;
    border:1px solid #dbdbdb;
    border-radius:2px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    flex:1 0 auto;
    padding:10px;
    width:auto!important
}
.change-address-form__input--firstname{
    max-width:30%
}
.change-address-form__input--housenumber{
    max-width:20%
}
.change-address-form__inline-message{
    color:#666;
    font-weight:500;
    padding-left:5px
}
.existing-address{
    border-bottom:1px solid #ddd;
    display:inline-block;
    line-height:22px;
    padding:10px 20px;
    text-decoration:none;
    transition:background-color .2s;
    width:100%
}
.existing-address:hover{
    background-color:#f7f7f7
}
.existing-address__title{
    color:#666;
    display:inline-block;
    font-weight:700;
    width:100%
}
.existing-address__addresses{
    color:#666;
    display:inline-block
}
.address-content-container{
    width:600px
}
@media (max-width:767px){
    .address-content-container{
        margin-left:10px;
        margin-right:10px;
        margin-top:10px;
        width:auto
    }
}
.combined-address-popup__title{
    color:#004b78;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:700;
    margin-top:10px;
    padding:10px
}
.combined-address-popup__nav{
    border-bottom:1px solid #ddd;
    display:flex;
    justify-content:space-around
}
.combined-address-popup__nav-option{
    color:#666;
    display:inline-block;
    font-size:15px;
    font-weight:600;
    padding-bottom:17px;
    padding-top:14px
}
@media (max-width:767px){
    .combined-address-popup__nav-option{
        font-size:13px;
        padding-bottom:10px;
        padding-top:10px
    }
}
.combined-address-popup__nav-option:hover{
    cursor:pointer
}
.combined-address-popup__nav-option--is-active{
    border-bottom:3px solid #e05432;
    color:#333;
    font-weight:700
}
.update-address{
    width:460px
}
@media (max-width:767px){
    .update-address{
        width:100%
    }
}
.update-address__title{
    border-bottom:1px solid #ddd;
    color:#004b78;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;
    font-weight:700;
    letter-spacing:-.025em;
    padding-bottom:12px;
    padding-top:12px;
    text-align:center
}
.update-address__subtitle{
    margin-top:15px;
    text-align:center
}
.update-address__form{
    padding:20px
}
.content-change-address{
    padding:15px 25px
}
@media (max-width:767px){
    .content-change-address{
        padding:15px 0
    }
}
.content-change-address__top-content{
    display:flex;
    justify-content:space-between;
    margin-top:10px
}
@media (max-width:767px){
    .content-change-address__top-content{
        flex-direction:column
    }
}
.content-change-address__bottom-content{
    align-items:center;
    display:flex;
    justify-content:flex-end;
    margin-top:20px
}
.content-change-address__searchbar{
    position:relative
}
.content-change-address__searchbar-input{
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    margin-right:10px;
    min-height:38px;
    min-width:400px
}
@media (max-width:767px){
    .content-change-address__searchbar-input{
        min-width:0;
        width:100%
    }
}
.content-change-address__searchbar-button{
    background-image:url(../img/search-icon.png);
    background-position:center;
    background-repeat:no-repeat;
    border:0;
    position:absolute;
    flex:0 0 35px;
    margin-left:auto;
    top:3px;
    z-index:99;
    height:30px;
    width:30px;
    right:20px
}
.content-change-address__anchor-default-address{
    font-weight:600
}
.choose-address-pagination{
    text-align:center
}
.choose-address-pagination__container{
    border:1px solid #ccc;
    border-radius:3px;
    display:inline-flex;
    font-size:13px;
    line-height:18px;
    max-height:36px
}
.choose-address-pagination__item{
    border-right:1px solid #ccc;
    color:#333;
    padding:7px 14px
}
.choose-address-pagination__item:last-of-type{
    border-right:0
}
.choose-address-pagination__item:hover{
    background:#0393c7;
    color:#fff;
    text-decoration:none
}
.choose-address-pagination__item--active{
    background:#0393c7;
    color:#fff
}
.choose-address-pagination__item--prev{
    padding:7px 10px
}
.choose-address-pagination__item--prev::before{
    color:#666;
    content:'\e61b';
    font-family:printocean-icons;
    font-size:16px
}
.choose-address-pagination__item--prev:hover::before{
    color:#fff
}
.choose-address-pagination__item--next{
    padding:7px 10px
}
.choose-address-pagination__item--next::before{
    color:#666;
    content:'\e618';
    font-family:printocean-icons;
    font-size:16px
}
.choose-address-pagination__item--next:hover::before{
    color:#fff
}
.delivery-address-popup__search{
    padding:10px
}
.delivery-address-popup__search-input{
    border:1px solid #dbdbdb;
    border-radius:2px 0 0 2px;
    border-right:none;
    display:inline-block;
    height:30px;
    padding-left:5px;
    width:115px
}
.delivery-address-popup__search-submit{
    background-color:#4a90e2;
    border:1px solid #3772b8;
    border-radius:0 2px 2px 0;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    color:#fff;
    display:inline-block;
    height:30px;
    line-height:9px;
    position:relative;
    width:65px
}
@media (max-width:767px){
    .delivery-address-popup__map,.delivery-address-popup__option-list{
        margin-left:-10px;
        margin-right:-10px;
        padding:0
    }
}
[data-equalwidth-key]{
    display:inline-block
}
.flashmessages{
    margin-bottom:20px
}
.flashmessage{
    border-radius:3px;
    padding:16px 20px 16px 24px;
    position:relative
}
.flashmessage--type-success{
    background-color:#e3f3d3;
    border:1px solid #c1e898;
    color:#629c21
}
.flashmessage--type-success::after{
    content:'\e653';
    font-family:printocean-icons;
    font-size:1.7em;
    position:absolute;
    right:1em;
    top:.6em
}
.flashmessage--type-transactional{
    background-color:#eef5fc;
    border:1px solid #d5e9ff
}
.flashmessage--with-buttons{
    align-items:center;
    display:flex
}
.flashmessage--in-block{
    border-radius:0;
    margin-left:-1px;
    margin-right:-1px;
    padding:6px 31px
}
@media (max-width:767px){
    .flashmessage--in-block{
        padding:6px 10px
    }
}
.flashmessage__buttons{
    flex:1 0 auto;
    margin-left:10px;
    text-align:right
}
.flashmessage__title{
    line-height:1.1em
}
.flashmessage__title--type-transactional{
    font-size:13px;
    font-weight:600
}
.flashmessage__title--type-success{
    font-size:15px;
    font-weight:700
}
.my-account-sidebar{
    color:#666;
    display:none;
    line-height:1.84615em;
    padding-bottom:1px;
    padding-top:1px
}
@media (min-width:768px){
    .my-account-sidebar{
        display:block
    }
}
.my-account-sidebar p{
    line-height:inherit
}
.my-account-sidebar__editlink{
    font-size:12px;
    font-weight:600
}
.my-account-sidebar__section{
    margin-bottom:10px;
    padding-bottom:20px
}
.my-account-sidebar__section:not(:last-child){
    border-bottom:1px solid #dbdbdb
}
.my-account-sidebar__section--pro-status-text{
    color:#444;
    font-weight:700;
    vertical-align:middle
}
.my-account-sidebar__section--pro-status-icon{
    border-radius:100%;
    margin-left:4px;
    margin-top:-2px;
    vertical-align:middle
}
.my-account-sidebar__section-title{
    color:#999;
    font-size:10px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase
}
.my-account-sidebar__section-title:hover{
    text-decoration:none
}
.my-account-sidebar__section-links{
    margin-top:3px
}
.my-account-sidebar__section-link{
    color:#444
}
.my-account-sidebar__section-link--is-active{
    font-weight:700
}
.my-account-sidebar__notification-count{
    background-color:#f75000;
    border-radius:100%;
    color:#fff;
    display:inline-block;
    font-size:12px;
    font-weight:400;
    height:19px;
    line-height:19px;
    text-align:center;
    width:19px
}
.my-account-sidebar__usermiscs{
    font-size:12px;
    margin-bottom:10px
}
.my-account-sidebar__usermisc{
    display:inline-block;
    position:relative;
    vertical-align:middle;
    z-index:5
}
.my-account-sidebar__usermisc--pro{
    background-color:#e94e1f;
    color:#fff;
    font-weight:700;
    left:-.6em;
    line-height:1.1em;
    padding-bottom:.417em;
    padding-left:1.25em;
    padding-right:.45em;
    padding-top:.417em;
    position:relative;
    text-transform:uppercase;
    z-index:2
}
.my-account-sidebar__usermisc--pro::after,.my-account-sidebar__usermisc--pro::before{
    border-style:solid;
    content:'';
    display:block;
    height:0;
    left:100%;
    position:absolute;
    width:0
}
.my-account-sidebar__usermisc--pro::before{
    border-color:#e94e1f transparent transparent transparent;
    border-width:1em 1em 0 0;
    top:0
}
.my-account-sidebar__usermisc--pro::after{
    border-color:transparent transparent transparent #e94e1f;
    border-width:1em 0 0 1em;
    bottom:0
}
.my-account-sidebar__usermisc--pro-small{
    padding-bottom:.25em;
    padding-left:1em;
    padding-right:.2em;
    padding-top:.25em
}
.my-account-sidebar__logo{
    background-color:#104672;
    background-position:center center;
    background-repeat:no-repeat;
    border:5px solid #fff;
    border-radius:100%;
    color:#fff;
    cursor:pointer;
    display:block;
    font-size:12px;
    font-weight:600;
    height:56px;
    line-height:46px;
    position:relative;
    text-align:center;
    text-transform:lowercase;
    width:56px
}
.my-account-sidebar__logo--is-filled{
    background-color:#fff;
    background-size:cover;
    border:1px solid #999;
    color:transparent
}
.new-uploader-container{
    background:#fff;
    border-radius:3px;
    box-shadow:0 0 15px 2px rgba(0,0,0,.25);
    height:90vh;
    left:5vw;
    position:fixed;
    top:5vh;
    width:90vw;
    z-index:999999999
}
.new-uploader-container__closer{
    cursor:pointer;
    height:18px;
    position:absolute;
    right:-22px;
    top:-17px;
    width:18px;
    z-index:8040
}
.new-uploader-container__closer::before{
    color:#fff;
    content:'\e916';
    font-family:printocean-icons;
    font-size:14px;
    vertical-align:middle
}
.new-uploader-container__usps{
    background:#fff;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    bottom:-30px;
    box-shadow:inset 0 2px 5px 0 rgba(0,0,0,.47);
    height:30px;
    left:10px;
    padding:5px;
    position:absolute;
    right:10px
}
.new-uploader-container__usp{
    color:#666;
    font-size:11px;
    font-weight:600;
    text-align:center
}
.lite-editor-preview{
    border:1px solid #d9d9d9;
    border-radius:5px;
    margin:30px;
    padding:30px 0;
    text-align:center
}
.lite-editor-preview--disabled{
    opacity:.25
}
.lite-editor-preview--on-cat-sku{
    border:0;
    margin-top:0;
    padding-top:0
}
.lite-editor-preview--on-cat-sku .lite-editor-preview__image{
    max-width:100%
}
.lite-editor-preview__image{
    display:inline-block;
    margin:0 auto;
    max-width:49%
}
.lite-editor-preview__reupload{
    margin-top:15px
}
@media (max-width:767px){
    .my-account-addresses--hide-mobile{
        display:none
    }
}
.my-account-addresses__section{
    min-height:191px
}
@media (max-width:991px){
    .my-account-addresses__section{
        margin-bottom:15px
    }
}
.my-account-addresses__address{
    color:#666;
    line-height:20px;
    margin-bottom:10px;
    margin-top:15px;
    min-height:80px
}
@media (max-width:767px){
    .my-account-addresses__address{
        border-top:1px solid #ebebeb;
        margin-top:10px;
        min-height:auto;
        padding-top:10px
    }
}
.my-account-addresses__primary-actions{
    white-space:nowrap
}
.my-account-addresses__primary-actions--absolute-positioned{
    display:block;
    position:absolute;
    right:40px;
    top:57px
}
.my-account-addresses__secondary-actions--divided{
    margin-top:15px
}
.my-account-addresses__secondary-actions--divided::before{
    background:#ebebeb;
    content:'';
    height:1px;
    left:0;
    position:absolute;
    right:0;
    width:100%
}
@media (max-width:767px){
    .my-account-addresses__secondary-actions--divided::before{
        left:10px;
        width:calc(100% - 20px)
    }
}
.my-account-addresses__action{
    color:#4990e2;
    display:inline-block;
    font-size:12px;
    font-weight:600;
    line-height:1.3em
}
.my-account-addresses__action--bigger{
    font-size:13px
}
.my-account-addresses__error-message{
    color:red!important;
    font-size:.9em;
    line-height:1.3em
}
.my-account-addresslist{
    border-collapse:separate;
    border-spacing:0 10px;
    border-top:1px solid #ebebeb;
    width:100%
}
@media (max-width:767px){
    .my-account-addresslist{
        border-spacing:0;
        border-top:none;
        margin-left:10px;
        margin-right:10px;
        margin-top:-15px;
        position:relative;
        width:calc(100% - 20px)
    }
}
@media (max-width:767px){
    .my-account-addresslist__table-head-container{
        display:none
    }
}
.my-account-addresslist__table-head{
    color:#aaa;
    font-size:10px;
    font-weight:600;
    line-height:14px;
    padding-left:5px;
    padding-right:5px;
    text-align:left;
    text-transform:uppercase
}
@media (max-width:767px){
    .my-account-addresslist__table-head{
        display:none
    }
}
.my-account-addresslist__table-head:first-child{
    padding-left:15px
}
.my-account-addresslist__table-body{
    background:#fff;
    position:relative
}
@media (max-width:767px){
    .my-account-addresslist__table-body{
        border:1px solid #ebebeb;
        border-radius:10px;
        box-shadow:0 1px 0 0 rgba(0,0,0,.08);
        display:block;
        margin:10px 0
    }
}
.my-account-addresslist__table-data{
    box-shadow:0 1px 0 0 rgba(0,0,0,.08);
    color:#333;
    font-size:12px;
    padding:15px 5px
}
@media (max-width:767px){
    .my-account-addresslist__table-data{
        box-shadow:none;
        display:block;
        font-size:13px;
        padding:3px 15px
    }
}
.my-account-addresslist__table-data:first-child{
    border-bottom-left-radius:10px;
    border-top-left-radius:10px;
    padding-left:15px
}
@media (max-width:767px){
    .my-account-addresslist__table-data:first-child{
        padding-bottom:5px;
        padding-left:15px;
        padding-top:15px
    }
}
.my-account-addresslist__table-data:last-child{
    border-bottom-right-radius:10px;
    border-top-right-radius:10px;
    padding-right:15px
}
@media (max-width:767px){
    .my-account-addresslist__table-data:last-child{
        position:absolute;
        right:0;
        top:15px
    }
}
@media (max-width:767px){
    .my-account-addresslist__table-data--mobile-last{
        padding-bottom:15px
    }
}
.my-account-addresslist__table-data--alias{
    font-weight:600
}
.my-account-addresslist__table-data--actions{
    position:relative
}
.my-account-addresslist__actions{
    display:block;
    height:10px;
    margin:0 auto;
    width:auto
}
.my-account-addresslist__actions-block{
    background:#fff;
    border-radius:3px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.3);
    display:none;
    min-width:260px;
    padding:15px 10px;
    position:absolute;
    right:0;
    top:35px;
    z-index:10
}
@media (max-width:767px){
    .my-account-addresslist__actions-block{
        top:25px
    }
}
.my-account-addresslist__actions-anchor{
    color:#333;
    display:block;
    font-size:13px;
    line-height:30px
}
.my-account-addresslist__actions-anchor::before{
    color:#333;
    display:inline-block;
    font-family:printocean-icons;
    font-size:15px;
    text-align:center;
    vertical-align:middle;
    width:32px
}
.my-account-addresslist__actions-anchor--default-shipping::before{
    content:'\e664';
    font-size:30px
}
.my-account-addresslist__actions-anchor--default-billing::before{
    content:'\e920'
}
.my-account-addresslist__actions-anchor--edit::before{
    content:'\e94d'
}
.my-account-addresslist__actions-anchor--delete::before{
    content:'\e624'
}
.my-account-addresslist__dots{
    background:#333;
    display:block;
    height:3px;
    margin:0 auto;
    position:relative;
    width:3px
}
.my-account-addresslist__dots::after,.my-account-addresslist__dots::before{
    background:#333;
    content:'';
    display:block;
    height:3px;
    margin-bottom:2px;
    position:relative;
    top:5px;
    width:3px
}
.new-address__popup{
    padding-bottom:12px;
    padding-top:12px
}
@media (max-width:767px){
    .new-address__popup-desktop{
        display:none
    }
}
.new-address__popup-mobile{
    display:none;
    height:15px
}
@media (max-width:767px){
    .new-address__popup-mobile{
        display:block
    }
}
.new-address__popup-mobile:before{
    content:'+';
    font-size:24px;
    margin-right:8px;
    vertical-align:middle
}
.new-address__popup-mobile--spaceless:before{
    margin-right:0
}
.order-conf-item{
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:3px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    display:flex;
    margin-bottom:20px
}
@media screen and (max-width:640px){
    .order-conf-item{
        flex-wrap:wrap
    }
}
.order-conf-item__details,.order-conf-item__secondary{
    width:50%
}
@media screen and (max-width:640px){
    .order-conf-item__details,.order-conf-item__secondary{
        width:100%
    }
}
.order-conf-item__details{
    border-right:1px solid #ddd
}
@media screen and (max-width:767px){
    .order-conf-item__details{
        border-right:0
    }
}
.order-conf-item__detail{
    border-bottom:1px solid #ddd;
    display:flex;
    flex-wrap:wrap;
    padding-bottom:10px;
    padding-left:30px;
    padding-right:30px;
    padding-top:25px
}
@media screen and (max-width:767px){
    .order-conf-item__detail{
        padding-bottom:10px;
        padding-left:15px;
        padding-right:15px;
        padding-top:10px
    }
}
.order-conf-item__detail:last-child{
    border-bottom:0
}
@media screen and (max-width:767px){
    .order-conf-item__detail--product{
        flex-direction:column;
        padding-top:15px
    }
}
.order-conf-item__detail--times{
    padding:0
}
.order-conf-item__detail--addresses{
    align-content:flex-start;
    display:flex
}
.order-conf-item__title{
    color:#444;
    font-size:18px;
    font-weight:700;
    line-height:1.22222em
}
.order-conf-item__ordernumber{
    color:#444;
    font-size:13px;
    margin-left:auto
}
@media (max-width:767px){
    .order-conf-item__ordernumber{
        margin-left:0;
        margin-top:5px
    }
}
.order-conf-item__productdetails{
    flex-basis:100%;
    margin-top:5px
}
.order-conf-item__productdetailslink{
    color:#4a90e2;
    font-size:13px
}
.order-conf-item__productdetailslink::after{
    border-color:currentColor transparent transparent transparent;
    border-style:solid;
    border-width:5px 4px 0 4px;
    content:'';
    display:inline-block;
    height:0;
    margin-left:3px;
    transform:scaleY(1);
    transition:transform 250ms ease-out;
    vertical-align:middle;
    width:0
}
.order-conf-item__productdetailsbody{
    margin-bottom:10px;
    margin-top:10px;
    max-height:0;
    overflow:hidden;
    transition:max-height .5s ease-in
}
.order-conf-item__productdetails--is-open .order-conf-item__productdetailslink::after{
    transform:scaleY(-1)
}
.order-conf-item__productdetails--is-open .order-conf-item__productdetailsbody{
    max-height:300px
}
.order-conf-item__select-artwork{
    display:flex
}
.order-conf-item__productdetail--definition{
    font-weight:600
}
.order-conf-item__productdetail-line{
    font-size:12px;
    line-height:1.6em
}
.order-conf-item__time{
    padding-bottom:14px;
    padding-left:30px;
    padding-right:18px;
    padding-top:14px;
    position:relative;
    width:50%
}
@media screen and (max-width:767px){
    .order-conf-item__time{
        padding-bottom:10px;
        padding-left:15px;
        padding-right:15px;
        padding-top:10px
    }
}
.order-conf-item__time--with-arrow{
    background:linear-gradient(90deg,#fff 0,#f4f4f4 100%);
    box-shadow:inset -1px 0 0 0 rgba(0,0,0,.1)
}
.order-conf-item__timearrow{
    display:block;
    height:100%;
    overflow:hidden;
    position:absolute;
    right:0;
    top:0;
    width:30px
}
.order-conf-item__timearrow:after,.order-conf-item__timearrow:before{
    background-color:#fff;
    border-left:1px solid #ddd;
    content:'';
    display:block;
    height:70%;
    left:100%;
    position:absolute;
    width:25px
}
.order-conf-item__timearrow:before{
    bottom:48%;
    transform:rotate(-13deg);
    transform-origin:0 100%
}
.order-conf-item__timearrow:after{
    top:48%;
    transform:rotate(13deg);
    transform-origin:100% 0
}
.order-conf-item__timetitle{
    color:#999;
    display:block;
    font-size:11px;
    font-weight:700
}
@media screen and (max-width:767px){
    .order-conf-item__timetitle{
        line-height:1.2em;
        margin-bottom:0
    }
}
.order-conf-item__timetitle--big{
    color:#444;
    font-size:16px;
    font-weight:700;
    line-height:1.22222em;
    text-transform:initial
}
.order-conf-item__timevalue{
    color:#444;
    font-size:16px;
    font-weight:700;
    line-height:1.22222em
}
.order-conf-item__timevalue--small{
    color:#4a90e2;
    font-size:13px;
    font-weight:600
}
@media (max-width:767px){
    .order-conf-item__timevalue{
        font-size:13px
    }
}
.order-conf-item__time .action-tooltip{
    font-size:13px;
    font-weight:600;
    left:-17px;
    line-height:1.4em;
    text-transform:initial
}
.order-conf-item__address{
    color:#444;
    font-size:13px;
    line-height:2.93846ex;
    margin-bottom:15px;
    margin-right:30px;
    min-width:180px
}
.order-conf-item__addresstitle{
    color:#333;
    font-weight:600;
    margin-bottom:7px
}
@media screen and (max-width:767px){
    .order-conf-item__address{
        min-width:initial;
        width:50%;
        margin:0;
        padding-right:4px
    }
}
.order-conf-item__actions{
    padding-bottom:20px;
    padding-left:21px;
    padding-right:21px;
    padding-top:10px
}
.order-conf-item__previews{
    align-items:flex-start;
    display:flex;
    justify-content:space-around
}
.order-conf-item__preview{
    height:auto;
    max-width:200px
}
.order-conf-item__secondary--align-bottom{
    align-items:flex-end;
    display:flex;
    justify-content:center
}
.order-conf-item__tweak-previews .overlayed-product__overlay{
    border-bottom:0
}
.latest-order-container{
    margin-bottom:0
}
.latest-order{
    border-radius:2px;
    color:#333;
    margin:0 -10px;
    padding:10px 10px 0
}
@media (min-width:768px){
    .latest-order{
        border:1px solid #ddd;
        margin:0;
        padding:20px
    }
}
.latest-order:last-child{
    padding-bottom:10px
}
@media (max-width:767px){
    .latest-order__xs-inquery-opions-container{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        padding:10px;
        width:100%
    }
}
.latest-order__product{
    display:flex;
    justify-content:space-between
}
@media (max-width:767px){
    .latest-order__product{
        flex-wrap:wrap;
        margin-bottom:10px
    }
}
.latest-order__product-image{
    max-width:30%;
    padding-right:10px
}
@media (min-width:768px){
    .latest-order__product-image{
        flex:1 0 24%;
        max-width:280px;
        padding-right:20px
    }
}
.latest-order__product-details{
    flex:2 0 52%
}
.latest-order__product-details--on-mobile-detail{
    align-items:flex-start;
    display:flex;
    flex:auto;
    flex-wrap:wrap;
    justify-content:space-between
}
.latest-order__product-status{
    flex:1 0 auto
}
@media (min-width:768px){
    .latest-order__product-status{
        align-self:center;
        flex:1 0 24%;
        padding-right:10px;
        text-align:right
    }
}
.latest-order__product-detail-button{
    margin-left:auto
}
.latest-order__image{
    text-align:center
}
.latest-order__image-display{
    max-width:100%
}
.latest-order__title{
    color:#333;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:700;
    line-height:1.6;
    margin-bottom:.5em
}
@media (max-width:767px){
    .latest-order__title{
        font-size:13px;
        padding-left:10px;
        padding-top:10px;
        width:100%
    }
}
.latest-order__title--on-order-detail{
    padding-bottom:5px
}
@media (min-width:768px){
    .latest-order__title--on-order-detail{
        display:none
    }
}
.latest-order__title--on-order-popup{
    color:#000;
    font-size:18px;
    padding-left:0;
    padding-top:0
}
@media (max-width:767px){
    .latest-order__actions{
        display:block;
        text-align:right
    }
}
.latest-order__table{
    margin-bottom:25px;
    width:100%
}
@media (max-width:767px){
    .latest-order__table{
        margin-bottom:0
    }
    .latest-order__table tbody{
        display:flex;
        flex-direction:column
    }
}
.latest-order__table td{
    padding:5px 0
}
@media (max-width:767px){
    .latest-order__attributes,.latest-order__status{
        align-items:flex-start;
        display:flex;
        flex-wrap:wrap;
        order:10
    }
}
@media (max-width:767px){
    .latest-order__attributes--expected-date,.latest-order__status{
        border-bottom:1px solid #ddd;
        margin-bottom:7px;
        padding-bottom:8px
    }
}
.latest-order__status{
    font-size:15px;
    padding-left:0
}
@media (max-width:767px){
    .latest-order__status{
        align-items:center;
        order:1
    }
}
.latest-order__status td{
    padding-bottom:5px
}
.latest-order__key{
    width:40%
}
@media (max-width:767px){
    .latest-order__key{
        font-weight:700;
        line-height:1em;
        padding-bottom:2px
    }
}
@media (max-width:767px){
    .latest-order__key--status{
        color:#444;
        font-size:14px;
        font-weight:400
    }
}
@media (max-width:767px){
    body .latest-order__key--expected-date,body .latest-order__key--upload-before{
        font-size:14px;
        padding-bottom:0;
        padding-top:5px
    }
}
@media (max-width:767px){
    .latest-order__value{
        width:58%
    }
}
.latest-order__value--status{
    text-align:right
}
@media (max-width:767px){
    body .latest-order__value--expected-date,body .latest-order__value--upload-before{
        font-size:13px;
        padding-bottom:5px;
        padding-top:0
    }
}
@media (max-width:767px){
    .latest-order__key,.latest-order__value{
        color:#666;
        display:inline-block
    }
}
@media (max-width:767px){
    .latest-order__key--expected-date,.latest-order__key--upload-before,.latest-order__value--expected-date,.latest-order__value--upload-before{
        color:#444;
        width:100%
    }
}
.latest-order__attributes--is-hidden{
    display:none
}
@media (max-width:767px){
    .latest-order__attributes--expected-date{
        order:6
    }
}
@media (max-width:767px){
    .latest-order__attributes--upload-before{
        order:4
    }
}
@media (max-width:767px){
    .latest-order__detail-actions{
        display:flex;
        flex-wrap:wrap;
        padding-top:10px
    }
}
.latest-order .i-information::before{
    font-size:16px;
    height:11px;
    position:relative;
    top:-1px;
    vertical-align:top
}
.latest-order__show-more--arrow::after{
    border-color:#0393c7 transparent transparent transparent;
    border-style:solid;
    border-width:5px 3px 0 3px;
    content:'';
    display:inline-block;
    height:0;
    margin-left:6px;
    vertical-align:middle;
    width:0
}
.latest-order__show-more--arrow--reverse::after{
    border-color:transparent transparent #0393c7 transparent;
    border-width:0 3px 5px 3px
}
.latest-order__action td{
    padding-bottom:10px
}
.latest-order__button{
    margin-right:5px
}
@media (min-width:768px) and (max-width:991px){
    .latest-order__button{
        margin-bottom:10px
    }
}
@media (max-width:767px){
    .latest-order__button{
        align-items:center;
        display:flex;
        flex:1;
        font-size:13px;
        justify-content:center;
        margin-bottom:0
    }
}
.latest-order__button.cancel-order-detail{
    cursor:pointer
}
.latest-order__address-title{
    color:#333;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    height:20px;
    margin-bottom:.5em
}
.latest-order__change-delivery-link{
    font-size:12px;
    font-weight:600;
    margin-left:10px
}
.latest-order__addresses{
    color:#333;
    display:none;
    margin-bottom:20px
}
@media (min-width:768px){
    .latest-order__addresses{
        display:block
    }
}
.latest-order__address li{
    display:block;
    line-height:1.5em
}
.latest-order__content-divider{
    margin-bottom:10px;
    margin-top:10px
}
.latest-order__quote-toggle{
    margin-right:1em
}
.latest-order__footer-summary{
    align-items:center;
    display:flex;
    justify-content:space-between;
    line-height:1.3em
}
@media (min-width:768px){
    .latest-order__messages{
        margin:0 -30px 15px
    }
}
.latest-order__toggle-address-details-button{
    display:inline-block;
    font-weight:600;
    margin-bottom:10px;
    margin-top:5px;
    text-decoration:none
}
.latest-order__toggle-address-details-button::after{
    border-color:currentColor transparent transparent transparent;
    border-style:solid;
    border-width:6px 3px 0 3px;
    content:'';
    display:inline-block;
    height:0;
    margin-left:8px;
    vertical-align:middle;
    width:0
}
.latest-order__toggle-address-details-button--opened::after{
    transform:scaleY(-1)
}
@media (max-width:767px){
    .latest-order__toggle-address-details-content{
        display:none;
        margin-bottom:10px;
        padding-top:10px
    }
}
.latest-order__product-popup{
    padding:10px
}
.order__header{
    color:#aaa;
    display:flex;
    flex:1 0 100%;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    justify-content:space-between
}
@media (max-width:767px){
    .order__header{
        align-items:center
    }
}
@media (max-width:767px){
    .order__header--left,.order__header--right{
        flex-basis:30px
    }
}
.order__header--bottom{
    display:none
}
@media (max-width:767px){
    .order__header--bottom{
        display:flex;
        padding-top:10px
    }
    .order__header--bottom::before{
        background:#ebebeb;
        content:'';
        height:1px;
        left:0;
        position:absolute;
        right:0;
        width:100%
    }
}
.order__header--middle{
    display:flex;
    flex-basis:100%
}
.order__header--middle-invoice{
    align-items:center;
    display:flex;
    flex-basis:auto
}
.order__header .header-group{
    padding:0 9px
}
@media (min-width:992px){
    .order__header .header-group{
        padding:0 30px
    }
}
@media (min-width:1200px){
    .order__header .header-group:nth-child(3){
        min-width:250px
    }
}
.order__header .header-group--spacing-tiny{
    padding-left:0;
    padding-right:15px
}
@media (min-width:768px){
    .order__header .header-group--spacing-tiny{
        padding-left:0;
        padding-right:45px
    }
}
.order__header .header-group--spacing-tiny:first-of-type{
    min-width:140px;
    padding-right:0
}
@media (min-width:768px){
    .order__header .header-group--spacing-tiny:nth-child(3){
        min-width:250px
    }
}
.order__header .header-key,.order__header .header-value{
    flex-direction:column
}
.order__header .header-key{
    font-size:10px;
    margin-bottom:10px;
    text-transform:uppercase
}
.order__header .header-value{
    font-size:11px
}
@media (min-width:768px){
    .order__header .header-value{
        font-size:13px
    }
}
@media (max-width:767px){
    .order__header .header-value--bigger-mobile{
        font-size:13px
    }
}
.order__header .header-value--orderid{
    font-size:14px
}
.order__header .bttn--orderheader{
    color:#444;
    font-size:18px
}
.orderlines__header{
    color:#aaa;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:10px;
    font-weight:600;
    line-height:14px
}
.orderlines__header .orderline__field{
    cursor:initial;
    flex:2 0 25px;
    text-decoration:none
}
.orderlines__header .orderline__field--orderid{
    flex:1 0 50px;
    max-width:100px
}
.orderlines__line{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap
}
.orderline{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    margin:0 20px;
    padding:10px
}
.orderline--as-anchor{
    color:#222
}
.orderline--as-anchor:hover{
    text-decoration:none
}
.orderline:nth-of-type(even){
    background-color:#f8f8f8
}
.orderline__image{
    display:flex;
    flex-direction:column
}
.orderline__data{
    display:flex;
    flex-basis:1000px;
    flex-direction:row
}
@media (max-width:767px){
    .orderline__data{
        flex-direction:column
    }
}
.orderline__field{
    display:flex;
    flex:2 0 50px;
    flex-direction:column;
    padding:0 5px
}
@media (min-width:768px){
    .orderline__field{
        justify-content:center
    }
}
@media (max-width:767px){
    .orderline__field{
        flex:1 0 25px;
        flex-direction:row
    }
}
.orderline__field--thumbnail{
    width:50px
}
.orderline__field--orderid{
    flex:1 0 50px
}
.orderline__field--productname{
    font-weight:700;
    position:relative
}
@media (max-width:767px){
    .orderline__field--productname{
        line-height:25px;
        vertical-align:middle
    }
}
@media (min-width:768px){
    .orderline__field--productname{
        cursor:default;
        text-decoration:underline
    }
    .orderline__field--productname:hover .orderline__tooltip{
        display:block
    }
}
.orderline__field--address{
    cursor:default;
    position:relative;
    text-decoration:underline
}
.orderline__field--address:hover .orderline__tooltip{
    display:block
}
.orderline__statuscutoff{
    display:none;
    font-weight:700
}
@media (max-width:767px){
    .orderline__statuscutoff{
        display:inline-block
    }
}
.orderline__tooltip{
    background-color:#333;
    border-radius:3px;
    bottom:calc(70% + 5px);
    box-shadow:0 5px 10px 0 rgba(0,0,0,.2);
    color:#fff;
    display:none;
    font-size:11px;
    font-weight:600;
    left:50%;
    line-height:1.818em;
    min-width:220px;
    padding:10px;
    position:absolute;
    text-decoration:none;
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    white-space:nowrap;
    z-index:99
}
.orderline__tooltip tr>td:first-of-type{
    padding-right:10px
}
.allignment-test{
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    width:100%
}
@media (max-width:767px){
    .hidden-xs-on-order-detail{
        display:none
    }
}
@media (max-width:767px){
    .orderlist{
        margin:0 5px
    }
}
@media (max-width:767px){
    .orderlist .panel{
        margin-bottom:0;
        padding-bottom:0
    }
}
@media (max-width:767px){
    .orderlist__top-content{
        margin-left:10px;
        margin-right:10px
    }
}
.orderlist__flex-block{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.orderlist__intro{
    color:#444;
    font-size:15px;
    font-weight:600;
    margin-bottom:20px
}
@media (max-width:767px){
    .orderlist__intro{
        border-bottom:1px solid #e6e6e6;
        color:#1a1a1a;
        font-weight:700;
        margin-bottom:0;
        padding:9px;
        width:100%
    }
}
.orderlist__meta{
    align-items:baseline;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
@media (max-width:767px){
    .orderlist__meta{
        justify-content:center
    }
}
.orderlist__search-box{
    background-color:#fff;
    border-bottom:1px solid #e6e6e6;
    display:flex;
    margin-left:1px
}
@media (max-width:767px){
    .orderlist__search-box{
        margin-left:10px;
        margin-right:10px
    }
}
@media (min-width:768px){
    .orderlist__search-box{
        border:1px solid #ddd;
        box-shadow:0 1px 2px 0 rgba(0,0,0,.1)
    }
}
@media (max-width:767px){
    .orderlist__search-container{
        margin-right:10px
    }
}
.orderlist__search-form{
    border-radius:3px;
    display:flex;
    flex:0 0 100%
}
.orderlist__search-form--inline{
    flex:1
}
.orderlist__orders-sort{
    font-weight:600;
    margin:15px 0
}
@media (max-width:767px){
    .orderlist__orders-sort{
        margin:8px 10px
    }
}
.orderlist__sort{
    color:#4a90e2;
    font-size:11px;
    margin-right:5px;
    padding:5px 10px;
    text-transform:uppercase
}
.orderlist__sort:hover{
    background:#0393c7;
    border-radius:3px;
    color:#fff;
    text-decoration:none
}
.orderlist__sort--active{
    background:#0393c7;
    border-radius:3px;
    color:#fff
}
.orderlist__orders-count{
    color:#333;
    margin:15px 0
}
@media (max-width:767px){
    .orderlist__orders-count{
        margin-left:10px;
        margin-right:10px
    }
}
.orderlist__search-dropdown{
    background-color:transparent;
    border:none;
    color:#666;
    flex:1 1 auto;
    font-size:13px;
    padding-left:23px
}
.orderlist__search-input{
    border:none;
    border-radius:3px;
    color:#666;
    flex:1 1 auto;
    font-size:13px;
    height:39px;
    padding-left:15px
}
.orderlist__search-input::placeholder{
    color:#a0a0a0!important
}
.orderlist__search-submit{
    background-color:#fff;
    background-image:url(../img/search-icon.png);
    background-position:center;
    background-repeat:no-repeat;
    border:0;
    border-radius:3px;
    flex:0 0 50px;
    margin-left:auto
}
.orderlist__pagination{
    color:#4a90e2;
    margin:0 auto
}
@media (max-width:767px){
    .orderlist__pagination{
        margin-left:initial;
        margin-top:10px
    }
}
.orderlist__intro-bullet{
    background-color:#f75000;
    border-radius:100%;
    color:#fff;
    display:inline-block;
    font-size:13px;
    font-weight:700;
    line-height:21px;
    margin-left:10px;
    min-height:21px;
    min-width:21px;
    text-align:center;
    text-indent:-1px;
    vertical-align:middle
}
@media (max-width:767px){
    .orderlist__item{
        border:none;
        box-shadow:none;
        padding:0
    }
}
.order__list-header{
    color:#333;
    display:flex;
    font-size:13px;
    font-weight:700;
    line-height:1.7em
}
.order__header-item{
    color:#333;
    font-size:13px;
    font-weight:700
}
.order__summary{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.order__togglebox{
    align-items:center;
    background-color:#fff;
    border:1px solid #e4e8eb;
    border-radius:2px;
    display:flex;
    flex:0 0 30px;
    height:30px;
    justify-content:center;
    transition-duration:.2s;
    transition-property:background-color;
    width:30px
}
.order__togglebox::before{
    border-color:transparent transparent #ccc transparent;
    border-style:solid;
    border-width:0 4px 5px 4px;
    content:'';
    display:block;
    height:0;
    transform:scale(1,-1);
    transition:transform 150ms;
    width:0
}
.order__togglebox:hover{
    background-color:#f9f8f8;
    cursor:pointer
}
.order__togglebox--is-open::before{
    transform:scale(1,1)
}
.order__detail{
    color:#666;
    flex:1 0 100px;
    line-height:1.3em
}
@media (max-width:767px){
    .order__detail{
        flex:auto;
        width:35%
    }
}
@media (max-width:767px){
    .order__detail--narrow{
        width:25%
    }
}
@media (max-width:767px){
    .order__detail--with-reference{
        width:100%
    }
}
@media (max-width:767px){
    .order__detail--wide{
        width:40%
    }
}
.order__detail-status--checked::before{
    color:#73c850;
    content:'\e91d';
    font-family:printocean-icons;
    font-size:16px;
    font-weight:400;
    margin-right:3px;
    vertical-align:middle
}
.order__detail-note{
    color:#959595;
    display:block;
    font-size:11px;
    width:200px
}
.order__reference-number{
    display:inline-block;
    height:15px;
    position:relative;
    top:-3px;
    vertical-align:top
}
.order__reference-number::before{
    color:#407eaf;
    content:'\e60e';
    display:inline-block;
    font-family:printocean-icons;
    font-size:22px;
    font-weight:400
}
.order__reference-number--orderlist{
    position:absolute;
    right:-25px;
    top:0;
    width:20px
}
@media (max-width:767px){
    .order__reference-number--orderlist{
        position:relative;
        right:auto;
        top:0
    }
}
.order__reference-number-tooltip{
    height:20px;
    left:-25px;
    width:20px
}
.order__reference-number-tooltip--orderlist{
    left:auto;
    position:absolute!important;
    right:0;
    top:0
}
.order__number{
    color:#444;
    display:block;
    position:relative
}
.order__description{
    display:block;
    margin-top:3px
}
@media (max-width:767px){
    .order__description{
        margin-top:0
    }
}
.order__date{
    max-width:100px
}
.order__status{
    font-size:20px
}
.order__price{
    color:#333;
    flex:1 0 30px;
    font-weight:600
}
.order__actions{
    flex:1.4 0 220px;
    flex-wrap:wrap;
    text-align:right
}
@media (max-width:767px){
    .order__actions{
        flex:auto
    }
}
.order__fulldetails{
    border-top:1px solid #ddd;
    display:none;
    margin-left:-30px;
    margin-right:-30px;
    margin-top:20px;
    min-height:80px;
    position:relative
}
@media (max-width:767px){
    .order__fulldetails{
        border-top:0;
        margin:10px 0 0 0
    }
}
.order__fulldetails--is-filled{
    min-height:initial
}
.order__fulldetails::after{
    animation:loader .8s steps(8,end) infinite;
    background-image:url(../img/loader-sprite-dark.png);
    content:'';
    display:block;
    height:32px;
    left:50%;
    opacity:0;
    position:absolute;
    top:47%;
    transition:opacity .2s;
    width:32px
}
.order__fulldetails--is-pending::after{
    opacity:1
}
.order .latest-order{
    border:0;
    padding-bottom:0;
    padding-left:0;
    padding-right:0
}
.order .latest-order__title{
    color:#444;
    font-size:13px;
    font-weight:600;
    margin-bottom:5px
}
.order .latest-order__content-divider{
    margin-right:40px
}
.order .latest-order__action{
    display:none
}
.order .latest-order__image-display{
    max-width:115px
}
@media (min-width:768px){
    .order .latest-order__messages{
        margin:0
    }
}
.order-search-summary__content{
    display:flex;
    justify-content:space-between
}
.order-search-summary__criteria{
    font-size:13px;
    font-style:italic;
    line-height:1.2em
}
.order-search-summary__clear{
    color:#4990e2;
    font-weight:600
}
.our-guarantee{
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:2px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.05);
    padding:20px;
    position:relative
}
.our-guarantee__stamp{
    height:auto;
    max-width:50px;
    position:absolute;
    right:13px;
    top:7px;
    transform:rotate(20deg)
}
.our-guarantee__title{
    color:#4a4a4a;
    font-size:15px;
    line-height:1.2em;
    margin-bottom:5px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700
}
.our-guarantee__list{
    display:block
}
.our-guarantee__list-item{
    display:block;
    margin-bottom:7px
}
.our-guarantee__list-item:first-child{
    padding-right:35px
}
.our-guarantee__list-item::before{
    background-color:#73c850;
    border-radius:100%;
    color:#fff;
    content:'\e653';
    display:inline-block;
    font-family:printocean-icons;
    font-size:15px;
    font-weight:400;
    height:22px;
    margin-right:10px;
    padding-top:4px;
    text-align:center;
    vertical-align:middle;
    width:22px
}
.our-guarantee__list-item--smaller{
    font-size:12px
}
.our-guarantee__list-item--smaller::before{
    font-size:10px;
    height:16px;
    padding-top:3px;
    width:16px
}
.our-guarantee__list-item--bolder{
    font-weight:600
}
.our-guarantee__list-item--color-gray{
    color:#666
}
.our-guarantee__logo{
    height:auto;
    margin-top:20px;
    max-width:132px
}
.our-guarantee--integrated{
    border:none;
    box-shadow:none;
    padding:0
}
.orderlist-pagination-link{
    display:inline-block;
    font-size:14px;
    height:28px;
    line-height:26px;
    margin-left:1px;
    margin-right:1px;
    text-align:center;
    width:28px
}
.orderlist-pagination-link:hover{
    text-decoration:none
}
.orderlist-pagination-link--is-active{
    background-color:#f2f5f6;
    border:1px solid #ddd;
    border-radius:2px;
    color:#222;
    cursor:default;
    font-weight:600
}
.orderlist-pagination-link--is-middle{
    cursor:default;
    width:18px
}
.orderlist-pagination-link--is-direction{
    align-items:center;
    display:inline-flex;
    width:auto
}
.orderlist-pagination-link--is-direction::after,.orderlist-pagination-link--is-direction::before{
    font-family:printocean-icons;
    font-size:12px;
    margin-top:2px;
    vertical-align:middle
}
.orderlist-pagination-link--is-prev{
    margin-right:5px
}
.orderlist-pagination-link--is-prev::before{
    content:'\e800';
    padding-right:7px
}
.orderlist-pagination-link--is-next{
    margin-left:5px
}
.orderlist-pagination-link--is-next::after{
    content:'\e801';
    padding-left:7px
}
.bill-payment .payment-group{
    display:flex!important;
    height:auto!important
}
.payment-group{
    align-items:center;
    background-color:#fff;
    border:1px solid #ddd;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    margin-bottom:10px;
    padding:0;
    position:relative;
    transition-duration:.3s;
    transition-property:all
}
.payment-group:before{
    color:#bababa;
    content:'\e600';
    display:block;
    font-family:printocean-icons;
    font-size:24px;
    left:20px;
    line-height:1;
    position:absolute;
    top:28px;
    webkit-font-smoothing:antialiased
}
.payment-group--c_vorkasse{
    display:none
}
.payment-group--is-active{
    background-color:#eaf2fa;
    border:1px solid #4a90e2
}
.payment-group--is-active::before{
    content:'\e602';
    color:#4a90e2
}
.payment-group--is-active:first-child{
    border:1px solid #4a90e2
}
.payment-group--is-active .payment-group__subitems{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
}
.payment-group--is-active .payment-group__instruction{
    display:block
}
.payment-group--is-disabled{
    background-color:#eee;
    cursor:default!important
}
.payment-group--has-alert,.payment-group--has-alert:first-child{
    background-color:#fbefeb;
    border-color:#eac1b5
}
.payment-group__title{
    color:#333;
    font-size:15px;
    font-weight:700;
    width:40%
}
.payment-group--is-disabled .payment-group__title{
    color:#b7b7b7
}
.payment-group__divider{
    display:block;
    margin:25px 0;
    position:relative;
    text-align:center;
    z-index:1
}
.payment-group__divider:before{
    border-top:1px solid #dedede;
    content:'';
    margin:0 auto;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    bottom:0;
    width:95%;
    z-index:-1
}
.payment-group__divider-text{
    color:#666;
    font-size:13px;
    background:#f7f7f7;
    padding:0 15px
}
.payment-group__description{
    color:#666;
    font-size:11px;
    line-height:1.6em;
    margin-left:auto;
    width:40%
}
@media (max-width:767px){
    .payment-group__description{
        margin:5px 0 0 5px;
        width:auto
    }
}
.payment-group__instruction{
    color:#333;
    display:none;
    font-size:13px;
    font-weight:600;
    margin-top:10px;
    width:100%
}
.payment-group__logos{
    display:none;
    height:23px;
    margin-left:auto
}
.payment-group__logo-container{
    margin-right:6px
}
@media (min-width:768px){
    .payment-group__logo-container{
        width:8%
    }
}
.payment-group__logo{
    color:transparent;
    display:block;
    margin-left:auto;
    margin-right:auto;
    max-width:40px
}
.payment-group__subitems{
    display:none;
    margin-top:10px;
    width:100%
}
.payment-group__head{
    display:flex;
    justify-content:space-between;
    padding:27px 27px 25px 50px;
    width:100%
}
@media only screen and (max-width:767px){
    .payment-group__head{
        flex-wrap:wrap
    }
}
.payment-group__more{
    width:100%
}
.payment-group__more--spaced{
    padding:0 0 20px 52px
}
.payment-subitem-styled{
    background-color:#fff;
    border:1px solid #dbdbdb;
    display:-webkit-inline-flex;
    display:inline-flex;
    margin-bottom:10px;
    margin-right:5px;
    min-height:50px;
    min-width:115px;
    transition-duration:.1s;
    transition-property:opacity
}
.payment-subitem--is-active.payment-subitem-styled{
    border:1px solid #407eaf
}
.payment-subitem__radiobutton{
    font-size:20px;
    margin-left:4px
}
.payment-subitem__logo{
    margin-right:5px;
    max-height:40px
}
.payment-subitem__label{
    align-items:center;
    cursor:pointer;
    display:flex;
    height:100%;
    justify-content:space-around;
    width:100%
}
.payment-methods--new-cc-logic .payment-group--credit_card{
    display:none
}
.payment-user--hidden-icons .bttn__icon{
    display:none
}
.pickup-point-options{
    padding:0 10px
}
@media (min-width:768px){
    .pickup-point-options{
        padding:0 20px
    }
}
.pickup-point-option{
    border-bottom:1px solid #ddd;
    padding:9px 10px 11px
}
.pickup-point-option:last-of-type{
    border-bottom:none
}
.pickup-point-option__detailed-address{
    line-height:1.61em
}
.pickup-point-option__opening-times{
    min-width:180px
}
@media (max-width:767px){
    .pickup-point-option__opening-times{
        font-size:12px
    }
}
.pickup-point-option--is-highlighted{
    background-color:#f5f5f5
}
.pickup-point-option__name{
    color:#444;
    display:block;
    font-size:13px;
    font-weight:700;
    line-height:18px
}
.pickup-point-option__subtitle{
    color:#444;
    display:block;
    font-size:11px;
    line-height:18px
}
.pickup-point-option__show-more-link{
    color:#4a90e2;
    display:block;
    font-size:11px;
    line-height:17px
}
.pickup-point-option__show-more-link:hover{
    cursor:pointer
}
.pickup-point-option__more-info{
    display:flex;
    justify-content:space-between;
    line-height:1.2em
}
.pickup-point-option__header{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.pickup-point-option__opening-day{
    padding-right:20px
}
.pickup-point-option__opening-time{
    display:flex;
    justify-content:space-between;
    padding:2px 0
}
.pickup-point-option__choose-address{
    background-color:#4a90e2;
    border:1px solid #3772b8;
    border-radius:2px;
    color:#fff;
    font-size:12px;
    font-weight:700;
    line-height:1.3em;
    padding:5px 6px;
    text-align:center
}
.pickup-point-option__choose-address:hover{
    cursor:pointer
}
.saved-designs{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.saved-designs::after{
    content:'';
    flex-basis:calc(33.3333% - 13px)
}
.saved-design{
    flex-basis:calc(33.3333% - 13px)
}
.saved-design__content{
    height:100%;
    padding-bottom:5em;
    position:relative
}
.saved-design__display{
    margin-bottom:20px
}
.saved-design__image{
    display:block;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    max-width:100%
}
.saved-design__detail{
    line-height:1.2em
}
.saved-design__actions{
    bottom:1em;
    left:0;
    padding-left:20px;
    padding-right:20px;
    position:absolute;
    right:0;
    text-align:center
}
.saved-design__action{
    display:inline-block;
    margin-top:12px;
    padding-left:4px;
    padding-right:4px;
    position:relative;
    text-align:center
}
.saved-design__action::after{
    bottom:0;
    color:#4a90e2;
    content:'|';
    position:absolute;
    right:-6px
}
.saved-design__action:last-child::after{
    display:none
}
.saved-design__action--full-width{
    display:block;
    width:auto
}
.saved-design__action--full-width::after{
    display:none
}
.select-artwork-popup{
    max-width:600px;
    width:100vw
}
.select-artwork{
    border:1px solid #e3e3e3;
    border-radius:3px;
    flex:0 0 100%;
    padding:19px;
    text-align:center
}
.select-artwork__title{
    color:#222;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:600;
    line-height:1.3em;
    margin-bottom:10px
}
.select-artwork__subtext{
    color:#222;
    font-size:13px;
    line-height:1.38em;
    margin-bottom:20px
}
.select-artwork__thumblist{
    background-color:#f7f7f7;
    max-height:560px;
    overflow-x:hidden;
    overflow-y:scroll;
    padding-left:30px;
    padding-top:10px;
    text-align:center
}
.select-artwork__link{
    background-color:#fff;
    border:1px solid #e6e6e6;
    border-radius:3px;
    cursor:pointer;
    display:inline-flex;
    height:170px;
    justify-content:center;
    margin-bottom:12px;
    margin-right:12px;
    overflow:hidden;
    padding:4px;
    position:relative;
    vertical-align:top;
    width:170px
}
.select-artwork__link::after,.select-artwork__link::before{
    backface-visibility:hidden;
    display:block;
    opacity:0;
    position:absolute;
    transition:opacity 150ms;
    z-index:1
}
.select-artwork__link::after{
    color:#fff;
    content:'\e940';
    font-family:printocean-icons;
    font-size:35px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.select-artwork__link::before{
    background-color:rgba(37,37,37,.5);
    content:'';
    height:100%;
    left:0;
    top:0;
    width:100%
}
.select-artwork__link:hover::after,.select-artwork__link:hover::before{
    opacity:1
}
.select-artwork__thumbnail{
    align-self:center;
    display:block;
    height:auto;
    max-width:100%
}
.select-artwork__pagination-container{
    border-top:1px solid #e6e6e6;
    color:#4a90e2;
    padding-bottom:12px;
    padding-top:12px;
    text-align:center
}
.select-artwork__pagination-container li{
    display:inline-block
}
.select-artwork__pagination-container li a{
    color:inherit;
    display:block;
    padding:3px 6px
}
.select-artwork__pagination-container li a:hover{
    text-decoration:none
}
.select-artwork__pagination-page--is-active{
    border:1px solid #999;
    border-radius:2px;
    color:#999
}
.select-artwork__panel--detail{
    background-color:#f7f7f7;
    padding-bottom:15px
}
.select-artwork__display{
    min-height:200px;
    padding-left:15px;
    padding-right:15px;
    position:relative
}
.select-artwork__image{
    background-color:#fff;
    box-shadow:0 5px 10px 0 rgba(0,0,0,.1);
    display:block;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    max-width:100%
}
.select-artwork__header{
    border-bottom:1px solid #e6e6e6;
    padding:20px 30px 15px
}
.select-artwork__panel-header{
    align-items:center;
    background-color:#fff;
    border-bottom:1px solid #e6e6e6;
    display:flex;
    margin-bottom:15px;
    padding-bottom:10px;
    padding-left:30px;
    padding-right:30px;
    padding-top:10px
}
.select-artwork__panel-pagenumbers{
    margin-left:auto
}
.select-artwork__footer{
    border-top:1px solid #e6e6e6;
    display:flex;
    padding:29px
}
.select-artwork__accept-button{
    margin-left:auto
}
.select-artwork__page-pagination-page{
    display:none
}
.select-artwork__page-pagination-page--is-disabled a{
    opacity:.1
}
.select-artwork__page-pagination-next,.select-artwork__page-pagination-prev{
    display:block
}
.select-artwork__page-pagination-next a,.select-artwork__page-pagination-prev a{
    align-items:center;
    background-color:rgba(37,37,37,.8);
    border-radius:3px;
    color:#fff;
    display:flex;
    height:40px;
    justify-content:center;
    position:absolute;
    top:50%;
    transition:background-color .1s;
    width:40px
}
.select-artwork__page-pagination-next a::before,.select-artwork__page-pagination-prev a::before{
    content:'\e801';
    display:block;
    font-family:printocean-icons
}
.select-artwork__page-pagination-next a:hover,.select-artwork__page-pagination-prev a:hover{
    background-color:rgba(37,37,37,.9);
    text-decoration:none
}
.select-artwork__page-pagination-prev a{
    left:10px
}
.select-artwork__page-pagination-prev a::before{
    content:'\e800'
}
.select-artwork__page-pagination-next a{
    right:10px
}
.select-artwork__artwork-details{
    line-height:1.4em
}
.select-artwork__artwork-detail--date,.select-artwork__artwork-detail--title{
    font-weight:600
}
.select-artwork__loader{
    top:50%
}
.social-logins{
    background-color:#fff;
    border:1px solid #ddd;
    padding:30px
}
.social-logins__title{
    color:#104672;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:17.5px;
    letter-spacing:-.5px;
    margin-bottom:15px
}
.status-badge{
    display:inline-block;
    font-size:13px;
    text-transform:initial
}
.status-badge::before{
    border-radius:50%;
    content:'';
    display:inline-block;
    height:13px;
    margin-right:3px;
    vertical-align:middle;
    width:13px
}
.status-badge--smaller{
    font-size:11px
}
.status-badge--in-progress::before{
    background:#eef5fc;
    color:#4a90e2
}
.status-badge--completed::before{
    background:#e2f3d2;
    color:#5ea043
}
.status-badge--warning::before{
    background-color:#ffedbb;
    border:1px solid #eee5ce;
    color:#645b40
}
.status-badge--cancelled::before,.status-badge--error::before{
    background:#ffede9;
    color:#e05432
}
.status-badge+.status-badge{
    margin-bottom:3px
}
.sticky-footer-menu{
    bottom:0;
    display:block;
    left:0;
    position:fixed;
    right:0;
    z-index:50
}
@media (min-width:768px){
    .sticky-footer-menu{
        display:none
    }
}
.sticky-footer-menu__list{
    align-items:center;
    background:#fff;
    display:flex;
    justify-content:stretch
}
.sticky-footer-menu__item{
    border-right:1px solid #ddd;
    border-top:1px solid #ddd;
    flex:1 1 0;
    text-align:center
}
.sticky-footer-menu__item:last-child{
    border-right:0
}
.sticky-footer-menu__link{
    background-color:#fff;
    color:#444;
    display:block;
    font-size:11px;
    font-weight:600;
    height:92px;
    padding-left:3px;
    padding-right:3px;
    padding-top:21px
}
.sticky-footer-menu__link:hover{
    text-decoration:none
}
.sticky-footer-menu__link--is-active{
    background-color:#f7f7f7;
    border-bottom:3px solid #f75000;
    color:#043f63;
    font-weight:700
}
.sticky-footer-menu__icon{
    display:block
}
.sticky-footer-menu__icon::before{
    background-size:contain;
    content:'';
    display:inline-block;
    height:29px;
    margin-bottom:7px;
    position:relative;
    vertical-align:middle;
    width:30px;
    z-index:3
}
.sticky-footer-menu__icon--type-dashboard::before{
    background-image:url(../img/icons/my-account/my-account-dashboard.png)
}
.sticky-footer-menu__icon--type-order-overview::before{
    background-image:url(../img/icons/my-account/my-account-order-overview.png)
}
.sticky-footer-menu__icon--type-invoices::before{
    background-image:url(../img/icons/my-account/my-account-invoices.png)
}
.sticky-footer-menu__icon--type-inquiry::before{
    background-image:url(../img/icons/my-account/my-account-quotes.png)
}
.sticky-footer-menu__icon--type-identity::before{
    background-image:url(../img/icons/my-account/my-account-identity.png)
}
.sticky-footer-menu__ribbon{
    display:inline-block;
    font-size:9px;
    font-style:normal;
    margin-left:-2px;
    position:relative;
    top:-4px;
    vertical-align:middle
}
.sticky-footer-menu__ribbon::after,.sticky-footer-menu__ribbon::before{
    font-size:9px
}
.upload-choices{
    display:flex;
    width:100%
}
.upload-choice{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:35px 45px 40px;
    width:50%
}
.upload-choice:nth-of-type(2n){
    border-left:1px solid #d9d9d9
}
.upload-choice__title{
    color:#333;
    font-size:18px;
    line-height:24px;
    margin-bottom:12px
}
.upload-choice__description{
    color:#666;
    font-size:12px;
    margin-bottom:17px
}
.file-approve-options,.upload-options{
    padding:20px
}
.file-approve-options label,.upload-options label{
    display:inline-block;
    padding-left:26px;
    text-indent:-13px
}
.file-approve-options label span,.upload-options label span{
    text-indent:0
}
.file-approve-options p,.upload-options p{
    color:#333;
    font-size:14px;
    font-weight:600;
    margin-bottom:8px
}
.file-approve-options--no-bottom-spacing,.upload-options--no-bottom-spacing{
    padding-bottom:0
}
.upsell-block{
    border-bottom:1px solid #d4d4d4;
    border-top:1px solid #d4d4d4;
    margin-bottom:12px;
    padding:21px 19px 21px 21px;
    position:relative
}
@media (min-width:768px){
    .upsell-block--has-image{
        padding-left:140px
    }
}
.upsell-block__price-holder{
    font-weight:700
}
.upsell-block__option{
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
@media (min-width:768px){
    .upsell-block__option{
        align-items:center;
        flex-direction:row
    }
}
.upsell-block__title{
    color:#4a4a4a;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:20px;
    margin-bottom:7px
}
.upsell-block__subtitle{
    color:#4a4a4a;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    line-height:18px;
    margin-bottom:10px
}
@media (min-width:768px){
    .upsell-block__subtitle{
        margin-bottom:0
    }
}
.upsell-block__price-stats{
    position:absolute;
    right:20px;
    top:20px
}
.upsell-block__price{
    color:#4a4a4a;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:15px;
    font-weight:600;
    line-height:20px;
    margin-right:10px
}
.upsell-block__image{
    bottom:0;
    display:none;
    left:10px;
    position:absolute
}
@media (min-width:768px){
    .upsell-block__image{
        display:block
    }
}
.upsell__price-stats{
    min-width:90px;
    text-align:right
}
.voucher-block-container{
    display:block
}
.voucher-block-container--outside-product{
    margin-top:-10px
}
.voucher-block__paragraph{
    display:flex
}
.voucher-block__label{
    display:block;
    font-size:13px;
    font-weight:600;
    padding:10px 0
}
.voucher-block__action-text{
    color:#4a90e2;
    cursor:pointer;
    margin-left:5px
}
.voucher-block__input{
    display:block;
    margin-top:10px;
    text-align:left;
    vertical-align:middle
}
.voucher-block__inputfield{
    border:1px solid #c1c1c1;
    border-radius:3px 0 0 3px;
    border-right:none;
    float:left;
    padding:5px;
    vertical-align:middle
}
@media (max-width:767px){
    .voucher-block__inputfield{
        padding:10px;
        width:calc(100% - 50px)
    }
}
.voucher-block__submit{
    border:1px solid #c1c1c1;
    border-left:none;
    border-radius:0 3px 3px 0;
    color:#4a90e2;
    float:left;
    height:30px;
    padding-left:5px;
    padding-right:6px;
    vertical-align:middle
}
@media (max-width:767px){
    .voucher-block__submit{
        height:40px;
        padding-left:10px;
        padding-right:10px
    }
}
.voucher-block__error{
    color:#f11a1a;
    margin-top:2px
}
.my-account--v2{
    margin-bottom:20px;
    padding-bottom:30px;
    padding-top:30px
}
@media (max-width:767px){
    .my-account--v2{
        margin-bottom:0;
        padding-top:20px
    }
}
@media (max-width:767px){
    .my-account--inquiry,.my-account--order-detail{
        padding-top:0
    }
}
.my-account__header{
    margin-bottom:25px
}
@media (max-width:767px){
    .my-account__header{
        margin-bottom:10px
    }
}
@media (max-width:767px){
    .my-account__header--addresses{
        margin-bottom:0
    }
}
@media (max-width:767px){
    .my-account__header--order-detail{
        display:none
    }
}
.my-account__togglebox{
    align-items:center;
    background-color:#fff;
    border:1px solid #e4e8eb;
    border-radius:2px;
    display:none;
    flex:0 0 30px;
    height:30px;
    justify-content:center;
    transition-duration:.2s;
    transition-property:background-color;
    width:30px
}
@media (max-width:767px){
    .my-account__togglebox{
        display:flex;
        position:absolute;
        right:10px
    }
}
.my-account__togglebox:before{
    border-color:transparent transparent #333 transparent;
    border-style:solid;
    border-width:0 4px 5px 4px;
    content:'';
    display:block;
    height:0;
    transform:scale(1,-1);
    transition:transform 150ms;
    width:0
}
.my-account__togglebox:hover{
    background-color:#f9f8f8;
    cursor:pointer
}
.my-account__togglebox--is-open:before{
    transform:scale(1,1)
}
@media (max-width:767px){
    .my-account__content{
        margin-left:-15px;
        margin-right:-15px
    }
}
@media (max-width:767px){
    .my-account__new-address{
        margin-left:15px;
        margin-right:15px
    }
}
@media (max-width:767px){
    .my-account__new-address--spaceless{
        margin-left:0;
        margin-right:0
    }
}
@media (max-width:767px){
    .my-account__new-address-button{
        display:block
    }
}
.my-account__title{
    color:#104672;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:24px;
    font-weight:700
}
@media (max-width:767px){
    .my-account__title--inquiry,.my-account__title--order-detail{
        display:none
    }
}
.my-account__subtitle{
    color:#104672;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:18px;
    font-weight:700;
    margin-bottom:16px
}
.my-account__subtitle--spacing-top{
    margin-top:12px
}
@media (max-width:767px){
    .my-account__subtitle--hide-mobile{
        display:none
    }
}
@media (max-width:767px){
    .my-account__subtitle--mobile-smaller{
        color:#333;
        font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size:15px;
        font-weight:700;
        margin-bottom:5px;
        text-transform:initial
    }
}
@media (max-width:767px){
    .my-account__subtitle--mobile-smaller strong{
        font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight:700
    }
}
.my-account__intro{
    margin-top:10px;
    max-width:800px
}
@media (max-width:767px){
    .my-account__mobile-intro{
        margin-top:10px
    }
}
.my-account__return-to-dashboard{
    display:inline-block;
    font-size:12px;
    font-weight:600;
    line-height:1.416em;
    margin-left:10px
}
@media (max-width:767px){
    .my-account__return-to-dashboard{
        margin-left:0;
        margin-top:10px
    }
}
.my-account__return-to-dashboard::before{
    border-color:transparent #0393c7 transparent transparent;
    border-style:solid;
    border-width:3px 5px 3px 0;
    content:'';
    display:inline-block;
    height:0;
    margin-right:6px;
    vertical-align:middle;
    width:0
}
@media (max-width:767px){
    .page--my-account{
        margin-bottom:100px
    }
}
.page--my-account #usp{
    display:none!important
}
.page--my-account section.home{
    margin-bottom:10px;
    margin-top:0
}
@media (max-width:767px){
    .page--my-account .footer-help{
        display:none
    }
}
.confirmation .text{
    padding-right:80px
}
.confirmation .text .icon:before{
    font-size:38px
}
.confirmation .text .icon{
    margin-right:15px
}
.confirmation .info{
    border:1px solid #ededed;
    padding:20px;
    border-radius:3px
}
.confirmation .info .left+.left{
    margin:10px 0 0 30px;
    line-height:25px
}
.confirmation .things{
    background:#f7f7f7;
    border-radius:3px;
    width:345px;
    padding:15px
}
.confirmation .things p{
    line-height:19px
}
.confirmation .things img{
    margin-right:15px
}
.confirmation .upsell li{
    width:172px;
    margin-left:30px;
    float:left
}
.confirmation .upsell li:first-child{
    margin-left:0
}
.confirmation .upsell li p{
    margin-top:6px;
    line-height:21px
}
.confirmation .stuff{
    padding-bottom:40px;
    border-bottom:1px solid #ededed;
    margin-bottom:20px
}
.confirmation .stuff li{
    float:left;
    width:300px;
    margin-left:30px;
    background:#f1f1f1;
    padding:15px
}
.confirmation .stuff li:first-child{
    margin-left:0
}
.confirmation .stuff li p{
    line-height:18px;
    margin:4px 0 6px 0;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif
}
.confirmation .social h3{
    font-size:16.5px
}
.confirmation .social a{
    float:left;
    width:250px;
    margin-top:15px;
    cursor:pointer;
    display:block
}
.confirmation .social p{
    line-height:17px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    color:#104672
}
.confirmation .social p span{
    display:block;
    line-height:14px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:400;
    font-size:12px;
    color:#7b7b7b
}
.confirmation .social a:before{
    float:left;
    margin-right:7px;
    height:33px;
    width:33px
}
.confirmation .social .facebook:before{
    content:"";
    background:url(../img/social.png) no-repeat 0 0
}
.confirmation .social .pinterest:before{
    content:"";
    background:url(../img/social.png) no-repeat 0 -202px
}
.confirmation .social .linkedin:before{
    content:"";
    background:url(../img/social.png) no-repeat 0 -66px
}
.confirmation .social .twitter:before{
    content:"";
    background:url(../img/social.png) no-repeat 0 -33px
}
.confirmation .social .instagram:before{
    content:"";
    background:url(../img/social.png) no-repeat 0 -235px
}
.radiobutton{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    display:block;
    font-family:printocean-icons;
    font-size:24px;
    font-style:normal;
    font-variant:normal;
    font-weight:400;
    height:18px;
    line-height:1;
    position:relative;
    speak:none;
    text-decoration:none;
    text-transform:none;
    width:18px
}
.radiobutton:before{
    color:#bababa;
    content:'\e600';
    display:block
}
.overlay-interface .proof-result-container .proof-result-other-options input[type=radio]:checked+.radiobutton:before,.radiobutton--is-checked:before,.radiobutton--is-selected:before{
    content:'\e602';
    color:#4a90e2
}
.responsive-img{
    height:auto;
    max-width:100%
}
#behind-proofer{
    background:rgba(0,0,0,.5);
    bottom:0;
    left:0;
    position:fixed;
    top:0;
    right:0;
    z-index:9999
}
.overlay-interface{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    color:#9b9b9b;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    background:#f7f7f7;
    overflow:hidden
}
.overlay-interface.only-files{
    height:95%;
    margin:0 auto;
    right:0;
    top:2.5%;
    width:90%
}
.overlay-interface.only-files aside{
    height:95%
}
.overlay-interface aside{
    background:#fff;
    color:#333;
    height:100%;
    position:fixed;
    width:300px
}
.overlay-interface aside header{
    background:#fff;
    display:table;
    height:101px;
    width:100%
}
.overlay-interface aside header h2{
    color:#333;
    display:table-cell;
    font-size:24px;
    text-align:center;
    vertical-align:middle
}
.overlay-interface aside header h2 span{
    font-size:10px;
    position:relative;
    right:0;
    top:-10px
}
.overlay-interface aside article{
    border-bottom:1px solid #ddd;
    padding:30px 40px 30px 20px
}
.overlay-interface aside article h3{
    color:#333;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:22px;
    margin:5px 0 10px
}
.overlay-interface aside article h3::before{
    color:#f0c170;
    display:inline-block;
    font-family:printocean-icons;
    font-size:22px;
    font-weight:400;
    left:20px;
    position:absolute
}
.overlay-interface aside article h3.text-readme::before{
    content:"\e919"
}
.overlay-interface aside article h3.text-specs::before{
    content:"\e91a"
}
.overlay-interface aside article h3.text-legend::before{
    content:"\e91f"
}
.overlay-interface aside article p{
    padding-bottom:15px
}
.overlay-interface aside article .spacer{
    padding-left:35px
}
.overlay-interface aside article .spacer p,.overlay-interface aside article .spacer table{
    color:#b3c9d6;
    font-size:13px;
    font-weight:600
}
.overlay-interface aside article .spacer table{
    margin-bottom:20px;
    line-height:21px;
    width:100%
}
.overlay-interface aside article .spacer table td{
    width:50%
}
.overlay-interface aside article .spacer a{
    color:#00a0f8
}
.overlay-interface aside article.help{
    background:url(../img/help-bg3860.png?v=1) no-repeat 99% 100%;
    padding-bottom:130px
}
.overlay-interface aside article.highlight{
    border-bottom:0;
    padding:20px
}
.overlay-interface aside article.highlight.sharp-bue{
    background:#00a0f8
}
.overlay-interface aside article.highlight.sharp-bue p{
    color:#fff;
    font-size:14px;
    padding-left:35px;
    font-weight:600;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif
}
.overlay-interface aside article.highlight.sharp-bue p span{
    font-weight:700
}
.overlay-interface aside article.highlight.sharp-bue p:before{
    font-family:printocean-icons;
    content:"\e91b";
    display:inline-block;
    position:absolute;
    left:20px;
    font-size:22px;
    font-weight:400
}
.overlay-interface aside article ul{
    margin:15px 0
}
.overlay-interface aside article ul li{
    color:#b3c9d6;
    padding:10px 0;
    position:relative;
    padding-left:40px;
    min-height:40px
}
.overlay-interface aside article ul li span{
    position:absolute
}
.overlay-interface aside article ul li .edges{
    height:30px;
    width:30px;
    left:0;
    border:2px dashed #ddd;
    display:inline-block;
    vertical-align:middle
}
.overlay-interface aside article ul li .bleed{
    height:30px;
    width:30px;
    left:0;
    border:5px solid #ee908f;
    display:inline-block;
    vertical-align:middle
}
.overlay-interface aside article ol{
    margin:15px 0
}
.overlay-interface aside article ol li{
    list-style:decimal;
    color:#b3c9d6;
    padding:5px 0;
    margin-left:15px
}
.overlay-interface nav{
    border-bottom:1px solid #ddd;
    background:#fff;
    position:relative;
    z-index:2;
    min-height:101px
}
.overlay-interface nav .close-file-proofer{
    color:#9b9b9b;
    position:absolute;
    right:30px;
    top:42px
}
.overlay-interface nav .close-file-proofer:after{
    content:"\e916";
    font-family:printocean-icons;
    font-weight:400;
    margin-left:10px
}
.overlay-interface nav .close-file-proofer:hover{
    text-decoration:none
}
.overlay-interface nav .close-file-proofer:hover{
    color:#666
}
.overlay-interface nav ol{
    margin:0 10%;
    text-align:left
}
.overlay-interface nav ol li{
    display:inline-block;
    list-style:decimal;
    margin-right:30px;
    padding:36px 0;
    position:relative
}
.overlay-interface nav ol li.active{
    border-bottom:3px solid #00a0f8
}
.overlay-interface nav ol li.active .number-box{
    border-color:#00a0f8;
    color:#00a0f8
}
.overlay-interface nav ol li.active a{
    color:#00a0f8
}
.overlay-interface nav ol li.completed{
    border-bottom:0
}
.overlay-interface nav ol li.completed:before{
    content:"\e91d";
    font-family:printocean-icons;
    position:absolute;
    left:0;
    border-bottom:0;
    color:#00a0f8;
    font-size:25px;
    background:#fff;
    font-weight:400
}
.overlay-interface nav ol li .number-box{
    display:inline-table;
    margin-right:10px;
    border:2px solid;
    width:25px;
    height:25px;
    border-radius:100%
}
.overlay-interface nav ol li .number-box .number{
    display:table-cell;
    vertical-align:middle;
    text-align:center
}
.overlay-interface nav ol li a{
    color:#9b9b9b
}
.overlay-interface nav ol li a:focus,.overlay-interface nav ol li a:hover{
    text-decoration:none;
    outline:0
}
.overlay-interface .proofer-content-box{
    margin-left:300px;
    text-align:center;
    height:100%;
    overflow:scroll
}
.overlay-interface .proofer-content-box .proofer-step-container{
    padding:1% 0
}
.overlay-interface .proofer-content-box .proofer-step-container .proofer-step{
    background:#f7f7f7;
    margin:0 auto;
    max-width:690px;
    width:100%
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-title{
    font-size:24px;
    color:#004b77;
    padding:20px 0;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600;
    line-height:normal
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-title span,.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-title strong{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-text{
    color:#252525;
    font-weight:500;
    line-height:22px;
    margin-bottom:20px
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-details{
    display:flex
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-specs{
    display:flex;
    flex-wrap:wrap;
    max-width:450px;
    padding-top:10px;
    text-align:left
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-specs dd,.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-specs dt{
    color:#666;
    font-size:12px;
    font-weight:400;
    line-height:1.45em;
    padding-bottom:3px;
    padding-right:10px
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-specs dt{
    flex:1 0 30%
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-specs dd{
    flex:1 0 70%
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-docs{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    line-height:1.2em;
    margin-left:auto;
    text-align:right
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-docs a{
    display:block;
    font-size:13px;
    margin-top:4px
}
.overlay-interface .proofer-content-box .proofer-step-container .chosen-product-docs a::after{
    border-color:transparent transparent transparent #4a90e2;
    border-style:solid;
    border-width:4px 0 4px 6px;
    content:'';
    display:inline-block;
    height:0;
    margin-left:5px;
    width:0
}
.overlay-interface .proofer-content-box .proofer-step-container .file-check-icon{
    margin:60px 0
}
.overlay-interface .proofer-content-box .proofer-step-container .file-check-icon.failed:before{
    content:"\e921";
    font-family:printocean-icons;
    font-weight:600;
    font-size:150px;
    color:#ddd
}
.overlay-interface .proofer-content-box .proofer-step-container .file-check-icon .busy .loader{
    margin:0 0 2em;
    height:100px;
    width:20%;
    text-align:center;
    padding:1em;
    margin:0 auto 1em;
    display:inline-block;
    vertical-align:top;
    background:red
}
.overlay-interface .proofer-content-box .proofer-step-container .file-check-icon svg path,.overlay-interface .proofer-content-box .proofer-step-container .file-check-icon svg rect{
    fill:#ddd
}
.overlay-interface .proofer-content-box .next-step-button{
    background:#00a0f8;
    border-radius:3px;
    border:1px solid #007fc5;
    box-shadow:0 1px 5px 0 rgba(0,0,0,.2);
    color:#fff;
    display:inline-block;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:20px;
    font-weight:700;
    max-width:370px;
    padding:14px 40px;
    text-transform:uppercase;
    transition:background .3s
}
.overlay-interface .proofer-content-box .next-step-button--centered{
    margin:auto
}
.overlay-interface .proofer-content-box .next-step-button:hover{
    text-decoration:none
}
.overlay-interface .proofer-content-box .next-step-button.disabled{
    background:#d4d4d4;
    border:1px solid #b0b0b0
}
.overlay-interface .proofer-content-box .next-step-button.green-active:not(.disabled){
    background-color:#73c850;
    border:1px solid #529f32;
    cursor:pointer
}
.overlay-interface .proofer-content-box .next-step-button.green-active:not(.disabled):hover{
    background:#5bb935
}
.overlay-interface .proofer-content-box .next-step-button.blue-active{
    background:#00a0f8
}
.overlay-interface .proofer-content-box .next-step-button.blue-active:hover{
    background:#0095e5
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message{
    border:0;
    border-bottom:1px solid #ddd;
    text-align:left;
    padding:25px 15px;
    font-size:15px;
    color:#4a4a4a;
    font-weight:700;
    position:relative;
    box-shadow:none
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message.succes .icon:before{
    content:"\e91d";
    font-family:printocean-icons;
    color:#73c850
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message.error .icon:before{
    content:"\e91e";
    font-family:printocean-icons;
    color:#ff886a
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message .icon:before{
    font-size:28px;
    margin-right:10px;
    vertical-align:middle
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message .icon{
    display:inline-block;
    position:relative;
    top:-2px
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message .desc{
    padding-top:5px;
    font-size:12px;
    padding-left:38px;
    color:#9b9b9b;
    font-weight:600
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message .proofing-remove-message{
    color:#333;
    margin-left:auto;
    padding-right:20px
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message .proofing-remove-message:after{
    position:absolute;
    content:"\e916";
    font-family:printocean-icons;
    color:#333;
    font-weight:400;
    top:50%;
    transform:translateY(-50%);
    right:15px;
    margin-bottom:-8px
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message .proofing-remove-message:hover:after{
    color:#666
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message a,.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message span{
    font-size:12px;
    color:#9b9b9b;
    margin-left:5px;
    font-weight:600
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .message .progress-percentage{
    position:absolute;
    right:50px;
    top:45px;
    font-size:1px;
    color:#4a4a4a
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .files{
    margin-top:10px
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .files .template-upload{
    background-color:#fff;
    border-radius:3px;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    padding:17px 25px
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .files .complete-file{
    display:flex
}
.overlay-interface .proofer-content-box .proofer-errors-warnings-and-messages .files .complete-file__status{
    color:#333;
    font-size:12px
}
.overlay-interface .proofer-content-box .dropzone{
    margin-top:30px
}
.overlay-interface .proofer-content-box .dropzone .upload_block{
    background:#fff;
    height:230px;
    border:1px dashed #9b9b9b;
    display:table;
    width:100%;
    border-radius:3px;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.overlay-interface .proofer-content-box .dropzone .upload_block:hover{
    border:1px dashed #00a0f8;
    -webkit-box-shadow:inset 0 0 30px 0 rgba(0,0,0,.15);
    -moz-box-shadow:inset 0 0 30px 0 rgba(0,0,0,.15);
    box-shadow:inset 0 0 30px 0 rgba(0,0,0,.15)
}
.overlay-interface .proofer-content-box .dropzone .upload_block .upload-text-content{
    height:100%;
    display:table-cell;
    text-align:center;
    vertical-align:middle
}
.overlay-interface .proofer-content-box .dropzone .upload_block .upload-text-content .i-upload:before{
    content:"\e91e";
    font-family:printocean-icons;
    color:#00a0f8;
    font-size:34px
}
.overlay-interface .proofer-content-box .dropzone .upload_block .upload-text-content .desc{
    color:#00a0f8;
    font-size:24px;
    line-height:1.14em;
    font-weight:100;
    margin:15px
}
.overlay-interface .proofer-content-box .dropzone .upload_block .upload-text-content .desc__text,.overlay-interface .proofer-content-box .dropzone .upload_block .upload-text-content .desc__title{
    display:block
}
.overlay-interface .proofer-content-box .dropzone .upload_block .upload-text-content .desc__text strong,.overlay-interface .proofer-content-box .dropzone .upload_block .upload-text-content .desc__title strong{
    background-color:#4a90e2;
    border-radius:2px;
    border:1px solid #3772b8;
    box-shadow:0 1px 2px 0 rgba(0,0,0,.1);
    color:#fff;
    display:inline-block;
    font-size:13px;
    font-weight:700;
    line-height:1.1em;
    margin-left:5px;
    margin-right:5px;
    padding-bottom:8px;
    padding-left:10px;
    padding-right:10px;
    padding-top:8px;
    vertical-align:middle
}
.overlay-interface .proofer-content-box .dropzone .upload_block .upload-text-content .desc__title{
    margin-bottom:4px
}
.overlay-interface .proofer-content-box .dropzone .upload_block .upload-text-content .desc a{
    color:#00a0f8;
    text-decoration:underline
}
.overlay-interface .proofer-content-box .dropzone .upload_block .upload-text-content .file-extension{
    margin:15px 0
}
.overlay-interface .progress{
    background:#ddd;
    border-radius:2px;
    margin-top:15px;
    position:relative;
    width:calc(100% - 100px);
    height:auto
}
.overlay-interface .progress .progress-bar{
    background:#63c953;
    border-radius:2px;
    height:5px;
    transition-property:width;
    transition-duration:.4s;
    transition-timing-function:cubic-bezier(.27,.955,.05,1)
}
.overlay-interface .proof-result-container .proof-result{
    margin-top:10px
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box{
    border-radius:3px;
    display:inline-block
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-result-download{
    padding-top:10px;
    text-align:right;
    float:right;
    display:inline-block
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-result-download .proof-result-download-link{
    color:#9b9b9b;
    font-size:12px
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-result-download .proof-result-download-link:after{
    content:"\e920";
    font-family:printocean-icons;
    font-weight:700;
    font-size:10px;
    margin-left:5px
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-result-download .proof-result-download-link:hover{
    text-decoration:none;
    color:#00a0f8
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-result-radios{
    float:left;
    padding-top:5px;
    display:inline-block;
    font-size:11px
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-restult-img,.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-restult-img img{
    max-height:350px;
    position:relative
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-restult-img .zoom-overlay,.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-restult-img img .zoom-overlay{
    position:absolute;
    width:100%;
    height:100%;
    opacity:0;
    left:0;
    top:0;
    transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    -o-transition:all .3s
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-restult-img .zoom-overlay:hover,.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-restult-img img .zoom-overlay:hover{
    opacity:1;
    background:rgba(0,0,0,.5);
    border-radius:3px
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-restult-img .zoom-overlay .zoom-overlay-icon,.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-restult-img img .zoom-overlay .zoom-overlay-icon{
    display:table;
    width:100%;
    height:100%
}
.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-restult-img .zoom-overlay .zoom-overlay-icon:before,.overlay-interface .proof-result-container .proof-result .proof-result-white-box .proof-restult-img img .zoom-overlay .zoom-overlay-icon:before{
    display:table-cell;
    content:"\e680";
    font-family:printocean-icons;
    vertical-align:middle;
    text-align:center;
    width:100%;
    height:100%;
    font-size:32px;
    color:#fff;
    font-weight:600
}
.overlay-interface .proof-result-container .proof-result.front-back .proof-result-white-box{
    display:inline-block;
    margin:10px;
    padding:10px;
    max-width:40%
}
.overlay-interface .proof-result-container .proof-result-viewer .viewer{
    height:60vh;
    display:block
}
.overlay-interface .proof-result-container .proof-result-check-accept{
    margin:30px 0 0 0
}
.overlay-interface .proof-result-container .proof-result-check-accept label{
    color:#9b9b9b;
    font-weight:600
}
.overlay-interface .proof-result-container .proof-result-check-accept label:hover{
    color:#4a4a4a;
    font-weight:600
}
.overlay-interface .proof-result-container .proof-result-check-accept label:before{
    color:#9b9b9b
}
.overlay-interface .proof-result-container .proof-result-check-accept input[type=checkbox]:checked+label{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:600
}
.overlay-interface .proof-result-container .proof-result-other-options{
    margin-top:25px;
    text-align:left
}
.overlay-interface .proof-result-container .proof-result-other-options__option{
    cursor:pointer;
    display:block;
    margin-bottom:7px
}
.overlay-interface .proof-result-container .proof-result-other-options__text{
    color:#777;
    font-size:15px;
    font-weight:600
}
.overlay-interface .proof-result-container .proof-result-other-options__radiobutton{
    display:inline-block;
    margin-right:13px;
    position:relative;
    top:-2px;
    vertical-align:middle
}
.overlay-interface .proof-result-container .proof-result-other-options .fileproof__tooltip{
    background-color:#4a90e2;
    height:14px;
    margin-left:3px;
    width:14px
}
.overlay-interface .proof-result-container .progress-percentage{
    bottom:22px;
    position:absolute;
    right:40px
}
.overlay-interface .step-messages{
    color:#666;
    font-size:13px;
    font-weight:400;
    line-height:1.4em;
    margin-top:10px;
    padding-bottom:10px;
    text-align:left
}
.overlay-interface .step-actions{
    align-items:center;
    display:flex;
    flex-direction:row;
    margin:20px 0
}
.overlay-interface .step-actions a{
    align-items:center
}
.overlay-interface .step-actions a:not(.next-step-button){
    color:#4a90e2;
    text-decoration:underline
}
.overlay-interface .step-actions--back::before{
    border-color:transparent #4a90e2 transparent transparent;
    border-style:solid;
    border-width:4px 6px 4px 0;
    content:'';
    display:inline-block;
    height:0;
    margin-right:5px;
    width:0
}
.overlay-interface .step-actions .next-step-button{
    margin-left:auto
}
.wls .overlay-interface aside{
    background:#e94e1f
}
.wls .overlay-interface aside a{
    color:#4a90e2
}
.wls .overlay-interface aside article{
    border-bottom:2px solid #d94315
}
.wls .overlay-interface aside header{
    background:#e94e1f
}
.chili-editor-container.full-screen{
    height:100vh;
    left:0;
    position:fixed;
    top:0;
    width:100vw;
    z-index:10000
}
.chili-editor-container.full-screen .chili-modal,.chili-editor-container.full-screen .iframe-container,.chili-editor-container.full-screen .modal-body,.chili-editor-container.full-screen iframe{
    height:100%;
    width:100%
}
.chili-editor-container.full-screen .iframe-container{
    padding-bottom:100px;
    padding-left:300px;
    padding-top:100px
}
.chili-editor-container.full-screen .buttons-container{
    background:#f7f7f7;
    height:100px;
    padding-left:300px;
    padding-top:20px;
    position:relative;
    text-align:center;
    top:-100px
}
.chili-editor-container.full-screen #editor-finished-btn{
    display:none
}
.myaccount-maincontent .fileproof-upload{
    background-position:center center;
    background-size:cover;
    border:3px solid #e7e7e7;
    margin:0 auto;
    min-height:156px;
    max-width:110px;
    padding:8px;
    background:0 0
}
.myaccount-maincontent .fileproof-upload .i-fileproof:before{
    content:"\e922";
    color:#e7e7e7;
    display:block;
    font-size:42px;
    margin:15px 0 20px 0;
    text-align:center
}
.fileproof-upload{
    background-position:center center;
    background-size:cover;
    background-color:#f7f7f7;
    border:1px solid #e7e7e7;
    margin:0 auto;
    min-height:156px;
    padding:8px;
    position:relative
}
.fileproof-upload.image-added{
    padding:0
}
.fileproof-upload.image-added .open-file-proofing{
    bottom:-50px;
    border:none;
    background:0 0;
    color:#00a0f8;
    padding:0;
    cursor:pointer;
    font-weight:400
}
.fileproof-upload.image-added .open-file-proofing:hover{
    background:0 0;
    text-decoration:underline
}
.fileproof-upload.image-added .open-file-proofing:after{
    content:" "!important
}
.fileproof-upload img{
    max-width:145px
}
.fileproof-upload .no-preview-got-file{
    display:none
}
.fileproof-upload .no-preview{
    margin-top:50px
}
.fileproof-upload.got-file .no-preview-got-file{
    display:block
}
.fileproof-upload.got-file .no-preview{
    display:none
}
.fileproof-upload .i-fileproof:before{
    content:"\e920";
    color:#b6b6b6;
    display:block;
    font-size:32px;
    margin:15px 0 10px 0;
    text-align:center
}
.fileproof-upload .i-fileproof.old:before{
    content:"\e922"
}
.fileproof-upload .time{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
    color:#b6b6b6;
    font-size:19px;
    text-align:center;
    display:block
}
.fileproof-upload .open-file-proofing{
    background:#4990e2;
    border:1px solid #014b78;
    border-radius:2px;
    color:#fff;
    display:block;
    font-size:13px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700;
    line-height:14px;
    padding:9px 5px;
    text-align:center;
    position:absolute;
    bottom:5px;
    left:0;
    right:0;
    margin:0 10px;
    transition-property:all;
    transition-delay:.2s
}
.fileproof-upload .open-file-proofing.i-triangle-right:not(.disabled):after{
    content:"\e618";
    margin-left:3px;
    vertical-align:middle
}
.fileproof-upload .open-file-proofing:hover{
    background:#326d9b;
    text-decoration:none
}
.fileproof-upload .open-file-proofing.disabled{
    border-color:#bfbfbf;
    color:#737373;
    cursor:default;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:700
}
.fileproof-upload .open-file-proofing.disabled,.fileproof-upload .open-file-proofing.disabled:hover{
    background:rgba(230,230,230,.8)
}
#loading-overlay{
    background:rgba(0,0,0,.7);
    height:100vh;
    left:0;
    position:fixed;
    top:0;
    width:100vw;
    z-index:10001
}
.step-navigation{
    cursor:pointer
}
.step-navigation.grey{
    color:#9b9b9b
}
.step-navigation.spacious{
    margin-left:10px;
    margin-right:10px
}
#editor-approve-btn,#editor-cancel-btn,#editor-finished-btn{
    background:#00a0f8;
    color:#fff;
    font-weight:700;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin:0 10px;
    padding:20px 40px
}
.upload-tablecell{
    padding-right:30px
}
.chili-editor-wrap .chili-editor-controls{
    padding-top:15px;
    width:100%
}
.chili-editor-wrap .chili-editor-controls button{
    background:#014b78;
    border:none;
    border-radius:3px;
    color:#fff;
    margin:0 10px;
    padding:5px;
    text-align:center
}
.chili-editor-wrap .chili-editor-controls button:nth-of-type(1){
    background:#35b0fd
}
.chili-editor-wrap .chili-editor-controls button:nth-of-type(2){
    display:none
}
.fileproof__tooltip{
    background:#3c7caf;
    border-radius:8px;
    color:#fff;
    display:inline-block;
    font-family:serif;
    height:16px;
    line-height:16px;
    position:relative;
    text-align:center;
    text-decoration:none;
    width:16px
}
.fileproof__tooltip:hover{
    text-decoration:none
}
.fileproof__tooltip:hover:before{
    display:block;
    content:attr(data-tooltip);
    white-space:pre-line;
    text-align:left;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    background:#fff;
    color:#9b9b9b;
    position:absolute;
    bottom:20px;
    left:8px;
    transform:translateX(-50%);
    width:300px;
    width:80vw;
    max-width:345px;
    border-radius:3px;
    padding:15px;
    box-shadow:0 1px 30px 0 rgba(0,0,0,.15);
    border:1px solid #d4d4d4
}
.overlay-interface .proof-result-container .proof-result-other-options a.fileproof__tooltip{
    color:#fff
}
.pdf-viewer.overlay-interface .proofer-content-box .proofer-step-container{
    padding:0
}
.pdf-viewer.overlay-interface #proofer-step-indicator{
    text-align:right
}
.pdf-viewer.overlay-interface #proofer-step-indicator .close-file-proofer,.pdf-viewer.overlay-interface #proofer-step-indicator ol{
    display:none
}
.pdf-viewer.overlay-interface #proofer-step-indicator .finish-proofer.mark-as-cpdf,.pdf-viewer.overlay-interface #proofer-step-indicator .proof-result-other-options{
    display:inline-block
}
.pdf-viewer.overlay-interface #proofer-step-indicator .proof-result-other-options{
    position:relative;
    top:10px
}
.pdf-viewer.overlay-interface #proofer-step-indicator .proof-result-other-options>a{
    color:#9b9b9b;
    margin:0 5px;
    font-size:11px;
    text-align:center
}
.pdf-viewer.overlay-interface #proofer-step-indicator .proof-result-other-options>a:first-child{
    display:block;
    text-align:left;
    line-height:25px
}
.pdf-viewer.overlay-interface #proofer-step-indicator .proof-result-other-options>a:last-child{
    color:#fff;
    margin:0
}
.pdf-viewer.overlay-interface #proofer-step-indicator .proof-result-other-options>a:last-child:before{
    bottom:-150px
}
.pdf-viewer.overlay-interface #proofer-step-indicator .finish-proofer.mark-as-cpdf{
    margin:23px 20px 23px 15px
}
.pdf-viewer.overlay-interface #proofer-step-filecheck-result .chosen-product-text,.pdf-viewer.overlay-interface #proofer-step-filecheck-result h2{
    display:none
}
.pdf-viewer.overlay-interface .finish-proofer.mark-as-cpdf,.pdf-viewer.overlay-interface .proof-result-other-options{
    display:none
}
.pdf-viewer.overlay-interface .proof-result-container .proof-result-viewer .viewer{
    height:calc(100vh - 101px);
    display:inline-block
}
.pdf-viewer.overlay-interface #proofer-step-filecheck-result{
    max-width:none;
    width:100%
}
.builder-sidebar-area .block-logo{
    align-items:center;
    background:#fff;
    border-bottom:1px solid #ddd;
    display:flex;
    justify-content:center
}
.builder-sidebar-area .block-logo img{
    max-height:100px;
    max-width:100%
}
.shop-state__open:before{
    content:'';
    display:inline-block;
    border-radius:6px;
    width:12px;
    height:12px;
    background:#73c850
}
.proofer-satisfaction{
    height:auto;
    margin-bottom:34px;
    max-width:140px
}
.proofer-actions-devider{
    background-color:#ddd;
    border:none;
    height:1px
}
.close-file-proofer,.finish-proofer{
    cursor:pointer
}
.print-proof{
    background:#f7f7f7
}
.print-proof .guide__container{
    margin:0;
    padding:10px 0
}
.print-proof__body{
    border-top:1px solid #ddd
}
.print-proof__checkbox{
    cursor:pointer;
    display:inline-block
}
.lt-ie10 .print-proof__checkbox,.print-proof__checkbox::before{
    background:#fff;
    border:1px solid #ddd;
    border-radius:2px;
    box-shadow:0 0 2px rgba(0,0,0,.1);
    content:'';
    display:inline-block;
    height:20px;
    margin-right:6px;
    vertical-align:middle;
    width:20px
}
.print-proof__tip{
    font-size:11px;
    margin-top:20px;
    text-align:center
}
@media (min-width:768px){
    .print-proof__tip{
        font-size:13px
    }
}
.print-proof__iframe{
    border:1px solid #fff;
    border-radius:3px;
    box-shadow:0 0 3px rgba(0,0,0,.3);
    margin:25px 0
}
.print-proof__iframe iframe{
    min-height:280px
}
.print-proof__control{
    background:#fff;
    border-top:1px solid #9f9f9f;
    padding:20px;
    text-align:center
}
@media (min-width:768px){
    .print-proof__control{
        padding:30px
    }
}
.lt-ie10 .print-proof__control--is-active .print-proof__checkbox,.print-proof__control--is-active .print-proof__checkbox::before{
    background:#407eaf;
    border-radius:3px;
    color:#fff;
    content:'\e935';
    font-family:printocean-icons;
    font-size:10px;
    font-weight:700;
    text-align:center
}
.print-proof__control__line{
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    position:relative;
    text-align:left
}
@media (max-width:767px){
    .print-proof__control__line--insecure-xs{
        font-size:11px;
        margin-bottom:0
    }
}
.print-proof__control .form-button{
    margin-left:15px
}
.print-proof__control__highlight-image{
    left:-30px;
    position:absolute;
    top:-24px
}
.print-proof__control__highlight-line{
    cursor:pointer;
    display:inline-block;
    font-size:15px
}
.print-proof__control__highlight-text{
    color:#e05432;
    display:inline-block;
    font-size:11px;
    font-style:italic;
    position:absolute;
    text-indent:30px
}
.print-proof__options{
    font-size:11px;
    text-align:left
}
@media (min-width:768px){
    .print-proof__options{
        margin-bottom:25px;
        text-align:center
    }
}
@media only screen and (max-width:767px){
    .print-proof__tip a::before{
        content:'';
        display:block
    }
    .print-proof__control__line{
        margin-bottom:15px
    }
}
.printproof-help{
    min-width:360px
}
@media (max-width:767px){
    .printproof-help{
        min-width:0
    }
}
.printproof-help__note,.printproof-help__title{
    text-align:center
}
.printproof-help__title{
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:25px;
    font-weight:700;
    letter-spacing:-2px
}
.printproof-help__note{
    margin:20px 0
}
.printproof-help__form{
    padding-left:1px;
    padding-right:1px
}
.printproof-help__form-row{
    margin-bottom:15px
}
.printproof-help__form-title{
    font-weight:700
}
.printproof-help__form-note{
    color:#bfbfbf;
    float:right;
    font-style:italic;
    font-weight:400
}
.printproof-help__form-input{
    margin-top:6px;
    width:100%
}
.printproof-help__form-input[type=email]{
    height:auto;
    padding:3px 12px
}
.printproof-help__form-select .selected,.printproof-help__form-select.open .selected,.printproof-help__form-select.selected .selected{
    background:#fff;
    border:1px solid #dbdbdb;
    box-shadow:0 1px 2px rgba(0,0,0,.1);
    color:#666;
    font-size:14px;
    height:50px;
    line-height:28px;
    padding:10px 15px
}
.printproof-help__form-select .carat::after{
    color:#666
}
.printproof-help__form-select>div{
    top:50px
}
.printproof-help__form-select.open .carat::after,.printproof-help__form-select.selected .carat::after{
    color:#666
}
.printproof-help__form-textarea{
    margin-top:6px;
    width:100%
}
@media (max-width:767px){
    .responsive-page.print-proof header{
        height:67px
    }
    .responsive-page.print-proof header #top{
        height:67px
    }
}
#order-confirmation #header-controls,#order-confirmation #nav-search,#order-confirmation #usp,#order-confirmation .footer-help,#order-confirmation .navhead,#order-confirmation .newsletter{
    display:none
}
#order-confirmation #payment-status{
    padding:0 10px
}
@media screen and (max-width:767px){
    #order-confirmation #payment-status{
        padding:0
    }
}
#order-confirmation #payment-status .loader_confimation{
    float:left;
    height:24px;
    width:24px
}
#order-confirmation #payment-status .note__title{
    font-size:13px;
    margin-right:5px
}
#order-confirmation #payment-status .note__title strong{
    font-size:13px
}
#order-confirmation #payment-status .note__title:after{
    content:' - ';
    padding-left:5px
}
@media (max-width:767px){
    #order-confirmation #payment-status .note__title:after{
        content:none
    }
}
#order-confirmation #payment-status .note__description{
    display:inline-block
}
@media (max-width:767px){
    #order-confirmation #payment-status .note__description{
        display:none
    }
}
@media (max-width:767px){
    #order-confirmation #payment-status .note__description--visible-mobile{
        display:block
    }
}
#order-confirmation #payment-status .note.info-icon{
    padding-left:50px
}
#order-confirmation #payment-status .note.info-icon::before{
    font-size:22px;
    left:18px;
    right:auto;
    top:12px
}
#order-confirmation #payment-status .note:before{
    left:20px;
    right:auto;
    top:10px
}
#order-confirmation .graybg{
    border-bottom:0
}
@media screen and (max-width:767px){
    #order-confirmation .graybg{
        padding-top:0
    }
}
#order-confirmation section.home{
    margin-bottom:0
}
#order-confirmation section.home:after{
    margin-bottom:-2px
}
#order-confirmation .note{
    background-color:#ffedbb;
    border:1px solid currentColor;
    border-radius:3px;
    color:#af790f;
    padding-bottom:12px;
    padding-left:20px;
    padding-right:10px;
    padding-top:12px;
    position:relative
}
#order-confirmation .note--has-links{
    margin-bottom:50px
}
#order-confirmation .note--has-links .note__links{
    left:0;
    padding-bottom:10px;
    padding-left:10px;
    padding-top:10px;
    position:absolute;
    right:0;
    text-align:center;
    top:100%
}
#order-confirmation .note--has-links a{
    padding-left:4px;
    padding-right:4px;
    text-decoration:underline
}
#order-confirmation .note--only-on-mobile{
    display:none
}
@media screen and (max-width:767px){
    #order-confirmation .note--only-on-mobile{
        display:block
    }
}
#order-confirmation .note--only-on-desktop{
    display:block
}
@media screen and (max-width:767px){
    #order-confirmation .note--only-on-desktop{
        display:none
    }
}
#order-confirmation .note .note__title,#order-confirmation .note .note__title strong{
    font-size:18px;
    font-weight:600;
    line-height:1.2em
}
@media screen and (max-width:767px){
    #order-confirmation .note .note__title,#order-confirmation .note .note__title strong{
        font-size:12px
    }
}
#order-confirmation .note .note__title{
    margin-bottom:4px
}
@media (max-width:767px){
    #order-confirmation .note .note__title{
        margin-bottom:0
    }
}
@media (max-width:767px){
    #order-confirmation .note .note__title--only-mobile{
        text-align:center
    }
}
#order-confirmation .note .note__title-icon{
    background:#c28e3a;
    border-radius:3px;
    display:inline-block;
    vertical-align:middle;
    filter:invert(1);
    padding:2px
}
#order-confirmation .note p{
    font-size:12px;
    line-height:1.3em
}
#order-confirmation .note.successfull{
    background-color:#e3f3d3;
    color:#5f8436
}
#order-confirmation .note.successfull::before{
    color:#6ea332
}
#order-confirmation .note.warning{
    background-color:#f4e8e8;
    color:#b34444
}
#order-confirmation .note.action-required{
    background-color:#eef5fc;
    color:#3772b8;
    padding-right:190px
}
@media screen and (max-width:767px){
    #order-confirmation .note.action-required{
        padding-right:141px
    }
}
@media screen and (max-width:767px){
    #order-confirmation .note.action-required.note--only-on-mobile{
        font-size:15px;
        font-weight:600;
        line-height:24px;
        padding-left:15px;
        padding-right:15px
    }
}
#order-confirmation .note.action-required.note--only-on-mobile .note__title{
    font-size:13px!important
}
#order-confirmation .note.action-required.action-required--no-button{
    padding-right:10px
}
#order-confirmation .note.info-icon{
    padding-right:40px
}
#order-confirmation .note::before{
    font-size:22px;
    left:auto;
    right:-8px
}
#order-confirmation .note.note-reseller{
    display:none
}
#order-confirmation .note .action{
    align-items:center;
    border-bottom-left-radius:0;
    border-top-left-radius:0;
    bottom:-1px;
    display:flex;
    float:right;
    font-size:16px;
    justify-content:center;
    line-height:1.2em;
    max-width:170px;
    padding-left:20px;
    padding-right:20px;
    position:absolute;
    right:-1px;
    text-align:center;
    text-transform:uppercase;
    top:-1px
}
@media screen and (max-width:767px){
    #order-confirmation .guide__description{
        font-size:13px
    }
}
#order-confirmation .order-conf-header{
    padding:0 10px
}
@media (max-width:767px){
    #order-confirmation .order-conf-header{
        padding:0
    }
}
#order-confirmation .order-conf-header__title{
    font-size:24px;
    font-family:"Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing:-1px;
    margin-bottom:10px
}
@media (max-width:767px){
    #order-confirmation .order-conf-header__title{
        margin-bottom:0
    }
}
#order-confirmation .order-conf-header__icon{
    display:inline-block;
    vertical-align:middle;
    filter:invert(1);
    background:#9f36c1;
    padding:3px;
    border-radius:3px
}
.orderdetails-specificationspopup{
    min-height:400px;
    width:720px
}
.order-confirmation__footer{
    padding:15px 10px 0
}
.order-confirmation__footer .orders-id{
    padding-left:10px
}
.loader_confimation{
    margin-right:15px;
    border:7px solid #dfb0b3;
    border-radius:50%;
    border-top:7px solid #900;
    width:40px;
    height:40px;
    -webkit-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        transform:rotate(0)
    }
    100%{
        transform:rotate(360deg)
    }
}
body#cart section.home{
    background-color:#f7f7f7;
    display:block;
    margin-bottom:0;
    margin-top:0;
    padding-top:10px
}
@media (min-width:768px){
    body#cart section.home{
        padding-top:40px
    }
}
@media (min-width:768px){
    body#cart #foot .menus .menu{
        width:50%
    }
}
@media (min-width:992px){
    body#cart #foot .menus .menu{
        width:25%
    }
}
.referral{
    text-align:center;
    background-color:#fff;
    border:solid 1px #ebebeb;
    border-radius:10px;
    box-shadow:0 1px 1px rgba(0,0,0,.1)
}
.referral__container{
    padding:30px 20px
}
.referral__subtitle{
    font-size:1.15em;
    margin-top:.5em
}
.referral__instructions-link{
    font-weight:600
}
.referral-steps{
    display:flex;
    flex-direction:column;
    padding-top:20px
}
@media (min-width:768px){
    .referral-steps{
        flex-direction:row
    }
}
.referral-steps__block{
    box-sizing:border-box;
    margin-bottom:20px;
    width:100%
}
@media (min-width:768px){
    .referral-steps__block{
        padding:0 20px;
        width:33.33%
    }
}
.referral-steps__content{
    background-color:#fff;
    border:solid 1px #ebebeb;
    border-radius:10px;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    display:flex;
    flex-direction:column;
    height:100%;
    padding:20px;
    position:relative;
    text-align:center
}
.referral-steps__image-container{
    display:flex;
    height:110px;
    margin:0 auto 20px;
    width:110px
}
.referral-steps__image{
    width:100%
}
.referral-steps__number{
    background-color:#e05432;
    border-radius:50%;
    color:#fff;
    font-size:1.1em;
    font-weight:700;
    height:24px;
    left:15px;
    line-height:24px;
    position:absolute;
    top:15px;
    width:24px
}
.referral-steps__title{
    margin-bottom:8px
}
.referral-link{
    align-items:center;
    border-bottom:solid 1px #ebebeb;
    border-top:solid 1px #ebebeb;
    display:flex;
    flex-direction:column;
    padding:30px 20px
}
.referral-link__wrapper{
    display:flex;
    flex-direction:column;
    flex-grow:1;
    max-width:500px;
    width:100%
}
@media (min-width:768px){
    .referral-link__wrapper{
        flex-direction:row
    }
}
.referral-link__title{
    margin-bottom:15px
}
.referral-link__field{
    border:solid 1px #ddd;
    border-radius:3px;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    display:flex;
    flex-grow:1;
    line-height:1.125em;
    margin-bottom:10px;
    padding:8px 15px;
    text-align:center
}
@media (min-width:768px){
    .referral-link__field{
        margin-bottom:0;
        margin-right:10px
    }
}
.referral-link__button{
    flex-shrink:0
}
.referral-share__title{
    font-size:1.1em;
    margin-top:10px
}
.referral-share__links{
    margin-top:10px
}
.referral-share__link{
    display:inline-block;
    margin:0 5px;
    width:25px
}
.referral-balance{
    padding:30px 20px
}
.referral-balance__title{
    margin-bottom:15px
}
.referral-balance__description{
    margin-bottom:20px
}
.referral-balance-bar{
    margin:0 auto;
    max-width:600px;
    width:100%
}
.referral-balance-bar__top{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:0 2px
}
@media (min-width:768px){
    .referral-balance-bar__top{
        flex-direction:row
    }
}
.referral-balance-bar__amount-spent{
    margin-bottom:5px
}
@media (min-width:768px){
    .referral-balance-bar__amount-spent{
        margin:0
    }
}
.referral-balance-bar__progress-bar{
    border:solid 1px #dbdbdb;
    border-radius:11px;
    height:22px;
    margin:10px 0;
    position:relative;
    width:100%
}
.referral-balance-bar__progress-bar-fill{
    background-color:#62ac29;
    border:solid 2px #fff;
    border-radius:11px;
    box-sizing:border-box;
    height:20px;
    left:0;
    position:absolute;
    top:0;
    min-width:20px
}
.referral-balance-bar__progress-bar-fill--spent{
    background-color:#4a90e2;
    z-index:1
}
.referral-balance-bar__bottom{
    display:flex;
    justify-content:space-between;
    padding:0 2px
}
.referral-friend-page{
    background-color:#f7f7f7;
    padding:50px 20px
}
.referral-friend-page__container{
    background-color:#fff;
    border:solid 1px #ebebeb;
    border-radius:10px;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    margin:0 auto;
    max-width:960px;
    overflow:hidden;
    width:100%
}
.referral-friend-page-banner{
    background-color:#cbebfa;
    background-position:center right;
    background-repeat:no-repeat;
    background-size:contain;
    padding:30px
}
@media (max-width:767px){
    .referral-friend-page-banner{
        background-image:none!important;
        text-align:center
    }
}
@media (min-width:768px){
    .referral-friend-page-banner{
        padding:50px
    }
}
@media (min-width:768px){
    .referral-friend-page-banner__content{
        width:50%
    }
}
.referral-friend-page-banner__title{
    margin-bottom:.5em
}
.referral-friend-page-banner__text{
    margin-bottom:1em
}
.referral-friend-page-helloprint{
    border-bottom:solid 1px #ebebeb;
    padding:30px
}
@media (min-width:768px){
    .referral-friend-page-helloprint{
        padding:50px
    }
}
.referral-friend-page-helloprint__wrapper{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
@media (min-width:768px){
    .referral-friend-page-helloprint__wrapper{
        flex-direction:row
    }
}
.referral-friend-page-helloprint__media{
    width:100%
}
@media (min-width:768px){
    .referral-friend-page-helloprint__media{
        width:47%
    }
}
.referral-friend-page-helloprint__image{
    margin-bottom:20px;
    width:100%
}
@media (min-width:768px){
    .referral-friend-page-helloprint__image{
        margin-bottom:0
    }
}
.referral-friend-page-helloprint__content{
    text-align:center;
    width:100%
}
@media (min-width:768px){
    .referral-friend-page-helloprint__content{
        text-align:left;
        width:47%
    }
}
.referral-friend-page-helloprint__placeholder{
    background-color:#f7f7f7;
    height:100%;
    width:100%
}
.referral-friend-page-helloprint__title{
    font-size:1.4em;
    margin-bottom:.8em
}
.referral-friend-page-helloprint__text{
    margin-bottom:1em
}
.referral-friend-page-steps{
    padding:30px;
    text-align:center
}
.referral-friend-page-steps__title{
    font-size:1.4em
}
.referral-friend-page-steps__instructions-link{
    font-weight:600
}
.referral-friend-page-steps__button{
    margin-top:15px
}
.referral-banner{
    align-items:center;
    background-color:#fff;
    border:solid 1px #ebebeb;
    border-radius:10px;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    display:flex;
    flex-direction:row;
    padding:20px
}
.referral-banner__image{
    border:solid 1px #ebebeb;
    display:none;
    max-width:120px
}
@media (min-width:992px){
    .referral-banner__image{
        display:block
    }
}
.referral-banner__content{
    flex-grow:1;
    margin-left:20px
}
.referral-banner__title{
    margin-bottom:.5em
}
.empty-cart{
    background-color:#fff;
    border:solid 1px #ebebeb;
    border-radius:10px;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    margin-bottom:20px;
    padding:20px;
    position:relative;
    width:100%;
    margin:50px 0;
    text-align:center
}
.empty-cart__title{
    font-size:24px;
    letter-spacing:-.025em;
    margin-bottom:.5em
}
.empty-cart__subtitle{
    font-size:1.2em;
    font-weight:700;
    margin-bottom:1em
}
.empty-cart-upsell__list{
    display:flex;
    flex-wrap:wrap;
    margin:0 -5px 30px
}
.empty-cart-upsell__list .product-promo{
    background-color:#fff;
    border:solid 1px #ebebeb;
    border-radius:10px;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    margin-bottom:20px;
    padding:20px;
    position:relative;
    width:100%;
    display:flex;
    flex-direction:column;
    flex-grow:0;
    margin:0 5px 10px;
    text-align:left;
    width:calc(100% * (1/2) - 10px)
}
@media (min-width:768px){
    .empty-cart-upsell__list .product-promo{
        width:calc(100% * (1/3) - 10px)
    }
}
@media (min-width:992px){
    .empty-cart-upsell__list .product-promo{
        width:calc(100% * (1/6) - 10px)
    }
}
.empty-cart-upsell__list .product-promo__title{
    color:#004b78;
    flex-grow:1;
    font-size:15px;
    font-weight:700;
    line-height:1.6
}
.empty-cart-upsell__list .product-promo__price{
    color:#333;
    font-weight:600
}
.registration-page{
    background:#f7f7f7;
    padding:30px 0
}
@media (min-width:768px){
    .registration-page{
        padding:50px 0
    }
}
.registration-page__column{
    margin:0 auto;
    max-width:450px;
    padding:0 15px;
    width:100%
}
.registration-page__title{
    margin-bottom:.5em
}
.registration-page__intro-text{
    margin-bottom:1.5em
}
.registration-form{
    background-color:#fff;
    border:solid 1px #ebebeb;
    border-radius:10px;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    margin-bottom:20px;
    padding:20px;
    position:relative;
    width:100%;
    padding-bottom:0
}
.registration-form__column{
    float:left;
    position:relative;
    width:calc(50% - 5px)
}
.registration-form__column--first{
    margin-right:10px
}
.registration-form__responsive-column{
    position:relative;
    width:100%
}
@media (min-width:768px){
    .registration-form__responsive-column{
        float:left;
        width:calc(50% - 5px)
    }
}
@media (min-width:768px){
    .registration-form__responsive-column--first{
        margin-right:10px
    }
}
.registration-form__label{
    display:block;
    font-weight:600;
    line-height:1.6;
    margin-bottom:10px;
    width:100%
}
.registration-form__label--required::after{
    content:'*';
    font-weight:400;
    margin-left:5px
}
.registration-form__label--half{
    float:left;
    width:50%
}
.registration-form__input{
    background-color:#fff;
    border:solid 1px #dbdbdb;
    border-radius:3px;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    display:block;
    height:36px;
    line-height:36px;
    margin-bottom:20px;
    padding:0 10px;
    width:100%
}
.registration-form__input:focus{
    border-color:#4a90e2
}
.registration-form__input--has-error{
    border-color:#f11a1a;
    margin-bottom:7px
}
.registration-form__input--valid{
    border-color:#70ca48
}
.registration-form__input::-webkit-input-placeholder{
    color:#7b7b7b
}
.registration-form__input:-moz-placeholder{
    color:#7b7b7b
}
.registration-form__input::-moz-placeholder{
    color:#7b7b7b
}
.registration-form__input:-ms-input-placeholder{
    color:#7b7b7b
}
.registration-form__error-label{
    color:#f11a1a;
    display:block;
    font-weight:600;
    margin-bottom:10px;
    position:relative;
    z-index:2
}
.registration-form__error-label::before{
    color:#f11a1a;
    content:'\e606';
    font-family:printocean-icons;
    font-size:24px;
    font-weight:400;
    position:absolute;
    right:5px;
    top:-37px
}
.registration-form__valid-label{
    color:#70ca48;
    display:block;
    font-weight:600;
    margin-bottom:0;
    position:relative;
    z-index:2
}
.registration-form__valid-label::before{
    color:#70ca48;
    content:'\e948';
    font-family:printocean-icons;
    font-size:17px;
    font-weight:400;
    position:absolute;
    right:9px;
    top:-47px
}
.registration-form__icon{
    position:absolute;
    right:5px;
    top:36px
}
.registration-form__icon--error::before{
    color:#f11a1a;
    content:'\e606';
    font-family:printocean-icons;
    font-size:24px;
    font-weight:400
}
.registration-form__select{
    background-color:#fff;
    border:solid 1px #dbdbdb;
    border-radius:3px;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    display:block;
    height:36px;
    line-height:36px;
    margin-bottom:20px;
    padding:0 10px;
    width:100%
}
.registration-form__select:focus{
    border-color:#4a90e2
}
.registration-form__select--has-error{
    border-color:#f11a1a;
    margin-bottom:7px
}
.registration-form__select--valid{
    border-color:#70ca48
}
.registration-form__select::-webkit-input-placeholder{
    color:#7b7b7b
}
.registration-form__select:-moz-placeholder{
    color:#7b7b7b
}
.registration-form__select::-moz-placeholder{
    color:#7b7b7b
}
.registration-form__select:-ms-input-placeholder{
    color:#7b7b7b
}
.registration-form__select option[value=""][disabled]{
    display:none
}
.registration-form__select--has-error{
    border-color:#f11a1a;
    margin-bottom:7px
}
.registration-form__select+label.registration-form__error-label::before{
    content:''
}
.registration-form__select:invalid{
    color:#7b7b7b
}
.registration-form__row{
    margin-bottom:20px;
    width:100%
}
.registration-form__combined-fields--top{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
    box-shadow:none;
    margin-bottom:-1px;
    position:relative;
    z-index:2
}
.registration-form__combined-fields--top:focus{
    position:relative;
    z-index:1
}
.registration-form__combined-fields--top.registration-form__input--has-error{
    margin-bottom:7px
}
.registration-form__combined-fields--top+.registration-form__valid-label::before{
    top:-25px
}
.registration-form__combined-fields--bottom{
    border-top-left-radius:0;
    border-top-right-radius:0;
    box-shadow:0 1px 1px rgba(0,0,0,.1);
    margin-bottom:-1px
}
.registration-form__combined-fields--bottom+.registration-form__valid-label::before{
    top:-25px
}
.registration-form__radio{
    margin-left:-3px;
    margin-right:20px
}
.registration-form__radio:hover{
    color:#333
}
.registration-form__checkbox-label{
    display:block;
    padding-left:27px;
    position:relative
}
.registration-form__checkbox-label::before{
    left:-3px;
    position:absolute!important
}
.registration-form__checkbox-label--has-error{
    color:#f11a1a
}
.registration-form__checkbox-label--has-error::before{
    color:#f11a1a!important
}
.registration-form__footnote{
    color:#7b7b7b;
    font-size:.9em
}
.registration-form__submit-button{
    width:100%
}
.registration-form__submit-button--disabled{
    background:#e2e2e2;
    border-color:#d5d5d5;
    cursor:default;
    pointer-events:none
}
.registration-form__show-password{
    float:right
}
.registration-form__show-password-icon{
    margin-bottom:-1px;
    margin-right:3px
}
.registration-form__hidden-company-field{
    display:none
}
.registration-form__error{
    color:red!important;
    margin-bottom:20px;
    margin-top:-10px
}