#randomtopCategoryProducts {
    display: none !important;
}

.cstm-del-cart-btn {
    background-color: transparent;
    color: #000;
    box-shadow: 1px 2px 5px #ccc;
    border-radius: 2px;
    padding: 5px 15px;
    border: 1px solid black;
}

.cstm-del-cart-btn:hover {
    background: #333 !important;
    color: #fff !important;
    cursor: pointer;
}
#subList4 li {
    position: relative;
}
#subList4 .news-read-more-btn {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: #E00A4F;
    color: #fff;
    border: none;
    padding: 4px 10px;
}
#content #subList4 .news-read-more-btn:hover {
    background-color: #F52569;
    transform: unset;
    transition: unset;
}

#products li h3 {
    display: none;
}

.display-flex {
    display: flex;
    align-items: center;
    gap: 5px;
}
/* 04-10-2019 */
.cstm-none-btn {
    padding: 5px 14px;
    border-width: 0;
    border-color: #9d9d9d #3f3f3f #3f3f3f #9d9d9d;
    background: #34A618;
    color: #fff;
    font-weight: 700;
    font-family: Barlow;
    float: right;
    margin-top: 10px;
    display: none;
}

/* 21-09-2019 */
.cstm-orderedProducts {
    width: 100% !important;
}

/* 09-09-2019 */
.ctm-edit {
    cursor: pointer;
}

.internal-note-form {
    display: none;
}

.internal-note-form .delivery-inputs {
    width: 60% !important;
    padding: 5px !important;
    height: inherit !important;
}

.internal-note-form .updateBtn {
    padding: 6px !important;
    text-transform: capitalize;
    width: inherit !important;
}

.customer-note-form {
    display: none;
}

.customer-note-form img {
    width: 20px;
}

/* 02-09-2019 */
.cstm_language {
    float: right;
    margin-left: 12px;
    position: relative;
}

.cstm-cart-profile_main:hover .cstm_dropdown {
    display: block;
    position: absolute;
    background: #FFF;
    padding: 10px;
    z-index: 9999;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
    border-radius: 4px;
    max-width: 160px;
}

.cstm_dropdown #menu11 li a:hover {
    background: #f7f7f7;
}

.cstm-cart-profile #menu11 li a:hover {
    color: #d30630;
}

.cstm_dropdown #menu11 a:before {
    display: none !important;
}

.cstm_dropdown #menu11 li {
    display: table;
    width: 100%;
    padding: 0px;
}

.cstm_dropdown #menu11 li .catcount {
    display: none !important;
}

.cstm_dropdown #menu11 li a {
    padding: 10px !important;
    display: block !important;
    text-align: left !important;
}

.cstm_dropdown #menu11 li.selected {
    background-color: #d30630 !important;
}

.cstm_dropdown #menu11 li.selected a {
    color: #FFF !important;
}

.cstm_dropdown #menu11 li.selected a:hover {
    color: #000 !important;
}

.cstm_user_profile svg {
    display: block;
    margin: 0px auto 2px auto;
    font-size: 28px;
}

.cstm_user_profile {
    text-align: center;
    margin-top: 14px;
    cursor: pointer;
    font-weight: 100;
    color: #fff;
}

.cstm_dropdown {
    display: none;
}

.cstm-cart-profile #menu1 li.lBasket {
    height: auto;
}

.cstm-cart-profile #menu1 li.lBasket a {
    background-position: center;
    /*padding-top: 48px!important;  */
    padding-top: 52px !important;
    font-size: inherit;
    text-transform: inherit;
    font-weight: 200;
}

.cstm-cart-profile #menu1 li.lBasket a:hover {
    /*   -webkit-filter: opacity(.5) drop-shadow(0 0 0 red);
   filter: opacity(.5) drop-shadow(0 0 0 red);*/
}

.cstm01 {
    display: none;
}

.cstm-cart-profile li.l2 {
    display: none;
}

.cstm-cart-profile #menu1 li.lL {
    display: none;
}

.cstm-cart-profile #menu11 li a {
    color: black !important;
    padding: 20px 0px 0px 0px;
    text-align: center;
    display: inline-block;
}

.cstm-cart-profile #menu11 a:before {
    display: block;
    width: 100%;
    font-size: 24px;
}

.cstm-cart-profile #menu1 li.lBasket a {
    /*padding: 0px;*/
    /*padding: 0px 10px 5px 10px;*/
    padding: 0px 0px 0px 0px;
}

.cstm-cart-profile #menu1 li.lBasket {
    background: inherit;
}

.cstm-cart-profile #menu11 ul {
    background: inherit;
}

.cstm-search fieldset legend {
    display: none;
}

.cstm-search fieldset em {
    float: left;
    position: absolute;
    left: 10px;
    top: 9px;
}

.cstm-search input#searchField {
    width: 100% !important;
    background: inherit !important;
    border: none !important;
    padding: 0px !important;
    border-radius: 0px !important;
    color: #000 !important;
}

.cstm-search input#searchField:focus {
    outline: inherit;
}

.cstm-search fieldset {

    background: #FFF;
    border-radius: 0px;
    padding: 14px 12px 12px 55px;
    position: relative;
    height: 48px;
    box-sizing: border-box;
    margin-top: 12px;
}

.cstm-search fieldset input.submit:focus {
    outline: none;
}

ul.cstm-telephone svg {
    transform: rotate(90deg);
    color: #e12830;
}

.cstm-benifit svg {
    color: #e12830;
    font-size: 17px;
    float: left;
    margin-right: 3px;
}

.cstm-cart-profile_main {
    float: left;
    margin-right: 30px;
    margin-left: 5px;
    padding-bottom: 5px;
}

.cstm-cart-profile #menu11 li:last-child {
    display: none;
}

.cstm-cart-profile #menu1 li.lBasket span {
    display: none;
}

.cstm-cart-profile #menu11 ul {
    margin: 0px;
}

.cstm-cart-profile #menu1 ul {
    margin: 0px;
}

.cstm-cart-profile .cstm_head2_profile {
    float: left;
}

.cstm-cart-profile #menu1 {
    float: left;
    /*margin-top: 40px;*/
    /*margin-top: 41px;*/

}

.cstm_head2 .container {
    background: #13191D !important;
    padding: 20px 0px;
    height: auto !important;
    display: table;
}

.cstm-logo {
    width: 22%;
    margin-right: 5%;
    background: initial !important;
}

.cstm-cart-profile {
    width: auto; /*25%; */
    float: left;
    margin-left: 2%;
}

.cstm-logo img {
    width: 100%;
}

.cstm-search {
    width: 45% !important;
    margin: 0px !important;
    float: left !important;
}

.bg-stick-container {
    display: none;
}

.cstm-clearfix {
    clear: both;
}

.cstm-header-top {
    background: #131a22;
    color: #ffffff;
    display: table;
    width: 100%;
}

.cstm-header-top .container {
    max-width: 1100px;
    width: 96%;
    margin: 0 auto;
    text-align: left;
}

.cstm-benifit {
    display: inline-block;
}

.cstm-header-top .cstm-benifit li {
    float: left;
    margin-right: 35px;
    padding: 11px 0px 9px 0px;
    list-style: none;
    font-size: 14px;
    position: relative;
}

.cstm-header-top .cstm-benifit li:last-child {
    margin-right: 0px;
}

.cstm-header-top .cstm-benifit li span {
    margin-left: 5px;
}

.cstm-header-top .cstm-telephone {
    display: inline-block;
    float: right;
    list-style-type: none;
}

.cstm-header-top .cstm-telephone li {
    padding: 11px 0px 10px 0px;
    font-size: 15px;
    display: inline-table;
    margin-left: 20px;
}

.cstm-header-top .cstm-telephone li {
    padding: 11px 0px 10px 0px;
    font-size: 15px;
}

.cstm-header-top .cstm-telephone li a {
    color: #ffffff;
}

.cstm-header-top .cstm-telephone li span {
    margin-left: 5px;
}


#skiplinks,
#skiplinks a {
    position: absolute;
    left: 0
}

#body,
#container,
#foot {
    width: 100%;
    margin: 0 auto
}

#logo #title a,
#menu11 li a,
#page div.content li a:hover,
#page div.content p a:hover,
a {
    text-decoration: none
}

#body,
#head2,
.clear {
    clear: both
}

.form label span,
.input:focus,
.textarea:focus,
select:focus {
    text-shadow: none
}

#backToTop a,
#expand a,
#foot_box1 .type,
#foot_box2 .type,
#foot_box3 .type,
#foot_box4 .type,
#menu1 li.lBasket a {
    text-transform: uppercase
}

body,
body * {
    margin: 0;
    padding: 0;
    border: 0;
}

body,
table {
    color: #000;
    font-size: .85em;
    font-family: Barlow, sans-serif
}

body {
    padding: 0;
    /*
        background-image: url('img/wldbg.jpg');
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: 0% 50%;
        text-align: center
    */
    background-color: #f2f2f2;
    overflow-y: hidden !important;
}

table,
td {
    border: 0 solid #ccc
}

.input,
.submit,
select,
textarea {
    border-style: solid;
    font-size: 1em
}

.input,
select,
textarea {
    padding: 5px;
    border-width: 1px;
    border-radius: 5px;
    border-color: #D3D3D3;
    font-size: 1em;
}

.input.warning-required,
select.warning-required,
textarea.warning-required {
    border-color: #ac0000 #c78688 #c78688 #ac0000;
    background: #fbefef
}

.submit {
    padding: 5px 14px;
    border-width: 1px;
    border-color: #000;
    background: #fff;
    color: #000;
    font-weight: 600;
    font-size: 1em;
    font-family: Barlow;
}

.top_left h3,
.top_left h4 {
    font-family: Helvetica, Arial, sans-serif
}

.submit:hover {
    background: #dbd9d9;
    cursor: pointer
}

* html .submit {
    padding: 3px 1px
}

* html .input {
    height: 21px
}

.form {
    background: url(img/body.png) #fff;
    border-radius: 10px;
}

#product div.DescriptionSpecial span,
#product div.content span {
    text-decoration: none !important;
}

#page div.content li a,
#page div.content p a,
#product div.DescriptionSpecial a,
#product div.content a,
#content div.content a {
    border-bottom: 1px dotted #999;
    cursor: pointer;
}

.form label {
    font-size: 1.2em;
    color: #000;
    font-weight: 500;

}

.form legend {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}

.form label span {
    padding-left: 10px;
    color: #949494;
    font-weight: 400
}

a {
    color: #0a4e57;
}

a:hover {
    color: #d30630;
    cursor: pointer;
}

#page div.content.expanded {
    height: auto;
    overflow: hidden
}

.clear {
    height: 0;
    font-size: 0;
    line-height: 0
}

#skiplinks {
    top: 0
}

#skiplinks a {
    top: -500px;
    z-index: 10;
    min-width: 200px;
    padding: 10px;
    color: #fff
}

#container,
#head1 .container {
    position: relative
}

#skiplinks a:focus {
    top: 0;
    background: #000;
    color: #fff
}

#container {
    padding: 0 0 30px;
    /*overflow: hidden*/
}

#body,
#foot {
    float: left;
    padding: 0
}

#headtop {
    display: none;
    background: #0D0D0D;
    height: 106px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

#body .container,
#foot .container,
#head1 .container,
#head2 .container,
#head3 .container,
#headtop .container {
    width: 1100px;
    margin: 0 auto;
    text-align: left
}

#body .container,
#head2 .container,
#head3 .container,
#headtop .container {
    border-left: 0 dotted #c9c9c9;
    border-right: 0 dotted #c9c9c9
}

.top_left {
    float: left;
    width: 422px;
    text-align: left
}

#lang,
#lang_new,
#langShow,
#menu1 li,
#menu1 ul,
#menu11 li,
#menu11 ul,
.top_right {
    float: right
}

.top_left h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 17px;
    padding-top: 10px;
    line-height: 20px
}

.top_left h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.top_right {
    background: url(img/top_bg.jpg) no-repeat;
    width: 537px;
    height: 106px
}

#column,
#lang li,
#lang_new li,
#logo,
#logo #title,
#menu2 li,
#menu2 li a,
#menu2 ul {
    float: left
}

#head1,
#menu2 ul,
* html #logo #slogan {
    width: 100%
}

#head1 {
    margin: 0 auto;
    text-align: left;
    border-top: 7px solid #0081ca
}

* html #body,
* html #head1 .container,
* html #head2,
* html #head3 {
    background: 0 0
}

#menu11 ul {
    margin: 0 10px 10px 0;
    list-style: none;
    background: #0081c9;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

#menu11 li {
    padding: 7px 5px 10px
}

#menu11 li a {
    padding-left: 10px;
    font-weight: 400;
    color: #fff
}

#menu1 .selected a,
#menu1 .selected-parent a,
#menu11 li a:hover {
    text-decoration: none;
    color: #CCEDFF
}

#menu11 a:before {
    font-family: FontAwesome;
    content: "\f007 \00A0 \00A0 "
}

#menu11 li.lL > a:before {
    font-family: FontAwesome;
    content: "\f217 \00A0 "
}

#lang li, #lang_new li {
    padding-left: 0px !important;
}

#lang a, #lang_new a {
    padding: 0 6px
}

#lang img, #lang_new img {
    border: 0 solid #A83A01
}

#lang, #lang_new,
#logo {
    border-radius: 15px
}

#langShow {
    padding: 8px;
    background: #d30630;
    color: #fff;
    cursor: pointer;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

#lang, #lang_new {
    list-style: none;
    padding: 10px 5px;
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    background: #e5e5e5;
    /*background-color: rgba(229,229,229,1);*/
    z-index: 999999;
    border-radius: 0px;
    width: 360px;
}

#head2 {
    background: #13191D;
}

#head2 .container {
    position: relative;
    height: 130px;
    border-top: 0 dotted #c9c9c9;
    background: #fff;
    border-top-left-radius: 0px; /*JAN*/
    border-top-right-radius: 0px
}

#logo {
    padding: 0;
    background: #fff
}

#logo #title img {
    border-radius: 0
}

#logo #title a {
    color: #666;
    font: 700 0 'arial black'
}

#menu1 li.lBasket a,
#menu1 li.lBasket span {
    font-family: Barlow, sans-serif
}

#logo #title a span {
    color: #E4332B;
    background: inherit
}

#logo #title a strong {
    color: #2e6996;
    background: inherit
}

#logo #title a em {
    color: #c22463;
    font-style: normal
}

#logo #slogan {
    float: left;
    clear: left;
    position: absolute;
    top: 45px;
    left: 190px;
    background: inherit;
    color: #585858;
    letter-spacing: .05em;
    font-size: 1.2em
}

#menu1 .selected a,
#menu1 .selected-parent a,
#menu1 li a,
#menu1 li a:hover {
    color: #d30630;
    text-decoration: none
}

#menu1 ul {
    clear: right;
    margin: 12px 15px 3px 0;
    list-style: none
}

#menu1 li {
    padding: 7px 0 10px 20px
}

#menu1 li a {
    padding-right: 12px;
    font-weight: 400;
    font-size: 1.2em
}

#menu1 li.lBasket {
    margin-top: 0;
    /*padding: 3px 12px 0;*/
    padding: 3px 0px 0;
    text-align: right;
    background: #f29400;
    height: 58px;
    border-radius: 5px
}

#menu1 li.lBasket a {
    position: relative;
    padding: 0 0 40px 75px;
    color: #fff !important;
    /*background: url(img/cart_1_9_black.png) 0 2px no-repeat;*/
    font-size: 1.2em;
    font-weight: 500
}

#menu1 li.lBasket a:hover {
    color: #fff
}

#menu1 li.lBasket span {
    display: block;
    color: #fff;
    font-size: 1em;
    text-align: right;
    padding-top: 3px;
    font-weight: 400;
    line-height: 1.1em
}

#menu1 li.lBasket .summary {
    color: #FFF;
    font-weight: 400;
    padding-left: 0
}

#menu1 li.lL a {
    font-size: 1.3em;
    color: #0081ca;
    font-weight: 700
}

#menu1 li.lL > a:before {
    font-family: FontAwesome;
    content: "\f0e0 \00A0 "
}

#menu1 li.l2 > a:before {
    font-family: FontAwesome;
    content: "\f095 \00A0 "
}

#menu1 li.l2 {
    position: absolute;
    top: 85px
}

#menu1 li.l2 a,
#menu1 li.lL a {
    pointer-events: none
}

#head3 {
    background: #232f3e;
}

#head3 .container {
    overflow: hidden;
    height: 50px
}

#menu2 ul {
    height: 100%;
    margin: 0;
    list-style: none
}

#menu2 li {
    padding: 0;
    border-right: 0 solid #666;
    border-left: 0 solid #666
}

#menu2 li.l1,
#menu2 li.l1.selected,
#menu2 li.l1:hover {
    border-left: none
}

#menu2 li a {
    height: 35px;
    padding: 13px 16px 0;
    color: #FFF;
    font-size: 1.3em;
    text-decoration: none;
    font-weight: 400
}

#menu2 li a:hover {
    background: #f29400;
    color: #000
}

#menu2 .selected a,
#menu2 .selected-parent a {
    color: #000;
    text-decoration: none;
    background: #f29400
}

#body {
    margin: 0
}

#body .container {
    overflow: hidden;
    background: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

#column {
    width: 30%;
    padding: 0px 0;
    background: url(img/body_bg.png) left top repeat-x;
}

#searchLeft,
.order #column {
    display: none
}

#searchLeft #searchForm {
    padding: 15px 5px;
    text-align: center
}

#searchForm legend,
#searchLeft #searchForm label {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}

#searchLeft#searchForm .input {
    min-width: 120px;
    width: 46%;
    padding: 3px
}

#searchLeft #searchForm .submit {
    padding: 4px 10px 9px;
    font-size: .917em;
    font-style: normal;
    border: 0;
    background: #E4332B;
    border-top: px solid #E4332B
}

* html #searchLeft #searchForm .submit {
    padding: 3px 3px 8px
}

#searchTop {
    float: right;
    width: 243px;
    margin: 10px 25px 0 0
}

#searchTop #searchForm {
    padding: 0;
    text-align: center
}

#searchForm legend,
#searchTop #searchForm label {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}

#searchTop #searchForm .input {
    width: 200px;
    padding: 4px 3px 5px;
    background: #f7f7f7;
    margin: 0;
    font-size: 1.25em;
    color: #9e9e9e;
    border: 1px solid #595959;
    border-radius: 10px
}

#searchTop #searchForm .submit {
    font-size: 0;
    font-style: normal;
    border: 0;
    width: 32px;
    height: 32px;
    background: url(img/search.png) no-repeat;
    float: right
}

#menu3,
#menu4 {
    padding: 0 0 10px
}

#column .type {
    margin-top: 10px;
    padding: 8px 13px 10px;
    font-size: 1.4em;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background: #0D0D0D;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px
}

#menu3 ul,
#menu4 ul,
#menu5 ul {
    padding: 10px 0;
    list-style: none;
    background: url(img/side_bg_2.png) repeat-y #fff;
    border-bottom: 0 solid #cdcdcd;
    border-left: 0 solid #cdcdcd;
    border-right: 0 solid #cdcdcd;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

#menu3 li,
#menu4 li,
#menu5 li {
    margin: 0 3px;
    padding: 4px 0 4px 13px;
    border-bottom: 1px solid #e0e0e0
}

#menu3 a,
#menu4 a,
#menu5 a {
    display: block;
    width: 100%;
    padding: 4px 0;
    color: #0D0D0D;
    font-weight: 700;
    text-decoration: none;
    background: 0 0
}

#menu3 .sub1 a:hover,
#menu3 a:hover,
#menu4 .sub1 a:hover,
#menu4 a:hover,
#menu5 .sub1 a:hover {
    color: #34A618;
    background: 0 0;
    text-decoration: none
}

#menu3 a:before,
#menu4 a:before,
#menu5 a:before {
    font-family: FontAwesome;
    font-size: 1.1em;
    content: "\f004 \00A0 \00A0 \00A0 "
}

#menu3 .selected > a:first-child,
#menu4 .selected > a:first-child,
#menu5 .selected > a:first-child {
    color: #0D0D0D;
    background: 0 0
}

#menu3 .sub1,
#menu4 .sub1,
#menu5 .sub1 {
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0
}

#menu3 .sub1 li,
#menu4 .sub1 li,
#menu5 .sub1 li {
    padding: 2px 0 2px 20px;
    border: 0
}

#menu3 .sub1 a,
#menu4 .sub1 a,
#menu5 .sub1 a {
    display: block;
    width: 100%;
    padding: 2px 0;
    font-weight: 400
}

#menu3 .sub1 a:before,
#menu4 .sub1 a:before,
#menu5 .sub1 a:before {
    font-family: FontAwesome;
    content: "\f00c \00A0 \00A0 \00A0 "
}

#column .box {
    margin: 0 0 15px
}

#column .box .type {
    background: #232f3e;
    border-radius: 0px
}

#column .box .content,
#column .box .page-box,
#column .box .product-box {
    padding: 2px 2px;
    list-style: none;
    border-bottom: 0 solid #0D0D0D;
    line-height: 1.5em;
    font-size: 1.3em
}

.box .page-box div,
.box .product-box div {
    padding-top: 5px;
    text-align: center
}

.box .page-box div.description,
.box .page-box div.more,
.box .product-box div.description,
.box .product-box div.more {
    text-align: left
}

.box .page-box div:last-child,
.box .product-box div:last-child {
    padding-bottom: 10px
}

.box li {
    padding: 6px 0 2px
}

.box ol,
.box ul {
    margin: 0 0 0 30px;
    padding: 0
}

.box li a {
    display: block;
    width: 87%;
    padding: 2px 2% 4px 7%;
    color: #002d41;
    font-size: 1.083em;
    background: 0 0
}

.box li a:hover {
    color: #E4332B;
    background: 0 0
}

.box .noPrice,
.box .price {
    padding: 2px 0 0;
    background: inherit;
    color: #0D0D0D;
    font-weight: 700
}

.box .price strong {
    padding: 0 2px 0 5px;
    font-weight: 700
}

.box .price em {
    padding: 0;
    background: inherit;
    color: #666;
    font-style: normal
}

.box .price span {
    color: #666;
    font-weight: 700;
    padding-left: 5px
}

.boxes .box a,
.boxes .type {
    color: #0D0D0D;
    font-family: Barlow, sans-serif
}

.box .product-box .name {
    font-size: 1.1em;
    padding: 5px 0;
    font-weight: 700
}

#column #box1 .type {
    background: #0D0D0D
}

#column #box1 .content {
    border-bottom: 0 solid #0D0D0D
}

.boxes .type {
    padding: 7px 0;
    font-size: 1.3em;
    font-weight: 400;
    border: 0;
    text-align: center
}

.boxes .content {
    padding: 5px 10px 15px;
    list-style: none;
    line-height: 1.5em;
    text-align: left
}

.boxes .box a {
    font-size: 1.2em;
    font-weight: 700;
    text-decoration: none
}

.boxes .box a:hover {
    color: #333
}

.boxes .box img {
    max-width: 180px
}

.boxes .box {
    float: left;
    width: 30%;
    padding: 0;
    margin: 0 0 5px 3%;
    min-height: 210px
}

.boxes.footer .box {
    margin-top: 10px;
    margin-bottom: 10px
}

#basketSummary {
    padding: 10px 0
}

#basketSummary .title {
    margin-top: 10px;
    padding: 5px 13px 10px;
    font-size: 1.633em;
    font-weight: 400;
    color: #fff;
    background: #585858
}

#basketSummary .title a {
    color: #fff;
    background: 0 0;
    text-decoration: none
}

#basketSummary .title a:hover {
    text-decoration: underline
}

#page div.breadcrumb a,
#promoted li a,
#promoted li a:hover {
    text-decoration: none
}

#basketSummary ol {
    margin: 6px 0;
    padding: 0 5px;
    list-style: none;
    font-weight: 700
}

#basketSummary li {
    padding: 5px 3px 7px;
    border-bottom: 1px solid #e0e0e0
}

#basketSummary .lL {
    border: 0
}

#basketSummary li span.name {
    display: block;
    font-weight: 700;
    font-size: .9em
}

#basketSummary li a {
    color: #2e6a97
}

#basketSummary li a:hover {
    color: #E4332B
}

#basketSummary li div {
    padding: 5px 0 0;
    font-weight: 400;
    font-size: .9em
}

#basketSummary li .priceQuantity {
    color: #E4332B;
    background: inherit
}

#basketSummary li strong {
    padding: 0 2px 0 5px;
    font-weight: 700
}

#basketSummary li em {
    color: #666;
    background: inherit;
    font-style: normal
}

#basketSummary .summary {
    margin: 0 5px;
    padding: 5px;
    border-top: 2px solid #e0e0e0;
    color: #E4332B;
    text-align: center;
    font-weight: 700
}

#basketSummary .summary em {
    background: inherit;
    color: #666;
    font-style: normal
}

#basketSummary .summary strong {
    padding: 0 3px;
    font-weight: 700
}

#basketSummary .summary span {
    color: #666;
    font-weight: 700
}

#promoted {
    margin-bottom: 10px;
    padding: 0
}

#promoted .title {
    margin-top: 5px;
    padding: 8px 13px 10px;
    font-size: 1.4em;
    font-weight: 400;
    text-align: center;
    color: #fff;
    background: #232f3e;
    border-radius: 0px;
}

#promoted ul {
    list-style: none;
    padding-bottom: 0px;
    text-align: center
}

#promoted li {
    padding: 15px 0;
    background: #fff;

}

#page h1,
#promoted li .price em,
#promoted li a:hover,
#promoted li img,
.tS a,
.tS a:hover {
    background: inherit
}

#promoted li img {
    padding: 4px;
    border-radius: 100px;
    max-width: 150px;
    -webkit-transition: .3s ease-in-out;
}

#promoted li img:hover {
    opacity: 0.8;
    border-radius: 20px;
}

#promoted li .name {
    font-size: 1.2em;
    font-weight: 400;
    padding: 5px 0;
    color: #000;
}

#promoted li a {
    color: #0D0D0D
}

#promoted li a:hover {
    color: #666
}

#promoted li .noPrice,
#promoted li .price {
    padding: 2px 0 0;
    background: inherit;
    color: #0D0D0D;
    font-weight: 700;
    display: none
}

#promoted li .price strong {
    padding: 0 2px 0 5px;
    font-weight: 700
}

#promoted li .price em {
    padding: 0;
    color: #0D0D0D;
    font-weight: 700;
    font-style: normal
}

#promoted li .price span {
    color: #0D0D0D;
    font-weight: 700;
    padding-left: 5px
}

#content {
    float: left;
    width: 70%;
    /*padding: 10px 10px;*/
}

#content.productDieCut-none {
    width: 100%;
}

#column.productDieCut-none {
    display: none;
}

.product_page #content {
    /*width: 100%;*/
}

.product_page #column {
    /*display: none;*/
}

* html #content {
    width: 658px
}

.order #content {
    width: 100%
}

#page {
    position: relative;
    /*float: left;*/
    width: 97%;
    margin: 0 auto 0 15px;
    text-align: left
}

* html #page {
    float: none;
    width: 96%
}

* html .order #page {
    width: 94%
}

#page33 #content,
ul.options {
    width: 100%
}

#page h1 {
    margin: 5px 0 10px;
    padding-top: 0px;
    color: #232f3e;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2em;
}

#page div.breadcrumb {
    left: 0;
    padding: 2px 0 7px;
    font-size: 1em;
    font-weight: 400;
    border-bottom: 1px solid #bebebe;
}

#page div.breadcrumb a:hover {
    text-decoration: underline
}

* html #page div.breadcrumb {
    top: -5px
}

#page div.content {
    overflow: hidden;
    padding: 5px;
    font-size: 1.1rem;
    line-height: 150%;
    color: #000
}

#page div.content ol,
#page div.content ul {
    margin: 0 0 0 30px;
    padding: 0
}

#page div.content li {
    margin: 8px 0;
    padding: 0;
    border-left: 0;
    font-size: 1.0em;
    line-height: inherit;
}

#page div.content p {
    padding-bottom: .7em;
    margin-bottom: 0;
}

#page33 #column {
    display: none
}

.pages li,
.pages ul,
.tS div {
    display: inline
}

.tS {
    float: right;
    margin: 17px 0 3px
}

.tS a {
    margin: 0 4px;
    text-decoration: none;
    color: #2e6a97;
    font-weight: 700;
    font-family: Arial
}

.tS a:hover {
    color: #E4332B
}

.tS0 {
    font-size: .917em
}

.tS1 {
    font-size: 1.083em
}

.tS2 {
    font-size: 1.333em
}

.pages {
    padding: 10px 0 8px;
    text-align: right;
    font-size: 1.083em
}

#commentForm .save,
#contactPanel .save,
#content .imagesList li,
#content .imagesList li div,
#productRating,
#subpagesGallery td,
#subpagesGallery th,
.imagePreview div {
    text-align: center
}

.pages li {
    padding: 0 2px
}

.pages a,
.pages strong {
    padding: 0 1px;
    font-size: 1.083em
}

ul.options {
    float: left;
    margin: 10px 0;
    list-style: none
}

ul.options::after {
    content: "";
    display: table;
    clear: both
}

ul.options li {
    float: left;
    margin: 0 10px 0 0
}

ul.options .delete a,
ul.options .edit a {
    display: inline-block;
    width: 21px;
    height: 21px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1%;
    color: transparent
}

ul.options .edit a {
    background: url(../admin/img/ico_edit.gif) no-repeat
}

ul.options .delete a {
    background: url(../admin/img/ico_del.gif) no-repeat
}

ul.options .delete a:hover,
ul.options .edit a:hover {
    opacity: .6
}

#content .imagesList {
    list-style: none
}

#content .imagesList li {
    margin: 0 0 15px
}

#content .imagePreview img,
#content .imagesList li img,
#content .subpagesList li img,
#products li .photo img,
#subpagesGallery img,
.box .page-box img,
.box .product-box img,
.imagesGallery img {
    padding: 4px;
    background: inherit;
    border-radius: 0px;
}

#content .imagesGallery div {
    font-size: 1.3em;
}

#products li .photo img,
#subpagesGallery li .photo img {
    padding: 0px;
    /*width: 100%;*/
}

#content .imagePreview img:hover,
#content .imagesList li a:hover,
#content .subpagesList li a:hover,
#products li .photo a:hover,
#subpagesGallery .photo a:hover,
.box .page-box img:hover,
.box .product-box img:hover
/*.imagesGallery img:hover*/ {
    border: 0px solid #ccc;
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
    transition: transform .5s ease;
    transform: scale(1.08);
}

#imagesList1 {
    float: left;
    margin: 9px 20px 0 0
}

#imagesList2 {
    clear: right;
    float: right;
    margin: 8px 0 0 15px
}

#imagesList2.active_product {
    float: left;
    display: flex;
}

#imagesList2.active_product li {
    margin-right: 10px;
}

#imagesGallery4 {
    margin: 0
}

#imagesGallery5 {
    margin: 10px 0
}

#content .imagesGallery table,
#content .imagesGallery td {
    border: 0
}

#content .imagesGallery {
    clear: both
}

#content .imagesGallery .pages {
    clear: both;
    border-top: 1px solid #e7e9ed
}

#content .imagesGallery table {
    clear: both;
    width: 100%;
    padding: 10px 0;
    font-size: 1em
}

#content .imagesGallery table caption {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}

#content .imagesGallery td,
#content .imagesGallery th {
    padding: 15px 7px 10px;
    background: inherit;
    font-size: .917em;
    text-align: center;
    vertical-align: top
}

#filesList,
#filesList img,
#powered img,
#socialButtons a img {
    vertical-align: middle
}

#content .imagesGallery div {
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.4em
}

.imagePreview div {
    margin: 5px 0 10px
}

#imagesListPreview {
    float: left;
    margin: 9px 20px 0 0;
    min-height: 280px
}

* html #imagesListPreview {
    margin-top: -5px
}

.imagesList#imagesListPreview li {
    margin-bottom: 3px
}

.imagesList#imagesListPreview li img,
.imagesList#imagesListPreview li img:hover {
    border-width: 1px
}

#filesList {
    width: 100%;
    float: left;
    margin: 15px 0 5px;
    list-style: none;
    border-left: 2px solid #e0e0e0
}

#filesList li {
    width: 100%;
    float: left;
    clear: left;
    margin: 5px 0 5px 10px;
    padding-left: 10px
}

#filesList li a {
    color: #E4332B;
    background: inherit
}

#filesList li a:hover {
    color: #666;
    background: inherit
}

#filesList img {
    margin: 0 8px 0 0
}

#filesList em {
    padding-left: 2px
}

#content .subpagesList {
    float: left;
    width: 98%;
    margin: 7px 0;
    padding: 40px 0; /* 0 - MODIFY JAN DOYPACKS */
    list-style: none;
    text-align: left; /* ADDED - MODIFY JAN DOYPACKS */
}

#content .subpagesList li {
    clear: left;
    float: left;
    width: 95%;
    margin: 10px 0;
    padding: 18px 2.5%;
    background: #F2F2F2;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, .15);
    box-shadow: 0 10px 5px -5px rgba(0, 0, 0, .15)
}

* html #content .subpagesList li {
    width: 100%
}

#content .subpagesList li .photo {
    float: left;
    margin: 0 20px 5px 0
}

#content .subpagesList li h2 {
    padding-bottom: 10px
}

#content .subpagesList li h2,
#content .subpagesList li h2 a {
    color: #d30630;
    font-size: 1.25em;
    font-weight: 700;
    background: 0 0
}

#content .subpagesList #accordion li h2,
#content .subpagesList #accordion li h2 a {
    color: #000;
    font-size: 1.1em;
    font-weight: 500;
    background: 0 0
}

#content .subpagesList #accordion li {
    margin: 7px 0;
    padding: 5px 2.5%

}

#content .subpagesList li h2 a:hover {
    color: #0084CC;
    background: 0 0
}

#content .subpagesList li div.description {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.4em
}

#content .subpagesList li ol,
#content .subpagesList li ul {
    float: left;
    width: 100%;
    margin: 5px 0 0 30px;
    padding: 0
}

#content .subpagesList li li {
    padding: 0;
    border-bottom: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#content .subpagesList li ul {
    list-style: disc
}

#content .subpagesList li ol {
    list-style: square
}

#comments,
#crossSell ul,
#foot_box1 li,
#foot_box2 li,
#foot_box3 li,
#foot_box4 li,
#products,
#products ul.list,
#subpagesGallery ul,
#siteMap,
#siteMap ul,
#socialButtons,
#tags,
.imagesListSlider ul,
.rating {
    list-style: none
}

#content .subpagesList li p {
    padding-bottom: 10px
}

#subpagesGallery {
    width: 98%;
    padding: 10px 0;
    font-size: .9em;
    /*background: #f7f7f7;*/
    border-radius: 10px;
    /*-webkit-box-shadow: 0 10px 5px -5px rgba(0, 0, 0, .15);*/
    /*box-shadow: 0 10px 5px -5px rgba(0, 0, 0, .15)*/
}

#subpagesGallery caption {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}

#subpagesGallery li {
    padding: 15px 7px 10px;
    border: 0
}

#subpagesGallery h2 {
    margin: 5px 0 0
}

#subpagesGallery h2,
#subpagesGallery h2 a {
    font-size: 1.2em;
    font-weight: 400;
    color: #13191d;
    background: 0 0
}

#siteMap li a,
#siteMap ul li a {
    font-weight: 700;
    background: 0 0
}

#subpagesGallery h2 a:hover {
    color: #666;
    background: 0 0
}

#plusOne {
    position: absolute;
    top: 20px;
    right: 20px
}

#socialButtons {
    clear: both;
    float: left;
    width: 100%;
    margin: 30px 0;
    padding: 6px 0 4px;
    text-align: left;
    background: url(img/body.png);
    border-bottom: 1px solid #dadada;
    -webkit-box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15);
    box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15)
}

#socialButtons .title {
    display: block;
    float: left;
    margin: 0 0 0 15px;
    padding: 2px 0 0
}

#socialButtons li {
    float: left;
    margin: 0 10px
}

#socialButtons li.social2 img {
    border: 1px solid #ccc
}

#siteMap {
    margin: 5px 0
}

* html #siteMap {
    float: left;
    width: 100%
}

#siteMap li {
    margin: 0 0 13px;
    padding: 8px 10px 10px;
    background: url(img/body.png) #fff;
    border-bottom: 1px solid #dadada;
    -webkit-box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15);
    box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15)
}

#siteMap li a {
    font-size: 1.1em;
    color: #E4332B
}

#siteMap li a:hover {
    color: #2e6996;
    background: 0 0
}

#siteMap ul {
    margin: 0;
    padding: 3px 0 0 10px;
    border: 0
}

#siteMap ul li {
    margin: 0;
    padding: 4px 10px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

#siteMap ul li a {
    color: #2e6996
}

#siteMap ul.products li {
    border: 0;
    background: url(img/menu3_sub.gif) 3px 11px no-repeat;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 15px;
    margin-left: 5px
}

#siteMap ul.products li a {
    color: #333;
    font-weight: 400;
    text-decoration: none
}

#siteMap li ul li a:hover,
#siteMap ul.products li a:hover {
    color: #E4332B;
    background: 0 0;
    text-decoration: underline
}

#siteMap li span,
#siteMap li strong {
    background-color: inherit;
    color: #2e6996
}

#commentForm .captcha ins,
#commentForm ul.rating li a,
#contactPanel .captcha ins,
#crossSell li a,
#foot a,
#foot_box1 ul a:hover,
#foot_box2 ul a,
#foot_box2 ul a:hover,
#foot_box3 ul a,
#foot_box3 ul a:hover,
#foot_box4 ul a,
#foot_box4 ul a:hover,
#products li .basket a,
#products li .basketMoreList a,
#products li .noPrice,
#products li .price,
#products li h2 a,
#randomProduct a,
.imagesListSlider .nav a,
.pdfButton2 {
    text-decoration: none
}

#siteMap li .price {
    display: inline;
    font-size: .917em;
    color: #2e6996;
    padding-left: 5px
}

#siteMap li strong {
    padding: 0 5px 0 7px
}

#commentForm {
    clear: both;
    width: 100%;
    margin: 10px auto 0
}

#commentForm fieldset {
    padding: 25px 20px
}

#commentForm dd,
#commentForm dl,
#commentForm dt {
    margin: 0;
    padding: 0
}

#commentForm dt {
    padding: 0 0 7px
}

#commentForm dd {
    margin-bottom: 18px
}

#commentForm dt.vote {
    color: #2e6a97;
    font-weight: 700
}

#commentForm .input,
#commentForm textarea {
    width: 99%;
    padding: 3px;
    font-size: 1em
}

#comments,
* html #comments li {
    width: 100%
}

#commentForm #captcha {
    width: 9%
}

#commentForm .captcha em {
    font-style: normal;
    font-weight: 700
}

#commentForm .captcha ins {
    padding: 0 3px;
    font-weight: 700
}

#commentForm legend {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}

#commentTitle {
    overflow: hidden;
    margin: 18px 0 10px;
    padding-left: 10px;
    color: #2e6896;
    font-size: 2.2em;
    font-weight: 400;
    border-left: 2px solid #e0e0e0;
    background: inherit
}

.rating,
.ratingDisplay {
    background: url(img/stars.gif) no-repeat;
    height: 16px
}

#comments {
    float: left;
    margin: 7px 0
}

#comments li {
    clear: left;
    float: left;
    width: 96%;
    margin: 10px 0;
    padding: 13px 2%;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15);
    box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15)
}

#commentForm .commentContent,
#contactPanel,
#foot,
#foot_menudolne,
#options,
#order #street,
#orderPrint .legend,
/*#products li.column1,*/
.message,
.rating {
    clear: both
}

#comments div {
    float: left;
    width: 25%
}

#comments span.name {
    display: block;
    font-size: 1em;
    color: #2e6896;
    font-weight: 700
}

#comments span.date {
    display: block;
    font-size: 1em;
    margin-top: 3px
}

#comments p {
    font-weight: 400;
    font-size: 1em;
    line-height: 1.4em;
    width: 75%;
    float: right
}

#productRating {
    margin: 10px 0 5px
}

#productRating .results {
    margin: 2px 0 0;
    font-size: .9em
}

#productRating .results strong {
    padding: 0 0 0 2px
}

.ratingDisplay {
    width: 80px;
    font-size: 0;
    margin: 6px auto
}

#comments .ratingDisplay {
    width: 80px;
    margin-bottom: 0;
    opacity: .5
}

.rating {
    float: left;
    width: 80px;
    margin: 0;
    padding: 0;
    position: relative
}

.stars0 {
    background-position: 0 0
}

.stars1 {
    background-position: 0 -96px
}

.stars2 {
    background-position: 0 -112px
}

.stars3 {
    background-position: 0 -128px
}

.stars4 {
    background-position: 0 -144px
}

.stars5 {
    background-position: 0 -160px
}

#commentForm dd.vote {
    float: left
}

#commentForm dt.vote {
    float: left;
    margin-right: 5px
}

* html #commentForm dd.vote {
    margin-bottom: 0
}

#commentForm ul.rating li {
    cursor: pointer;
    float: left;
    text-indent: -999em
}

#options,
#options .back,
#options .print {
    float: right
}

#commentForm ul.rating li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    z-index: 200
}

#commentForm ul.rating li.one a {
    left: 0
}

#commentForm ul.rating li.two a {
    left: 16px
}

#commentForm ul.rating li.three a {
    left: 32px
}

#commentForm ul.rating li.four a {
    left: 48px
}

#commentForm ul.rating li.five a {
    left: 64px
}

#commentForm ul.rating li a:hover {
    z-index: 2;
    width: 80px;
    height: 16px;
    overflow: hidden;
    left: 0;
    background: url(img/stars.gif) no-repeat
}

#commentForm ul.rating li.one a:hover {
    background-position: 0 -96px
}

#commentForm ul.rating li.two a:hover {
    background-position: 0 -112px
}

#commentForm ul.rating li.three a:hover {
    background-position: 0 -128px
}

#commentForm ul.rating li.four a:hover {
    background-position: 0 -144px
}

#commentForm ul.rating li.five a:hover {
    background-position: 0 -160px
}

#contactPanel {
    width: 100%;
    margin: 10px auto 0
}

#contactPanel fieldset {
    padding: 25px 20px
}

#contactPanel fieldset legend {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}

#contactPanel dd,
#contactPanel dl,
#contactPanel dt {
    margin: 0;
    padding: 0
}

#contactPanel dt {
    padding: 0 0 7px
}

#contactPanel dd {
    margin-bottom: 18px
}

#contactPanel .input,
#contactPanel textarea {
    width: 99%;
    padding: 3px;
    font-size: 1em
}

#contactPanel input[type=radio] {
    width: auto
}

#contactPanel #captcha {
    width: 9%
}

#contactPanel .captcha em {
    font-style: normal;
    font-weight: 700
}

#contactPanel .captcha ins {
    padding: 0 3px;
    font-weight: 700
}

#paymentDescription {
    margin: 10px 30px 20px;
    padding: 20px;
    border: 1px solid #bebebe;
    background: url(img/body.png);
}

#options a,
#options a:hover,
.message h2,
.message h2 a,
.message h2 a:hover {
    background: inherit
}

#paymentOuter {
    margin: 10px 0 0
}

#paymentChannels {
    padding-left: 20px
}

#paymentChannels .zagielInfo,
#paymentChannels label,
#paymentChannels select {
    display: none
}

#paymentChannels .zagielInfo label {
    display: inline
}

a.zagielInfo {
    margin: 0 20px 0 0
}

.zagielInfo a {
    margin-left: 5px;
    font-weight: 400
}

#options {
    width: 100%;
    margin: 10px;
    color: #666;
    font-size: 1em;
    text-align: right
}

* html #options {
    width: 94%
}

#options a {
    padding: 0 10px;
    color: #303030;
}

#options a:hover {
    color: #E4332B
}

#options .print a {
    border-left: 1px solid #e0e0e0
}

.message {
    padding: 10px 0;
    text-align: center;
}

.message h2 {
    color: #000;
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.5em
}

.message h2 a {
    color: #2e6a97
}

.message h2 a:hover {
    color: #666
}

#products {
    clear: both;
    float: left;
    width: 100%;
    margin: 10px 0;
    border-bottom: 1px solid #e0e0e0
}

#products ul.list {
    float: left;
    width: 100%

}

#products .list li,
#subpagesGallery li {
    float: left;
    width: 32%;
    margin-left: 9px;
    padding: 20px 0;
    border-top: 0 solid #e0e0e0;
    text-align: center
}

#products .list li li {
    float: none;
    width: auto;
    margin-left: 0;
    padding: 0;
    border-top: 0;
    text-align: left
}

#products li.column1 {
    /* margin-left: 0 */
}

#products li .photo,
#subpagesGallery li .photo {
    margin-bottom: 4px;
    font-size: 0;
    line-height: 0
}

#products .list li .link_blck,
#subpagesGallery li .link_blck {
    min-height: 50px;
}

#products .list li a.product_link,
#subpagesGallery li a.product_link {
    padding: 5px 0;
    font-weight: 400;
    font-size: 17px;
    color: #000;

}

#products li h2 a {
    display: inline-block;
    vertical-align: top;
}

#products li h2 a:hover {
    text-decoration: underline;
    font-weight: 600
}

#products li h3 {
    padding-bottom: 5px;
    font-weight: 400;
    font-size: .917em
}

#products li h3,
#products li h3 a {
    color: #666
}

#products li h3 a:hover {
    color: #E4332B
}

#products li h3 em {
    padding: 0 5px
}

#products li div.description {
    margin: 10px 0 0;
    text-align: justify;
    min-height: 60px;
    display: none
}

#products li div.description a {
    color: #666
}

#products li div.description a:hover {
    color: #E4332B
}

#products li div.description ol,
#products li div.description ul {
    margin: 5px 0 0 25px;
    padding: 0
}

#products li .noPrice,
#products li .price {
    margin: 5px 0;
    background-color: inherit;
    color: #E4332B;
    font-weight: 700;
    display: none
}

#products li .basket,
#products li .basketMoreList,
#subpagesGallery li .basketMoreList {
    margin: 5px auto 0;
    line-height: 2.5em;
    font-weight: 700
}

#products li .price em {
    padding: 0 6px 0 0;
    background: inherit;
    color: #666;
    font-style: normal
}

#products li .price strong {
    font-size: 1.167em
}

#products li .noPrice strong {
    font-size: 1.083em
}

#products li .price span {
    padding-left: 4px;
    font-size: 1.083em;
    color: #666
}

#products li .basket {
    width: 180px;
    padding-left: 3px;
    font-size: 1.5em;
    display: none
}

#products li .basket a {
    display: block;
    padding: 0 32px 0 0;
    color: #fff;
    background: url(img/button_cart_list.png) right bottom no-repeat
}

#products li .basket a:hover {
    color: #333
}

#products li .basketMoreList,
#subpagesGallery li .basketMoreList {
    width: 100%;
    /* padding-left: 3px; */
    font-size: 1rem
}

#products li .basketMoreList a,
#subpagesGallery li .basketMoreList a {
    display: block;
    padding: 0;
    color: #fff;
    background: #232f3e;
    text-align: center;
    border-radius: 0px
}

#products li .basketMoreList a:hover,
#subpagesGallery li .basketMoreList a:hover {
    color: #fff;
    background: #d30630
}

#products .pages {
    float: right;
    width: 100%;
    margin: 0;
    padding: 9px 0;
    border: 0;
    background: 0 0;
    text-align: right;
    font-size: 1em
}

#products .pages li {
    margin: 0;
    padding: 0 2px;
    border: 0;
    background: 0 0
}

#products .pages a,
#products li.pages strong {
    padding: 0 1px;
    font-size: 1em
}

#products .pages .viewAll {
    padding-right: 8px;
    border-right: 1px solid #666
}

#products .pages .title {
    padding-left: 8px;
    border: none
}

#products .pages#pagesBefore {
    clear: none;
    width: auto
}

#products .sort {
    float: left;
    width: auto;
    margin: 0 10px 0 0;
    padding: 10px 0;
    border: 0;
    background: 0 0;
    text-align: left
}

#products .sort.fm-sort {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

#products .sort.fm-sort .fm-sort-dd {
    position: relative;
    display: inline-block;
    min-width: 210px;
}

#products .sort.fm-sort .fm-sort-btn {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 7px 14px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    color: #000;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

#products .sort.fm-sort .fm-sort-ico {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 1;
}

#products .sort.fm-sort .fm-sort-btn-txt {
    margin-left: 10px;
}

#products .sort.fm-sort .fm-sort-chevron {
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    font-size: 14px;
    line-height: 1;
    transition: transform 160ms ease;
}

#products .sort.fm-sort .fm-sort-dd:focus-within .fm-sort-chevron {
    transform: rotate(180deg);
}

#products .sort.fm-sort .fm-sort-dd.is-open .fm-sort-chevron {
    transform: rotate(180deg);
}

#products .sort.fm-sort .fm-sort-menu {
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    width: 100%;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.14);
    display: none;
    z-index: 1000;
}

#products .sort.fm-sort .fm-sort-dd:focus-within .fm-sort-menu {
    display: block;
}

#products .sort.fm-sort .fm-sort-dd.is-open .fm-sort-menu {
    display: block;
}

#products .sort.fm-sort .fm-sort-menu li {
    display: block;
    padding: 0;
    border: 0;
}

#products .sort.fm-sort .fm-sort-opt {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 10px;
    text-decoration: none;
    color: #000;
}

#products .sort.fm-sort .fm-sort-opt:hover {
    background: rgba(224, 10, 79, 0.08);
}

#products .sort.fm-sort .fm-sort-opt.is-active {
    background: rgba(224, 10, 79, 0.10);
    color: #E00A4F;
}

#products .sort ul {
    display: inline;
    list-style: none
}

#products .sort li {
    display: inline;
    padding: 0 6px;
    font-weight: 700;
    border-right: 1px solid #666
}

#product h1,
#products .sort li a {
    font-weight: 400
}

#products .sort li:last-child {
    border: none;
    padding-right: 0
}

#products li .productField {
    display: none
}

#product {
    clear: left;
    float: right;
    display: block;
    width: 790px;
    margin: 0 20px;
    text-align: left
}

#content.productDieCut-none #product {
    width: 98%;
    float: none;
    margin: 0;
}

.product-details #content #product {
    width: 98%;
    float: none;
    margin: 10px auto;
}

* html #product {
    margin: 0
}

#product h1 {
    margin: 18px 0 10px;
    padding-top: 15px;
    color: #232f3e;
    font-size: 1.8em;
    background: inherit;
    line-height: 1em;
    display: inline !important;
    font-weight: 600;
}

#product div.breadcrumb {
    margin: 0 0 10px;
    padding: 2px 0 7px;
    border-bottom: 1px solid #bebebe;
    font-weight: 400;
    font-size: 1em;
}

#product div.breadcrumb {
    background: inherit;
    color: #666;
}
#product div.breadcrumb a {
    color: #0a4e57;
}

#product div.breadcrumb a:hover {
    background-color: inherit;
    color: #E4332B
}

#product div.breadcrumb em {
    padding: 0 5px
}

#product #box {
    position: relative;
    z-index: 996;
    float: right;
    width: 350px;
    /* margin: 5px 0 0px 9px; */
    padding: 20px 15px 15px;
    border-radius: 15px;
    background-color: #f2f2f2;
    text-align: center;
    box-sizing: border-box;
    margin-left: 15px;
}

#product #box.fixed {
    position: fixed;
    right: 10px;
    top: 10px;
    z-index: 996;
    animation: animate 4s linear infinite;
}

@keyframes animate {
    0% {
        box-shadow: 0 0 0 0 #d30630;
    }
    60% {
        box-shadow: 0 0 0 30px rgba(255, 26, 67, 0);
    }
    80% {
        box-shadow: 0 0 0 30px rgba(255, 206, 67, 0);
    }
    100% {
        box-shadow: 0 0 0 rgba(255, 206, 67, 0);
    }
}

#product #box.box_product {
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: none;
    width: 100%;
    border-right: none;
    border-left: none;
}

#product #box.box_product.fixed {
    position: relative;
    top: 0;
    left: 0;
}

.price_wrapper {
    width: 33%;
    margin-left: 11px;
}

#crossSell,
#features {
    -webkit-box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15)
}

#product #box form {
    font-weight: 700
}

#product #box #noPrice,
#product #box #price {
    padding: 16px 0;
    /* border-bottom: 1px solid #bebebe; */
    background-color: transparent;
    color: #000;
    font-weight: 400;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 5px;
}

#product #box #price {
    padding: 0 0 10px 0;

}

#product #box #noPrice {
    color: #E4332B
}

#product #box #price em {
    font-style: normal;
}

#product #box #price strong {
    padding: 0 6px;
    font-size: 1.5em;
    color: #000;
    font-weight: 700;
}

#product #box #available {
    padding: 5px 10px;
    color: #000;
    font-weight: 400;
    font-size: 1.2em;
    background: #f2f2f2;
    border-radius: 0px;
    display: none;
}

#product #box #addBasket {
    padding: 15px 0 10px;
    background: 0 0;
    border: none;
}

#product #box.fixed {
    position: fixed;
    right: 20px;
    top: 75px;
    z-index: 996;
    max-height: calc(100vh - 65px);
    overflow-y: auto;
}

#product #box.box_product .w-60 {
    padding: 8px 0 0px;
    width: 60%;
}

#product #box.box_product #addBasket fieldset {
    display: flex;
    align-items: center;
    justify-content: end;
}

#product #box.box_product #addBasket fieldset .inputButton.bigBtn input {
    width: 102px;
    margin-right: 5px;
}

#product #box.box_product #addBasket fieldset .inputButtonDiecut.bigBtn input {
    width: 160px;
    margin-right: 5px;
}

#product #box.box_product #addBasket fieldset .pdfButton.bigBtn {
    width: 120px;
    /* margin-right:30px; */
}

#product #box .submit,
.btn-section form .submit,
.pdfButton {
    width: calc(100% - 10px);
    padding: 7px 0;
    font-size: 1.1em;
    color: #000;
    font-weight: 700
}

#product #box .submit,
.btn-section form .submit {
    background-color: #E00A4F;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-width: 0px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 0px;
    text-decoration: none;
    margin-top: 20px;
}

#product #box .submit:hover,
.btn-section form .submit:hover {
    background-color: #F52569;
    -webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
    color: #fff;
}

/*#product #box.fixed {
    position: fixed;
    right: 15px;
    top: 25px;
    z-index: 996
}*/

#basket legend,
#features caption,
#orderedProducts tbody .quantity label {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px)
}

.pdfButton {
    margin: 7px 5px;
    background: #0077B9;
    border-radius: 7px;
    display: inline-block;
    cursor: pointer
}

.pdfButton a:hover,
.pdfButton:hover {
    background-color: #13191d;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    color: #fff;
}

.pdfButton a {
    color: #fff
}

.pdfButton2 {
    float: left;
    margin-left: 5px;
    background: #303030;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 1.1em;
    font-weight: 700;
    padding: 10px 15px
}

.pdfButton2 a {
    color: #fff
}

.pdfButton2 a:hover {
    color: #fff

}

#product div.content {
    clear: left;
    padding: 10px 14px;
    font-size: 1.2em;
    line-height: 1.6em;
    overflow: hidden;
    box-sizing: border-box;
}

#product div.content ol,
#product div.content ul {
    margin: 5px 0 0 30px;
    padding: 0
}

#product div.content li {
    margin: 8px 0;
    padding: 0;
    border-left: 0
}

#product div.content p,
#product div.content h1,
#product div.content h2,
#product div.content h3 {
    padding-bottom: 10px
}
#product div.content h1 {
    display: inline-block !important;
}

#product div.content.expanded {
    height: auto;
    overflow: hidden
}

#features {
    margin: 0 0 15px;
    min-width: 100%;
    /*background: #e0e0e0;*/
    font-size: 1em;
    box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15)
}

#features thead td {
    padding: 10px;
    background: #f0f0f0;
    font-weight: 700;
    text-transform: uppercase;
}

#features tbody td,
#features tbody th {
    padding: 10px;
    background: #fff;
    text-align: left;
    line-height: 25px;
}

#features .l0 td,
#features .l0 th {
    background: #f0f0f0
}

#orderedProducts table,
#orderedProducts td {
    border: 0;
    background: #fff;
}

#orderedProducts table {
    width: 100%;
    margin: 0;
    font-size: 1.1em;
    color: #000;
}

#orderedProducts td,
#orderedProducts th {
    padding: 6px 15px
}

#orderedProducts thead .price,
#orderedProducts thead .quantity,
#orderedProducts thead .summary {
    text-align: right
}

#orderedProducts thead td {
    padding-bottom: 11px;
    background: #303030;
    color: #fff
}

#orderedProducts thead em {
    padding: 0 4px 0 0;
    font-style: normal
}

#orderedProducts tbody td,
#orderedProducts tbody th {
    border-top: 2px solid #fff;
    background: #fff;
    border-bottom: 1px solid #e0e0e0

}

#orderedProducts tbody th {
    text-align: left;
}

#orderedProducts tbody .quantity,
#orderedProducts tbody .quantity input,
#orderedProducts tfoot,
#orderedProducts tfoot .summaryOrder,
#orderedProducts tfoot .summaryProducts,
#orderedProducts tfoot .summaryProducts th,
#orderedProducts tfoot .summaryShippingPayment,
#orderedProducts tfoot .summaryPaymentMethod {
    text-align: right;
    background: #fff;
}

#orderedProducts tbody th a {
    background: inherit;
    color: #0D0D0D
}

#orderedProducts tbody .price,
#orderedProducts tbody .summary {
    font-weight: 700;
    text-align: right
}

#orderedProducts tbody a:hover {
    background: inherit;
    color: #666
}

#orderedProducts tfoot {
    background: url(img/body.png)
}

#orderedProducts tfoot .nextStep .submit {
    background: #34a618;
    font-size: 1.2em;
    color: #fff;
    border-radius: 4px;
    padding: 10px 15px
}

#orderedProducts tfoot .nextStep .submit:hover {
    background: #303030;
}

#orderedProducts .voucher {
    color: #DA0150
}

#basket #orderedProducts table {
    margin: 10px 0 0
}

#basket .info {
    padding: 10px 0;
    text-align: left
}

#basket #recount td,
#discountVoucher td,
#order #invoice,
#order .summaryOrder th,
#orderPrint .summaryOrder th,
#orderPrint dt {
    text-align: right
}

#basket #recount {
    background: #fff;
    border-bottom: 2px solid #e0e0e0
}

#basket #recount td {
    border-bottom: 1px solid #e0e0e0
}

#basket #recount .submit {
    padding: 4px 10px;
    border-radius: 5px
}

#basket #recount .submit:hover,
#basket .buttons #continue .submit:hover {
    background: #E5E5E5
}

#basket .summaryProducts {
    font-size: 1.36em;
    font-weight: 700
}

#basket .summaryProducts #summary {
    font-weight: 700
}

#basket .del {
    padding: 0 5px 0 10px
}

#basket .del a {
    background: inherit;
    color: #666
}

#basket .del a:hover {
    background: inherit;
    color: #E4332B
}

#basket .buttons #continue {
    text-align: left
}

#basket .buttons #continue .submit {
    margin-right: 5px;
    padding: 10px 15px;
    border-radius: 0px
}

#basket #pageDescription {
    margin-top: 20px
}

#basket #save {
    padding: 7px
}

#basket #save .submit {
    margin-right: 5px;
    padding: 4px;
    background: #f2f2f2;
    color: #666;
    border: 2px solid #e0e0e0;
    font-weight: 400;
    text-shadow: none
}

#basket #save .submit:hover {
    background: #154a72;
    color: #fff
}

#order #personalData,
#shippingAndPayments div {
    border-top: 2px solid #e0e0e0;
    background: url(img/body.png);
    border-bottom: 2px solid #e0e0e0
}

#orderedProducts .pdfButton {
    float: left;
    margin: 0;
    font-weight: 400
}

#discountVoucher strong {
    padding-right: 3px
}

#incorrectVoucher {
    margin: 7px 0;
    background: inherit;
    color: #34A618;
    font-weight: 700
}

#orderedProducts tfoot #discountVoucher {
    color: #0D0D0D;
    font-size: 1.2em
}

#order form {
    background: 0 0;
    border: none
}

#order legend {
    position: static;
    clip: auto;
    padding: 20px 0 10px;
    border: 0;
    font-size: 1.2em;
    font-weight: 700;
    color: #2e6a97
}

#order #personalData {
    padding: 12px 3%;
    overflow: hidden
}

#order #personalData #setBasic,
#order #personalData #setExtend {
    float: left;
    width: 50%
}

#order #personalData label {
    display: block;
    padding: 8px 0;
    font-weight: 700;
    color: #2e6a97
}

#order #personalData #oComment,
#order #personalData .input {
    width: 90%;
    margin: 0 0 5px
}

#order #personalData #oComment {
    height: 125px
}

#order #vrn {
    float: left;
    width: 40%
}

#order #invoice {
    float: left;
    height: 20px;
    margin-left: 2%;
    padding-top: 18px
}

#order #invoice input {
    float: left;
    margin-top: 10px
}

#order #invoice label {
    float: left;
    margin: 0 0 0 5px;
    font-weight: 400
}

#shippingAndPayments div {
    padding: 11px 3%
}

#order tfoot td,
#orderPrint tfoot td {
    color: #E4332B
}

#order .summaryProducts,
#order .summaryShippingPayment,
#orderPrint .summaryShippingPayment,
#order .summaryPaymentMethod th,
#orderPrint .summaryPaymentMethod th {
    font-size: 1.182em
}

#order .summaryProducts th,
#order .summaryShippingPayment th,
#orderPrint .summaryShippingPayment th,
#order .summaryPaymentMethod th,
#orderPrint .summaryPaymentMethod th {
    font-weight: 400;
    text-align: right
}

#order .summaryOrder,
#orderPrint .summaryOrder {
    color: #666;
    font-size: 1.36em;
    font-weight: 700
}

#order .summaryOrder td,
#order .summaryOrder th {
    border-top: 1px solid #e0e0e0
}

#order #rulesAccept th {
    color: #666;
    font-weight: 700;
    text-align: left
}

#order #nextStep th,
#order #rulesAccept th {
    border: 0
}

#orderPrint #pageDescription {
    padding: 10px 8px 20px;
    text-align: center;
    background: inherit;
    color: #E4332B;
    font-weight: 400;
    font-size: 1.5em
}

#orderPrint #pageDescription p {
    padding: 5px 0
}

#orderPrint .legend {
    padding: 20px 0 10px;
    background: inherit;
    color: #2e6a97;
    font-size: 1.2em;
    font-weight: 700
}

#orderPrint dl {
    float: left;
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 0;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    background: url(img/body.png) #fff
}

#orderPrint dd,
#orderPrint dt {
    float: left;
    display: inline-block;
    width: 40%;
    margin: 0;
    padding: 3px 0
}

#orderPrint dt {
    clear: left
}

#orderPrint dd {
    padding-left: 2%;
    font-weight: 700
}

#foot,
#foot a,
#orderPrint dd.orderComment,
#orderPrint dd.orderIP {
    font-weight: 400
}

#orderPrint .orderStatusLink {
    margin: 10px 30px 20px;
    padding: 14px;
    text-align: center;
    border-top: 1px solid #bebebe;
    border-bottom: 1px solid #bebebe
}

#orderPrint .orderStatusLink div {
    padding: 3px 0
}

#foot .container {
    /* width: 960px; */
    margin: 0 auto;
    padding: 15px 0;
    color: #555;
    overflow: hidden
}

#foot a {
    background: inherit;
    color: #555
}

#foot a:hover {
    color: #E4332B;
    background: inherit
}

#copy {
    float: left;
    margin: 60px 0;
    width: 100%;
    text-align: center;
}

.foot {
    float: right;
    padding: 10px
}

@media print {
    #container,
    #head2,
    #head2 .container {
        height: auto
    }

    * {
        color: #000 !important;
        background: #fff !important;
        border-color: #444 !important;
        border-width: 1px !important;
        text-shadow: none !important;
        box-shadow: none !important;
        -webkit-box-shadow: none !important
    }

    body {
        margin: 1cm 0
    }

    #container {
        width: 17.2cm
    }

    #logo {
        padding: 0 0 .2cm
    }

    #body .container,
    #foot .container,
    #head1 .container,
    #head2 .container,
    #head3 .container {
        border-width: 0 !important
    }

    #body {
        clear: none
    }

    #body .container {
        overflow: visible
    }

    #logo #title,
    #page h1 {
        padding: 0
    }

    #page div.breadcrumb {
        position: relative;
        top: 0
    }

    #body .container,
    #content,
    #foot .container,
    #header .container,
    #page,
    #product,
    #products,
    .order #content {
        float: none;
        width: 17.2cm;
        padding: 0;
        margin: 0
    }

    #back,
    #column,
    #head1,
    #head3,
    #page .tS,
    #product #box .submit,
    #products li .basket,
    .btn-section .submit {
        width: calc(100% - 10px);
        padding: 7px 0;
        border: 0;
        background: #da0150;
        color: #fff;
        font-size: 1.1em;
        font-weight: 700;
        border-radius: 7px
    }

    .row.buttons {
        margin-bottom: -30px;
        margin-top: 20px
    }

    .btn-section {
        display: inline-block;
        min-width: 200px
    }

    #commentForm,
    #contactPanel,
    #plusOne,
    #socialButtons {
        display: none
    }
}

#menu21,
#menu22,
#menu23 {
    border-right: 0 solid #ccc
}

#foot_box1 .type,
#foot_box1 ul a,
#foot_box2 .type,
#foot_box2 ul a,
#foot_box3 .type,
#foot_box3 ul a,
#foot_box4 .type,
#foot_box4 ul a {
    font-size: 1em;
    font-weight: 400
}

#foot_box1,
#foot_box2,
#foot_box3,
#foot_box4 {
    float: left;
    height: 150px;
    border-radius: 5px
}

#foot_menudolne {
    background: inherit;
    color: #666
}

#foot_box1 p {
    margin-top: 22px
}

#foot_box1 p img {
    border-radius: 0
}

#foot_box1 {
    width: 270px;
    background: #0081C9;
    margin-top: 4px;
    margin-right: 10px
}

#foot_box1 ul a:before {
    font-family: FontAwesome;
    content: "\f105\00A0 \00A0 "
}

#foot_box1 ul a {
    color: #f5f5f5;
    text-decoration: none;
    line-height: 1.5em
}

#foot_box1 ul a:hover {
    color: #d30630
}

#foot_box1 li {
    padding-left: 12px
}

#foot_box1 .type {
    color: #f5f5f5;
    margin: 0 0 7px 5px;
    padding: 5px 0 0 15px
}

#foot_menu_right {
    float: right;
    /* width: 680px; */
    background: inherit;
    margin-top: 4px;
    height: 90px
}

#foot_box2 {
    width: 260px;
    background: #d30630;
    margin-top: 0;
    margin-right: 10px
}

#foot_box2 ul a:before {
    font-family: FontAwesome;
    content: "\f05a\00A0 \00A0 ";
    color: #f29400
}

#foot_box2 ul a {
    color: #f5f5f5;
    line-height: 1.5em
}

#foot_box2 ul a:hover {
    color: #d30630
}

#foot_box2 li {
    padding-left: 20px
}

#foot_box2 .type {
    color: #f5f5f5;
    margin: 0 0 7px 5px;
    padding: 5px 0 0 15px
}

#menu22 {
    padding-left: 0
}

#foot_box3 {
    width: 260px;
    background: #f29400;
    margin-top: 0;
    margin-right: 10px
}

#foot_box3 ul a:before {
    font-family: FontAwesome;
    content: "\f05a\00A0 \00A0 ";
    color: #000;
}

#foot_box3 ul a {
    color: #f5f5f5;
    line-height: 1.5em
}

#foot_box3 ul a:hover {
    color: #d30630
}

#foot_box3 li {
    padding-left: 20px
}

#foot_box3 .type {
    color: #f5f5f5;
    margin: 0 0 7px 5px;
    padding: 5px 0 0 15px
}

#foot_box4 {
    width: 260px;
    background: #000;
    margin-top: 0
}

#foot_box4 ul a:before {
    font-family: FontAwesome;
    content: "\f05a\00A0 \00A0 ";
    color: #fff;
}

#foot_box4 ul a {
    color: #fff;
    line-height: 1.5em
}

#foot_box4 ul a:hover {
    color: #d30630
}

#foot_box4 li {
    padding-left: 20px
}

#foot_box4 .type {
    color: #000;
    margin: 0 0 7px 5px;
    padding: 5px 0 0 15px
}

#foot_box_footer,
#foot_box_header {
    width: 100%;
    height: 7px;
    background: inherit
}

#menuShow {
    display: none
}

/* #productDescription {
    clear: left;
    float: right;
    display: block;
    max-width: 790px;
    width: 100%;
    margin: 0 20px;
    text-align: left;
    font-size: 1.05rem;
    line-height: 1.6em;
    color: #000;

} */
#productDescription ul {
    padding-left: 20px;
}

#page .top-banner {
    margin-bottom: 10px;
}
#page .top-banner img {
    width: 100%;
}
#page #pageDescription h2 {
    margin-bottom: 10px;
}

@media screen and (max-width: 1100px) {
    img {
        max-width: 100%
    }

    #body .container,
    #foot .container,
    #head1 .container,
    #head2 .container,
    #head3 .container {
        width: 95%
    }

    #column {
        width: 30%;
        padding: 10px 0
    }

    #column .type {
        padding: 3px 10px;
        background: #c10000;
        text-shadow: none
    }

    #column .box {
        margin: 0 0 15px
    }

    #column .box .type {
        background: #34A618
    }

    #basketSummary .title,
    #column #box1 .type,
    #promoted .title {
        padding: 3px 10px;
        background: #34A618
    }

    #basketSummary,
    #promoted {
        padding: 10px 0
    }

    #menu3,
    #menu3 ul {
        padding: 0
    }

    #menu3 .sub1 li {
        padding: 5px 22px;
        background-position: 7px center
    }

    #content {
        width: 70%
    }

    #page {
        margin: 0 auto;
    }

    #products .list li,
    #subpagesGallery li {
        width: 48%;
        margin: 1%;
        padding: 10px 0 0
    }

    #products .list .i1 {
        clear: left
    }

    #products li.column1 {
        clear: none
    }

    #product {
        width: 100%;
        margin: 0 0%;
    }

    #product #box {
        padding: 2px 5px;
        width: auto;
        margin-top: 10px
    }

    #foot_box2,
    #foot_box3,
    #foot_box4 {
        width: 215px
    }

    #foot_menu_right {
        width: 670px
    }
}

@media screen and (max-width: 800px) {

    .cstm-header-top .cstm-benifit li {
        margin-right: 20px;
    }

    .cstm-logo {
        width: 25%;
        margin-right: 2%;
        background: initial !important;
    }

    .cstm-search {
        width: 45% !important;
        margin: 0px !important;
        float: left !important;
    }

    .cstm-cart-profile {
        width: 26%;
        float: left;
        margin-left: 2%;
    }

    #foot_box1,
    .quick-slider-nav-dots {
        display: none
    }

    #logo img {
        max-width: 220px
    }

    .boxes .box img {
        max-width: 80%
    }

    #content .imagesGallery table img {
        max-width: 110px
    }

    #foot_menu_right {
        width: 100%;
        height: 100%
    }

    #foot_box2,
    #foot_box3,
    #foot_box4 {
        width: 32%
    }

    #quick-slider2 img {
        width: 760px;
        height: 238px
    }

    .slidertext {
        top: 5px;
        left: 20px;
        width: 60%;
        margin: 10px 200px 0 0;
        padding: 10px;
        font-size: 1.5em
    }

    .boxes .box {
        margin: 0 0 5px 15px
    }

    .boxes .type {
        color: #0D0D0D;
        font-size: 1.2em;
        font-weight: 700
    }

    #content .theme-default .nivoSlider {
        max-width: 100%
    }

    .show_web {
        display: none;
    }
}

@media screen and (max-width: 750px) {
    .cstm-header-top .cstm-telephone li {
        padding: 5px 0px 8px 0px;
    }

    .cstm-header-top .cstm-telephone li a {
        color: #ffffff;
        font-size: 12px;
    }

    .cstm-cart-profile_main {
        float: inherit;
        display: inline-block;
    }

    .cstm-cart-profile #menu1 {
        float: inherit;
        display: inline-block;
        vertical-align: bottom;
    }

    .cstm-cart-profile {
        width: 100%;
        margin-left: 0;
        text-align: center;
        float: inherit;
        display: table;
    }

    .cstm-search fieldset em {
        left: 2px;
        top: 2px;
    }

    .cstm-search fieldset {
        padding: 7px 12px 7px 48px;
        position: relative;
        height: 35px;
    }

    .cstm-search {
        width: 96% !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    .cstm_head2 .container {
        padding: 10px 0px;
    }

    .cstm-header-top .container {
        width: 100%;
        text-align: center;
    }

    .cstm-header-top .cstm-telephone {
        float: inherit;
    }

    .cstm-header-top .cstm-benifit li {
        display: inline-block;
        float: inherit;
        margin: 0px 8px !important;
        padding: 8px 0px 2px 0px;
        list-style: none;
        font-size: 12px;
    }

    .cstm-header-top .cstm-benifit li span {
        margin-left: 0;
    }

    .cstm-benifit svg {
        font-size: 14px;
    }

    .cstm-header-top .cstm-telephone li {
        padding: 9px 0px 10px 0px;
    }
}

@media screen and (max-width: 736px) {
    #menu2 .selected,
    #menu2 li,
    #menu2 li:hover {
        width: 25%;
        border: none
    }

    .imagePreview img {
        max-width: 200px
    }

    #quick-slider2 img {
        width: 700px;
        height: 219px
    }

    .boxes .box {
        margin: 0 0 5px 10px
    }

    .boxes .type {
        color: #0D0D0D;
        font-size: 1.2em;
        font-weight: 700
    }

    #column .box img {
        width: 80%;
        height: 80%
    }

    #menu1 li.l2,
    #menu1 li.lL {
        display: none
    }
}

@media screen and (max-width: 667px) {
    .imagePreview img {
        max-width: 190px
    }

    #quick-slider2 img {
        width: 634px;
        height: 198px
    }

    #randomProduct img {
        width: 150px
    }

    .boxes .box {
        margin: 0 0 5px 12px
    }
}

@media screen and (max-width: 640px) {
    #body.basket-page #content,
    #foot_menu_right {
        width: 100%
    }

    .imagePreview img {
        max-width: 170px
    }

    #logo img {
        max-width: 280px
    }

    #body.basket-page #column {
        display: none
    }

    #order #vrn {
        float: none;
        width: 90%
    }

    #order #invoice {
        float: left;
        height: auto;
        margin-left: 0;
        padding: 0 0 7px;
        text-align: left
    }

    /*#content .imagesGallery table img {
        max-width: 96px
    }*/
    #content .imagesGallery td,
    #content .imagesGallery th {
        padding: 15px 0px 10px;
    }

    #foot_box2,
    #foot_box3,
    #foot_box4 {
        width: 100%;
        margin-bottom: 5px
    }

    #quick-slider2 img {
        width: 608px;
        height: 190px
    }

    #quick-slider3 img {
        width: 180px
    }
}

@media screen and (max-width: 568px) {
    .imagePreview img {
        max-width: 120px
    }

    #logo img {
        max-width: 240px
    }

    #menu1 ul {
        margin: 12px 0 3px
    }

    #quick-slider2 img {
        width: 540px;
        height: 169px
    }

    .boxes .type {
        font-size: 1em;
        font-weight: 700
    }

    #promoted .title,
    #randomProduct .type {
        font-size: 1.5em
    }

    #promoted img,
    #randomProduct img {
        width: 120px
    }

    .boxes .box {
        float: left;
        width: 48%;
        padding: 0;
        margin: 0 0 5px 5px;
        min-height: 210px
    }

    #menu2 .selected,
    #menu2 li,
    #menu2 li:hover {
        width: 50%;
        border: none
    }
}

@media screen and (max-width: 533px) {
    .imagePreview img {
        max-width: 100px
    }

    #logo img {
        max-width: 200px
    }

    #quick-slider2 img {
        width: 506px;
        height: 158px
    }
}

@media screen and (max-width: 480px) {

    .cstm-header-top {
        display: none;
    }

    .deskt-view {
        display: none;
    }

    /*.cstm-cart-profile {
        margin-top: -8px;       
            position: absolute;     
    }*/
    #head2 {
        height: 185px !important;
    }

    /*.cstm-logo {        
        margin-top: 65px;       
    }*/
    #menu11 li,
    #lang_new li {
        border-top: none !important;
    }

    #head3 {
        background: #d30630;
        margin-top: -55px;
        z-index: 1111;
        position: relative;
    }

    #menuShow {
        left: inherit !important;
        right: 14px;
        top: -104px !important;
    }

    #logo img {
        margin-left: 10px !important;
    }

    .cstm-cart-profile_main {
        margin-right: 23px;
    }

    .cstm-cart-profile #menu1 {
        display: inline-block;
    }

    #langShow,
    #menu11 ul {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    #langShow_new {
        display: block;
    }

    #menuShow,
    #product #showAttr {
        cursor: pointer
    }

    #langShow,
    #menu1,
    #menu2,
    #menu2 li,
    #product #attributesSelects {
        display: none
    }

    #page h1 {
        /*margin: 0 0 10px;*/
        font-size: 1.3em;
        font-weight: 700;
        line-height: 1em
    }

    .grid_quanity {
        grid-template-columns: 140px 140px 140px 140px !important;
    }

    .contact_grid_btn2 {
        padding: 3.8px 7px !important;
    }

    .button {
        padding: 15px 15px !important;
    }

    .featureCont {
        max-width: 100%;
    }

    #helpFinish2 .featureCont,
    #finish1 .featureCont,
    #finish3 .featureCont,
    #material .featureCont {
        /*max-width: 120px*/
    }

    #product #box {
        width: 100%;
        z-index: 996;
        padding: 2px 0
    }

    #product #box.fixed {
        right: 0;
        top:0;
        margin-top: 0;
    }

    .imagePreview img {
        max-width: 200px
    }

    #menu3 ul,
    #menu4 ul {
        padding: 10px 0;
        list-style: none;
        background: #f7f7f7
    }

    #menu11 ul {
        float: right;
        margin: 0;
        background: #0081ca;
        width: 100%
    }

    #head1,
    #head1 .container {
        width: 100%;
        background: #3DBD1D
    }

    #head2,
    #logo {
        background: #fff
    }

    #head2 {
        height: 135px
    }

    #head2 .container {
        height: 100%;
        background: #fff
    }

    #logo {
        width: 445px
    }

    #logo img {
        max-height: 60px;
        margin-left: 150px
    }

    #searchTop {
        clear: both;
        width: 95%;
        margin: 10px 15px 0 0
    }

    #searchTop #searchForm .input {
        width: 80%
    }

    #column,
    #content,
    #copy,
    #menu2 li,
    #menu2 li a,
    #menu2 ul,
    #menu2 ul li,
    #quick-slider3 img,
    .foot {
        width: 100%
    }

    #menu1 li.l2 {
        position: relative;
        top: 10px
    }

    #menuShow {
        position: absolute;
        left: 25px;
        top: 60px;
        margin: 0;
        list-style: none;
        background: url(img/menu-min_1.png) top left no-repeat;
        width: 32px;
        height: 32px;
        display: block;
        z-index: 9999;
        text-decoration: none;
        color: #fff;
        text-transform: uppercase
    }

    #menu2 ul {
        display: block;
        height: auto;
        padding-left: 0;
        margin-bottom: 10px
    }

    #menu2 li {
        float: left;
        padding: 0;
        clear: both
    }

    #menu2 ul li {
        display: block
    }

    #menu2 li a {
        float: right;
        height: 30px;
        padding: 10px 0 0;
        color: #636363;
        border: none;
        background: #f5f5f5;
        font-weight: 400;
        font-size: 1.2em
    }

    #menu2 li:first-child a {
        padding-left: 5px
    }

    #menu2 .selected,
    #menu2 li,
    #menu2 li:hover {
        width: 100%;
        border: none
    }

    a.zagielInfo {
        display: block;
        margin: 4px 0 8px
    }

    #content {
        padding: 12px 0 10px;
    }

    #product h1 {
        font-size: 1.4em;
    }

    #copy,
    .foot {
        float: none;
        text-align: center;
        padding: 0 0 20px
    }

    #quick-slider2 img {
        width: 456px;
        height: 143px
    }

    #column .box,
    #promoted,
    #randomProduct {
        display: none
    }

    #products .list li,
    #subpagesGallery li {
        width: 48%;
        margin: 1%;
    }

    #products li .photo img,
    #subpagesGallery li .photo img {
        max-width: 150px;
    }

    #products li .basketMoreList,
    #subpagesGallery li .basketMoreList {
        width: 150px;
        margin: 5px auto 0;
        padding-left: 3px;
        font-size: 1rem;
        font-weight: 700;
        line-height: 2em
    }

    #order .input,
    #order .tab {
        width: 100%
    }

    #order .tab a {
        width: 95%;
        padding-right: 0
    }

    #subpagesGallery {
        width: 97%
    }

    #subpagesGallery td,
    #subpagesGallery th {
        padding: 15px 2px 10px
    }

    #subpagesGallery h2,
    #subpagesGallery h2 a {
        font-size: 1.1em
    }

    #userTurnoverInfo span {
        float: left
    }

    #userTurnover {
        clear: both;
        padding-top: 10px
    }

    .DescriptionSpecial h2 strong {
        padding-top: 12px;
        display: inline-block;
    }

    .imagesGallery img {
        width: 100%;
    }
}

@media screen and (max-width: 414px) {
    .imagePreview img {
        max-width: 140px
    }

    #logo {
        clear: both;
        width: 384px;
        background: #fff
    }

    #logo img {
        max-height: 60px;
        margin-left: 130px
    }

    #quick-slider2 img {
        width: 393px;
        height: 129px
    }

    #address_save_change, #address_save_new {
        width: 50%;
        text-align: center;
    }

    #address_save_change {
        margin-right: 0 !important;
        margin-top: 5px;
    }
}

@media screen and (max-width: 375px) {
    .imagePreview img {
        max-width: 110px
    }

    #logo {
        clear: both;
        width: 347px;
        background: #fff
    }

    #quick-slider2 img {
        width: 356px;
        height: 111px
    }

    #logo img {
        max-height: 60px;
        margin-left: 120px
    }
}

@media screen and (max-width: 360px) {
    .imagePreview img {
        max-width: 90px
    }

    #head2 .container {
        height: 100px
    }

    #logo {
        clear: both;
        width: 332px;
        background: #fff
    }

    #logo img {
        max-height: 60px;
        margin-left: 110px
    }

    #logo #title a {
        font-size: 2em
    }

    #logo #slogan {
        padding-left: 0
    }

    #lang {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 0
    }

    #orderedProducts td {
        padding: 2px;
        font-size: 10px;
    }

    #orderedProducts #recount td {
        padding: 2px 0
    }

    #orderedProducts #recount .submit {
        font-size: .83em
    }

    #orderedProducts thead .name {
        padding-left: 7px
    }

    #orderedProducts thead .price span {
        display: none
    }

    #continue .submit {
        width: 80px;
        font-size: 14px;
    }

    #basket #save {
        padding: 6px 4px 0
    }

    #orderedProducts tbody .quantity input {
        width: 25px
    }

    #orderedProducts .del {
        overflow: hidden;
        width: 16px;
        padding: 0;
        vertical-align: center;
        font-size: 1px;
        line-height: 1px
    }

    #orderedProducts .del a {
        display: inline-block;
        width: 16px;
        height: 16px;
        font-size: 0;
        line-height: 1px;
        color: transparent;
        background: url(img/delete.png) no-repeat;
        text-decoration: none
    }

    #orderedProducts .del a:hover {
        color: transparent;
        background: url(img/delete.png) 0 -16px no-repeat
    }

    #orderedProducts .nameConfiguration1,
    .nameConfiguration2 {
        font-size: 14px;
        width: 120px;
        word-break: break-all
    }

    #order #personalData #setBasic,
    #order #personalData #setExtend {
        width: 100%
    }

    #order #personalData #oComment {
        height: 80px
    }

    #content .imagesGallery table img {
        max-width: 70px
    }

    #comments span.date {
        font-size: .917em
    }

    #quick-slider2 img {
        width: 342px;
        height: 107px
    }

    .cstm-del-cart-btn {
        border-radius: 1px;
        padding: 2px 8px;
    }

    button.cstm-del-cart-btn, a.cstm-del-cart-btn {
        font-size: 10px;
        padding: 4px 15px;
    }

    .boxes .box {
        float: left;
        width: 47%;
        padding: 0;
        margin: 0 0 5px 5px;
        min-height: 210px
    }
}

#newsletter label,
#order dl#notRequired {
    display: none
}

@media screen and (max-width: 320px) {
    #logo img {
        max-width: 200px !important;
    }

    #logo {
        clear: both;
        width: 292px;
        background: #fff
    }

    #logo img {
        max-height: 60px;
        margin-left: 90px
    }

    #product #box {
        clear: right;
        float: right
    }

    .imagePreview img {
        max-width: 250px;
        margin-left: 30px
    }

    #menu11 li {
        padding: 7px 10px 10px
    }

    #logo img {
        max-width: 300px
    }

    #quick-slider2 img {
        width: 304px;
        height: 95px
    }
}

#page .stockLevel,
#page .stockSold {
    margin: 5px 0;
    font-size: .917em
}

#page .stockSold {
    background: inherit;
    color: #c22463;
    font-weight: 700
}

#page .stockLevel strong {
    margin: 0 0 0 2px
}

#product .stockLevel,
#product .stockSold {
    margin: 8px 10px 4px;
    padding: 5px 0 6px;
    font-weight: 700;
    font-size: .917em
}

#product .stockSold {
    color: #c22463
}

#product .stockLevel strong {
    margin: 0 0 0 4px;
    background: inherit;
    color: #c22463
}

#basket #productsOverStock h5 {
    margin-top: 10px;
    padding: 8px 0;
    font-size: 1em;
    font-weight: 700;
    border-top: 1px solid #e0e0e0
}

#basket #productsOverStock strong {
    display: block;
    padding: 2px 10px;
    background: inherit;
    color: #c22463
}

#basket #productsOverStock div {
    margin: 0 0 10px;
    padding: 5px 0 10px;
    font-size: 1em;
    font-weight: 400;
    border-bottom: 1px solid #e0e0e0
}

#newsletter .input {
    width: 97%
}

#newsletter fieldset {
    padding: 0;
    margin: 0
}

#newsletter .type {
    margin-top: 0
}

#newsletter p {
    text-align: center;
    margin-top: 5px
}

#content .theme-default .nivoSlider {
    width: 100%;
    margin: 0 auto;
    background: #fff
}

.theme-default .nivo-controlNav {
    padding: 5px 0
}

.nivoSlider a.nivo-imageLink {
    background: #fff;
    filter: alpha(opacity=0);
    opacity: 0
}
.theme-default {
    margin-top: 20px;
}
.theme-default #imagesSlider.nivoSlider {
    box-shadow: none;
    -webkit-box-shadow: none;
    position: relative;
    overflow: hidden;
    height: 350px;
}

.theme-default #imagesSlider.nivoSlider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
}
.theme-default #imagesSlider.nivoSlider .nivo-caption {
    height: 45px;
    background: #E00A4F;
    text-align: center;
    display: grid !important;
    align-items: center;
    font-weight: bold;
    font-size: 17px;
}

@media print {
    #content .theme-default {
        display: none
    }
}

#product .recommended,
#products .recommended {
    padding-left: 5px
}

#userTurnover input[type=text] {
    padding: 3px 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #9e9fa0;
    font-family: Arial;
    border-radius: 2px
}

#userTurnover input[type=submit] {
    padding: 3px 10px;
    border-width: 1px;
    border-style: solid;
    border-color: #989692;
    border-radius: 3px;
    background: #e7e3dc;
    color: #333
}

#userTurnover input[type=submit]:hover {
    border-color: #2b2b2b;
    background-color: #294159;
    color: #fff;
    cursor: pointer
}

#userTurnoverInfo {
    padding: 10px 0;
    font-size: 1.5em
}

#order #deliveryAddress {
    padding: 11px 3%;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0;
    background: url(img/body.png);
    color: #2e6a97
}

#order #deliveryAddress label {
    display: block;
    font-weight: 400;
    padding: 2px 0;
    font-weight: 700;
    color: #2e6a97;
}

#order #deliveryAddress .input {
    width: 45%;
    margin: 0 0 5px
}

#order #iNotReguired {
    float: left;
    height: 32px;
    margin-right: 5px
}

#crossSell {
    clear: both;
    margin: 10px 0;
    padding: 8px 10px 10px;
    background: #f2f2f2;
    border-bottom: 1px solid #dadada;
    box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15)
}

#crossSell h3 {
    color: #c22463;
    font-size: 1.7em;
    font-weight: 400;
}

#crossSell ul {
    margin: 10px 10px 10px 20px;
    padding: 8px 0 0
}

#crossSell li {
    padding: 0 0 7px 12px;
    background: url(img/menu3_sub.gif) left 5px no-repeat;
    text-align: left;
}

#crossSell li a {
    color: #666;
    font-weight: 700
}

#crossSell li a:hover {
    background-color: inherit;
    color: #c22463;
    text-decoration: underline
}

#crossSell .name,
#crossSell .price {
    display: inline
}

#crossSell .price {
    color: #2e6a97;
    padding: 0 5px 0 15px
}

#crossSell .price em {
    display: none
}

#crossSell .price span {
    padding-left: 5px
}

#download {
    width: 100%;
    background: #e0e0e0;
    font-size: 1em;
    margin: 15px 0 5px;
    -webkit-box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15);
    box-shadow: 0 8px 5px -5px rgba(0, 0, 0, .15)
}

#download td {
    padding: 5px
}

#download .ico {
    padding: 5px 0;
    text-align: center;
    width: 30px
}

#download .date-file {
    width: 120px
}

#download thead td {
    background: #f0f0f0
}

#download tbody td {
    background: #fff
}

#download tbody p {
    padding-top: 2px;
    color: #666
}

.youtube {
    width: 420px;
    height: 315px;
    padding: 1px;
    background: #c0bfbf;
    border: 4px solid #eee;
    -webkit-box-shadow: 0 0 10px rgba(48, 47, 47, .4);
    box-shadow: 0 0 10px rgba(48, 47, 47, .4)
}

.youtube:hover {
    border: 4px solid #c9cdce
}

@media screen and (max-width: 675px) {
    .youtube {
        width: 97%
    }
}

#products li .price {
    text-align: right
}

#product #box #price #priceNetto,
#products li .priceNetto {
    padding-top: 3px;
    color: #000;
    font-weight: 400
}

#product #box #price #priceNetto em,
#products li .price .priceNetto em {
    font-weight: 400;
    padding-right: 2px
}

#product #box #price #priceNetto span,
#products li .price .priceNetto span {
    font-weight: 400;
    padding-right: 5px;
    color: #000
}

#tags,
#tags li,
#tags li a {
    color: #666666;
}
#product #box #price #priceNetto {
    margin-bottom: 10px;
}
#product #box #price #priceNetto strong,
#products li .price .priceNetto strong {
    font-weight: 600
}

#product #box #price #priceNetto,
#product #box #price #priceNetto em {
    color: #000
}

#tags {
    margin: 10px 0;
    padding: 0 10px;
}

#tags li {
    display: inline-block;
    padding: 0 5px 0 0
}

#tags li a {
    font-weight: 100
}

#content .breadcrumb {
    padding: 0 10px;
}

h3.tagName {
    padding: 10px 0 5px;
    background: inherit;
    color: #01476f;
    font-weight: 400;
    font-size: 1.833em
}

.imagesListSlider {
    clear: both;
    float: left;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

.imagesListSlider#imagesList3 {
    margin-bottom: 10px
}

#product .imagesListSlider#imagesList3 {
    padding-top: 0;
    border-top: 0
}

.imagesListSlider .slider {
    float: left;
    overflow: hidden;
    width: 600px
}

.imagesListSlider ul {
    position: relative;
    float: left;
    width: 10000px
}

.imagesListSlider ul li {
    float: left;
    padding: 0;
    margin: 0;
    text-align: center
}

.imagesListSlider#imagesList3 li,
.imagesListSlider#imagesList4 li {
    margin: 0 5px
}

.imagesListSlider li img {
    padding: 1px;
    background: #c0bfbf;
    border: 4px solid #eee
}

.imagesListSlider li img:hover {
    border-color: #c9cdce
}

#productsRelated ul,
#randomCategoryProducts ul {
    border-bottom: 2px solid #e0e0e0;
    list-style: none
}

.vertical {
    width: 150px;
    padding: 0
}

.vertical .slider {
    width: 100%
}

.vertical li > div {
    margin: 5px 0
}

.imagesListSlider .nav a {
    display: block;
    padding: 40px 0 20px;
    font-size: 2em;
    font-weight: 700;
    color: #666
}

.imagesListSlider .nav a:hover {
    color: #c22463
}

.imagesListSlider .nav.left {
    float: left
}

.imagesListSlider .nav.right {
    float: right
}

.vertical .nav a {
    padding: 0
}

#randomProduct .content {
    text-align: center
}

#randomProduct img {
    padding: 4px;
    background: inherit;
    border: 1px dotted #ccc;
    border-radius: 15px
}

#randomProduct img:hover {
    border: 1px solid #ccc
}

#randomProduct .name {
    font-size: 1.1em;
    padding: 5px 0;
    font-weight: 700
}

#randomProduct a:hover {
    background: inherit;
    color: #666;
    text-decoration: underline
}

#randomProduct .noPrice,
#randomProduct .price {
    padding: 2px 0 0;
    background: inherit;
    color: #c22463;
    display: none
}

#randomProduct strong {
    padding: 0 2px 0 5px;
    font-weight: 700
}

#randomProduct .price em {
    padding: 0;
    background: inherit;
    color: #666;
    font-style: normal
}

#randomProduct .price span {
    color: #666;
    font-weight: 700;
    padding-left: 5px
}

#randomProduct .price ins {
    text-decoration: none;
    font-weight: 700;
    padding-left: 5px
}

#randomProduct .price ins em {
    padding-right: 5px;
    background: inherit;
    color: #c22463;
    text-decoration: line-through;
    font-style: normal
}

#productsLastVisited a:hover,
#productsRelated a:hover,
#randomCategoryProducts a:hover {
    text-decoration: underline
}

#randomCategoryProducts {
    clear: both;
    float: left;
    width: 100%;
    border-top: 2px solid #e0e0e0;
    padding-top: 10px
}

#randomCategoryProducts h3 {
    font-size: 1.7em;
    font-weight: 400;
    color: #c22463
}

#randomCategoryProducts ul {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 15px 0 10px
}

#randomCategoryProducts li {
    float: left;
    width: 32%;
    margin-left: 2%;
    padding: 5px 0 15px;
    text-align: center;
    vertical-align: top
}

#randomCategoryProducts li.column1 {
    clear: both;
    margin-left: 0
}

#randomCategoryProducts a {
    display: block;
    padding: 0 5px;
    font-weight: 700;
    text-decoration: none
}

#randomCategoryProducts .noPrice,
#randomCategoryProducts .price {
    padding: 6px 0 0;
    color: #2e6a97;
    display: none
}

#randomCategoryProducts .price strong {
    padding: 0 2px 0 5px;
    font-weight: 700
}

#randomCategoryProducts .price em {
    padding: 0;
    background: inherit;
    font-style: normal
}

#randomCategoryProducts .price span {
    font-weight: 700;
    padding-left: 5px
}

@media print {
    #randomCategoryProducts .price em,
    #randomCategoryProducts .price span,
    #randomCategoryProducts .price strong {
        font-weight: 400
    }

    #randomCategoryProducts {
        float: none;
        width: 17.2cm;
        padding: 0;
        margin: 0
    }
}

@media screen and (max-width: 650px) {
    #randomCategoryProducts .price em {
        display: none
    }
}

@media screen and (max-width: 360px) {
    #randomCategoryProducts li {
        width: 98%
    }

    #randomCategoryProducts .price em {
        display: initial
    }
}

#productsLastVisited {
    clear: both;
    float: left;
    width: 100%;
    border-top: 0 solid #e0e0e0;
    padding-top: 10px
}

#productsLastVisited h3 {
    font-size: 1.5em;
    font-weight: 400;
    color: #272727;
    padding-left: 10px;
    padding-right: 10px;
}

#productsLastVisited ul {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 15px 0 10px;
    list-style: none;
    border-bottom: 0 solid #e0e0e0
}

#productsLastVisited li {
    float: left;
    width: 32%;
    margin-left: 2%;
    padding: 5px 0 15px;
    text-align: center;
    vertical-align: top
}

#productsLastVisited li.column1 {
    clear: both;
    margin-left: 0
}

#productsLastVisited a {
    display: block;
    padding: 0 5px;
    font-weight: 700;
    text-decoration: none
}

#productsLastVisited .noPrice,
#productsLastVisited .price {
    padding: 6px 0 0;
    color: #2e6a97;
    display: none
}

#productsLastVisited .price strong {
    padding: 0 2px 0 5px;
    font-weight: 700
}

#productsLastVisited .price em {
    padding: 0;
    background: inherit;
    font-style: normal
}

#productsLastVisited .price span {
    font-weight: 700;
    padding-left: 5px
}

@media screen and (max-width: 650px) {
    #productsLastVisited .price em {
        display: none
    }
}

@media screen and (max-width: 360px) {
    #productsLastVisited li {
        width: 98%
    }

    #productsLastVisited .price em {
        display: initial
    }
}

#product #askAboutProduct {
    font-size: .917em
}

#product #askAboutProduct:hover {
    background: 0 0
}

@media print {
    #productsLastVisited .price em,
    #productsLastVisited .price span,
    #productsLastVisited .price strong {
        font-weight: 400
    }

    #productsLastVisited {
        float: none;
        width: 17.2cm;
        padding: 0;
        margin: 0
    }

    #askAboutProduct {
        display: none
    }
}

#google_translate_element {
    float: left;
    padding-top: 8px;
    display: none
}

.goog-logo-link,
.goog-logo-link:active,
.goog-logo-link:hover,
.goog-logo-link:link,
.goog-logo-link:visited,
.goog-te-gadget {
    color: #000 !important
}

#products .productField {
    text-align: left;
    margin: 5px 0
}

.productField span,
.productField strong {
    padding-left: 5px;
    color: #0D0D0D
}

#product .productField {
    margin: 0 0 10px
}

#fbSideTab {
    z-index: 50;
    position: fixed;
    top: 230px;
    padding: 10px
}

#fbSideTab.left {
    left: 0;
    padding-left: 0
}

#fbSideTab.right {
    right: 0;
    padding-right: 0
}

#fbSideTab .button {
    display: block;
    float: left;
    padding: 0 10px 30px
}

#fbSideTab .fb {
    overflow: hidden;
    background-color: #2a2f34
}

#fbSideTab.left .fb {
    float: left;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px
}

#fbSideTab.right .fb {
    float: right;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px
}

#fbSideTab .fb.light {
    background-color: #e6e7e9
}

#productsRelated {
    clear: both;
    float: left;
    width: 100%;
    border-top: 2px solid #e0e0e0;
    padding-top: 10px
}

#productsRelated h3 {
    font-size: 1.7em;
    font-weight: 700;
    color: #0D0D0D;
    padding-left: 10px;
    padding-right: 10px;
}

#productsRelated ul {
    float: left;
    width: 100%;
    margin: 10px 0;
    padding: 15px 0 10px
}

#productsRelated li {
    float: left;
    width: 32%;
    margin-left: 2%;
    padding: 5px 0 15px;
    text-align: center;
    vertical-align: top
}
#productsRelated li.column1 {
    margin-left: 0
}
#productsRelated a {
    display: block;
    padding: 0 5px;
    font-weight: 700;
    text-decoration: none;
    color: #0D0D0D
}

#column .login label,
#column .login legend,
#product #box #attributesLabel,
#profile .not-required,
#profile fieldset legend,
#profile.register #notRequired {
    display: none
}

#productsRelated .noPrice,
#productsRelated .price {
    padding: 6px 0 0;
    color: #2e6a97;
    display: none
}

#productsRelated .price strong {
    padding: 0 2px 0 5px;
    color: #0D0D0D;
    font-weight: 700
}

#productsRelated .price em {
    padding: 0;
    background: inherit;
    font-style: normal;
    color: #666;
    font-weight: 700
}

#productsRelated .price span {
    padding-left: 5px;
    color: #666;
    font-weight: 700
}

@media print {
    #fbSideTab {
        display: none
    }

    #productsRelated .price em,
    #productsRelated .price span,
    #productsRelated .price strong {
        font-weight: 400
    }

    #productsRelated {
        float: none;
        width: 17.2cm;
        padding: 0;
        margin: 0
    }
}

#product #box #attributes {
    max-width: 230px;
    margin: 0 0 10px
}

* html #product #box #attributes {
    width: 230px
}

.attribute {
    padding: 20px;
    border: 1px solid #bebebe;
    margin: 0 50px 20px;
    background: #efefef
}

.attribute h3 {
    font-size: 1.2em;
    font-weight: 700
}

#product #box dl#attributesSelects,
#product #box dl#designQuantitySelects,
#product #box dl.option-group {
    text-align: left;
    border: 0 solid #bebebe;
    padding: 0 2px 5px 10px
}

#product #box dl#designQuantitySelects {
    margin-bottom: 20px;
}

#column .login,
#log .button,
#log .forget,
#profile .fb,
#profile .save {
    text-align: center
}

#product #box dl#attributesSelects dd,
#product #box dl#designQuantitySelects dd,
#product #box dl.option-group dd {
    padding: 0 0 5px;
    margin: 0
}

#product #box dl#attributesSelects dt,
#product #box dl#designQuantitySelects dt,
#product #box dl.option-group dt {
    padding: 5px 0 2px;
    margin: 0
}

#product #box dl#attributesSelects select,
#product #box dl#designQuantitySelects select,
#product #box dl.option-group select {
    width: 300px
}

#column .login {
    margin: 10px 20px;
    padding: 10px 7px;
    font-size: .92em;
    border-top: 0 solid #757575;
    border-bottom: 0 solid #757575
}

#column .login fieldset {
    padding: 0;
    margin: 0
}

#column .login .input {
    width: 60px;
    margin: 0 5px 0 0
}

#column .login .submit {
    width: 50px;
    padding: 10px 15px 10px 11px;
    font-weight: 700;
    font-size: .917em;
    border-radius: 5px
}

* html #column .login {
    padding: 10px 0
}

* html #column .login .input {
    width: 59px
}

#log .forget {
    margin-top: 15px
}

#profile .fb {
    padding-top: 15px;
    white-space: nowrap
}

#profile .fb img {
    margin-top: 10px;
    border: 1px solid #273b65
}

#profile {
    clear: both;
    width: 100%;
    margin: 10px auto 0
}

#profile fieldset {
    padding: 25px 20px;
    background: #232f3e;
}

#order .tab a,
#profile.register .not-required {
    display: block
}

#profile dd,
#profile dl,
#profile dt {
    margin: 0;
    padding: 0;
    color: #e3e3e3;
}

#profile dt {
    padding: 0 0 4px
}

#profile dd {
    margin-bottom: 18px
}

#contactPanel textarea,
#profile .input {
    width: 99%;
    padding: 3px;
    font-size: 1em
}

#profile select {
    width: 100%;
    padding: 3px;
    font-size: 1em
}

#profile #captcha {
    /*width: 50px*/
}

#profile .captcha em {
    font-style: normal;
    font-weight: 700
}

#profile .captcha ins {
    padding: 0 3px;
    font-weight: 700;
    text-decoration: none
}

#forgetPasswordForm {
    margin: 10px 0 0;
    padding: 10px 20px
}

#forgetPasswordForm label {
    padding-right: 10px
}

#forgetPasswordForm .input {
    width: 150px;
    margin-right: 5px
}

#resetPasswordForm #profile th label {
    font-weight: 700
}

#pwd_reset_login_link {
    color: #2e6a97
}

#order .tab {
    float: left
}

#order .tab a {
    margin: 10px 10px 0 0;
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    border-bottom: 0;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    background: #fff;
    font-size: 1em;
    font-weight: 700;
    color: #a3a3a3;
    text-decoration: none
}

#order #orderLogin legend,
#orderRegisterForm legend,
#userOrder .message,
* html #sideTab {
    display: none
}

#order .tab a:hover {
    color: #2e6a97
}

#order .tab a.selected {
    border-color: #c9c9c9;
    background: url(img/body.png) #fff;
    color: #666
}

#orderForm,
#orderLoginForm {
    clear: both
}

#order #orderLogin div,
#orderRegisterForm div {
    padding: 12px 3%;
    background: url(img/body.png) #fff;
    border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0
}

#order #orderLogin label,
#orderRegisterForm label {
    padding: 0 7px 0 0
}

#orderRegisterForm span {
    display: block;
    margin-top: 7px;
    color: #949494;
    font-size: .917em
}

#userOrdersListLink {
    text-align: right
}

#userOrders {
    width: 100%;
    margin: 10px 0 0;
    font-size: .9em;
    text-align: left
}

#sideTab a,
#simpleNews .type {
    font-size: 1.633em;
    color: #fff
}

#userOrders thead td {
    padding: 8px 4px;
    background: #0081C9;
    color: #fff
}

#userOrders tbody td {
    padding: 6px 4px;
    border-top: 0 solid #fff;
    background: url(img/body.png) #fff;
    border-bottom: 1px solid #e0e0e0
}

#userOrders a {
    background: inherit
}

#userOrder #orderPrint {
    padding-top: 15px
}

#forgetPasswordForm .submit,
#orderLogin .submit {
    padding: 2px 10px
}

#page .googlemap iframe {
    width: 100%;
    height: 350px;
    margin: 0;
    padding: 0;
    border: 0 solid #014973
}

#sideTab {
    z-index: 51;
    position: fixed;
    right: -65px;
    top: 50%;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #0D0D0D;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    margin-right: -55px;
    border: 2px solid #75a321
}

#sideTab a {
    display: block;
    padding: 13px;
    text-decoration: none
}

@media screen and (max-width: 800px) {
    #productsLastVisited img,
    #randomCategoryProducts img {
        max-width: 80%
    }

    #sideTab a {
        display: none
    }
}

#simpleNews {
    margin: 0 0 15px
}

#simpleNews .type {
    margin-top: 10px;
    padding: 5px 0 10px 13px;
    font-weight: 400;
    background: #d30630
}

#simpleNews .content {
    padding: 8px 10px;
    list-style: none;
    border-bottom: 2px solid #0D0D0D;
    line-height: 1.5em
}

#simpleNews .content ol,
#simpleNews .content ul {
    margin: 0 0 0 10px;
    padding: 0
}

#simpleNews li {
    padding: 7px 0;
    border-bottom: 1px solid #e7eaee
}

#simpleNews li .name {
    font-size: 1.083em
}

#simpleNews li .date {
    padding: 3px 0 0;
    font-size: 1em;
    color: #666
}

#simpleNews li .description {
    padding: 2px 0 0 5px;
    font-size: 1.083em
}

#simpleNews li .photo {
    text-align: center;
    padding: 2px 0 0 5px
}

#simpleNews li .photo img {
    padding: 1px;
    background: #c0bfbf;
    border: 4px solid #eee;
    -webkit-box-shadow: 0 0 10px rgba(48, 47, 47, .4);
    box-shadow: 0 0 10px rgba(48, 47, 47, .4)
}

#simpleNews li .photo img:hover {
    border: 4px solid #c9cdce
}

#simpleNews .lL {
    border-bottom: 0;
    padding-bottom: 0
}

#content .subpagesList li h6 {
    padding: 0 0 5px;
    font-weight: 400;
    font-size: .817em
}

#page h6.date {
    position: relative;
    bottom: 3px;
    left: 0;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    background: #585858;
    padding: 5px;
    width: 115px
}

* html #page h6.date {
    top: -5px
}

#noticeAboutCookies {
    display: none;
    padding: 7px 0;
    background: #0D0D0D;
    font-weight: 400;
    color: #fff;
    border-top-right-radius: 0
}

#noticeAboutCookies a {
    color: #fff;
    text-decoration: underline
}

#noticeAboutCookies a:hover {
    color: #0D0D0D
}

#noticeAboutCookies.slide,
#noticeAboutCookies.top {
    border-bottom: 1px solid #555
}

#noticeAboutCookies.bottom,
#noticeAboutCookies.left-corner,
#noticeAboutCookies.top {
    position: fixed;
    z-index: 2;
    width: 100%;
    background-color: #0081c9
}

#noticeAboutCookies.top {
    top: 0
}

#noticeAboutCookies.bottom {
    bottom: 0;
    border-top: 1px solid #555
}

#noticeAboutCookies.left-corner {
    width: 200px;
    left: 0;
    bottom: 0;
    padding: 10px;
    border: 1px solid #0081c9
}

#noticeAboutCookies .close {
    margin-left: 20px;
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    text-decoration: none
}

#noticeAboutCookies .close:hover {
    color: #0D0D0D
}

#noticeAboutCookies.left-corner .close {
    display: block;
    margin: 10px 0 20px
}

#noticesAccepts {
    text-align: left;
    padding: 0;
    margin: 0
}

#noticesAccepts li {
    margin-bottom: 10px;
    list-style: none
}

#noticesAccepts li span {
    margin-left: 4px
}

#basket .image img {
    padding: 1px;
    background: #fff;
    border: 2px solid #c9cdce;
    width: 100%;
    min-width: 60px;
}

#basket .image a:hover img {
    border: 2px solid #a4aaac
}

.dynamic-content p {
    line-height: 1.5em !important;
    font-size: 15px !important;
    color: #474747 !important;
    text-align: left !important;
}

.dynamic-content ul {
    padding-left: 100px !important;
}

.dynamic-content li {
    margin-bottom: 10px !important;
    color: #474747 !important;
}

@media screen and (max-height: 640px) {
    #basket .image img {
        display: none
    }

    .dynamic-content p {
        line-height: 1.5em !important;
        font-size: 15px !important;
        color: #474747 !important;
        text-align: justify !important;
        padding-right: 10px;
    }
}

div.jContent {
    float: left
}

div.jContent p {
    padding: 0;
    margin: 0
}

div.jContent a.next,
div.jContent a.prev {
    float: left;
    display: block
}

div.jContent a.hide {
    visibility: hidden
}

div.jc-horizontal {
    margin: 10px 10px 20px
}

div.jc-horizontal a.next,
div.jc-horizontal a.prev {
    width: 35px;
    height: 34px;
    opacity: .5;
    filter: alpha(opacity=50)
}

#backToTop a:hover,
div.jc-horizontal a.next:hover,
div.jc-horizontal a.prev:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

div.jc-horizontal a.prev {
    margin: 55px 10px 0 0;
    background: url(img/slider-left.png) no-repeat
}

div.jc-horizontal a.next {
    margin: 55px 0 0 10px;
    background: url(img/slider-right.png) no-repeat
}

div.jc-auto {
    margin: 0
}

#productsSlider {
    /* width: 655px; */
    width: 100%;
    margin: 0 0 15px 20px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background: url(img/slider-bg.png) top center repeat-y
}

#productsSlider .title {
    width: 50%;
    margin: 0 auto;
    padding: 7px 0;
    font-weight: 700;
    font-size: 1.25em;
    border: 1px solid #e0e0e0;
    border-width: 0 1px 1px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f5f5f5
}

#productsSlider div.slides {
    text-align: left;
    padding-top: 20px
}

#productsSlider div.slides h2 {
    float: left;
    width: 340px;
    padding: 0;
    font-weight: 700;
    font-size: 1.333em
}

#productsSlider div.slides h2 a {
    text-decoration: none;
    color: #0D0D0D
}

#productsSlider div.slides h2 a:hover {
    text-decoration: underline
}

#productsSlider div.slides .photo {
    float: left;
    margin: 0 15px 5px 0;
    font-size: 0;
    line-height: 0
}

#productsSlider div.slides .photo img {
    padding: 1px;
    border: 4px solid #e0e0e0;
    max-height: 150px
}

#productsSlider div.slides .photo a:hover img {
    border: 4px solid #d5d5d2
}

#productsSlider div.slides div.description {
    float: left;
    width: 340px;
    margin: 10px 0 0;
    text-align: left
}

#backToTop a,
#banner0,
#banner1 {
    text-align: center
}

#productsSlider div.slides div.description a {
    color: #666
}

#productsSlider div.slides div.description a:hover {
    color: #E4332B
}

#productsSlider div.slides div.description ol,
#productsSlider div.slides div.description ul {
    margin: 5px 0 0 25px;
    padding: 0
}

#productsSlider div.slides .noPrice,
#productsSlider div.slides .price {
    float: left;
    width: 340px;
    margin: 7px 0 5px;
    background-color: inherit;
    color: #E4332B;
    font-weight: 700;
    text-decoration: none;
    display: none
}

#finish1Help img,
#finish2Help img,
#finish3Help img,
#finish4Help img,
#finish5Help img,
#materialHelp img,
#material2Help img,
#overprintHelp img,
#quantityHelp img,
#sizes h3 a,
#sizesHelp img,
#termHelp img,
#multiDesignHelp img,
#cuttingMethodHelp img,
.mark {
    float: right
}

#productsSlider div.slides .price em {
    padding: 0 6px 0 0;
    background: inherit;
    color: #666;
    font-style: normal
}

#productsSlider div.slides .price strong {
    font-size: 1.25em;
    color: #0D0D0D
}

#productsSlider div.slides .priceNetto {
    padding-top: 3px;
    font-size: .9em;
    color: #2e6a97;
    font-weight: 400
}

#productsSlider div.slides .priceNetto strong {
    padding: 0 3px 0 0;
    font-size: 1em
}

#productsSlider div.slides .priceNetto em {
    color: #666
}

#productsSlider div.slides .priceNetto span {
    font-weight: 400;
    padding-right: 5px;
    color: #666
}

#productsSlider div.slides .price ins {
    padding-right: 5px;
    text-decoration: none;
    font-weight: 700
}

#productsSlider div.slides .price ins em {
    padding-right: 8px;
    background: inherit;
    color: #E4332B;
    text-decoration: line-through;
    font-size: 1.13em !important
}

#productsSlider div.slides .noPrice strong {
    font-size: 1.083em
}

#productsSlider div.slides .price span {
    padding-left: 4px;
    font-size: 1.083em;
    color: #666
}

#productsSlider div.slides .basket {
    float: right;
    margin: 7px 0 0;
    font-size: .917em;
    font-weight: 700
}

#productsSlider div.slides .basket a {
    display: block;
    padding: 7px 12px;
    color: #fff;
    background: #3DBD1D;
    text-decoration: none;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#productsSlider div.slides .basket a:hover {
    background: #E4332B
}

@media screen and (max-width: 800px) {
    #productsSlider {
        width: 95%;
        margin: 0 0 15px 20px
    }

    div.jc-horizontal a.next,
    div.jc-horizontal a.prev {
        display: none
    }

    #productsSlider div.slides h2 {
        width: 50%
    }

    #productsSlider div.slides div.description {
        width: 65%;
        word-break: break-all
    }

    #productsSlider div.slides .basket {
        clear: both;
        float: left;
        margin-left: 10px
    }

    #productsSlider div.slides .noPrice,
    #productsSlider div.slides .price {
        width: 60%;
        display: none
    }

    #productsSlider div.slides .photo img {
        max-width: 100px;
        max-height: 100px;
        margin-left: 10px
    }

    #backToTop a {
        display: none
    }
}

@media screen and (max-width: 480px) {
    #productsSlider {
        width: 100%;
        margin: 0 0 15px
    }

    #productsSlider div.slides div.description {
        width: 60%;
        word-break: break-all
    }
}

#page {
    clear: both;
    margin-top: 10px;
}

#backToTop {
    position: fixed;
    bottom: 30px;
    right: 1.5%
}

#backToTop a {
    display: none;
    width: 80px;
    text-decoration: none;
    color: #606060;
    font-size: .917em;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    opacity: .6;
    filter: alpha(opacity=60)
}

#backToTop a:hover {
    color: #0D0D0D
}

#backToTop span {
    display: block;
    width: 80px;
    height: 90px;
    margin-bottom: 7px;
    background: url(img/back_to_top.png) center center no-repeat #939393;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

#backToTop a:hover span {
    background-color: #0D0D0D
}

@media screen and (max-width: 1180px) {
    #backToTop a {
        opacity: .4;
        filter: alpha(opacity=40)
    }
}

#banner0 {
    padding-bottom: 15px;
    margin-left: 20px
}

#banner0 img {
    border-radius: 5px
}

#banner1 {
    margin: 10px 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

#column .quick-slider {
    width: 230px;
    margin: 0 auto
}

#content .quick-slider {
    width: 960px;
    margin: 0 auto
}

.quick-slider-slide p {
    z-index: 3;
    position: absolute;
    top: 160px;
    left: 30px;
    width: auto;
    margin: 10px 200px 0 0;
    padding: 15px;
    background-image: linear-gradient(to left, #d30630, #BD0A44);
    opacity: 0.9;
    line-height: 1.25em;
    color: #fff;
    font-size: 2em;
    font-weight: 500;
    border-radius: 5px;
    transform: rotate(-1deg);
    /* Legacy vendor prefixes that you probably don't need... */

    /* Safari */
    -webkit-transform: rotate(-1deg);

    /* Firefox */
    -moz-transform: rotate(-1deg);

    /* IE */
    -ms-transform: rotate(-1deg);

    /* Opera */
    -o-transform: rotate(-1deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

@media print {
    #banner0,
    #banner1,
    #column .quick-slider,
    #content .quick-slider {
        display: none
    }
}

.social_links {
    position: absolute;
    right: 0;
    top: 370px;
    width: 50px;
    z-index: 100;
    display: none
}

.social_links a {
    margin: 0 0 10px;
    font-size: 5px;
    background: url(img/social_sprite.png) no-repeat;
    width: 50px;
    height: 57px;
    display: inline-block
}

.social_links a.facebook {
    background-position: 0 0
}

.social_links a.googleplus {
    background-position: 0 -57px
}

.social_links a.twitter {
    background-position: 0 -114px
}

#specialProduct {
    clear: both;
    margin-top: 20px;
}

#content .content {
    clear: left;
    padding: 10px 0 0;
    font-size: 1.05rem;
    line-height: 1.6em;
    color: #000;
}

.content li {
    text-align: left;
}

.content p {
    word-break: break-word;
}

#specialProduct > div {
    margin: 2px 0
}

#specialProduct h3 {
    margin: 10px 0;
    color: #000;
    background: #f2f2f2;
    font-weight: 600;
    border-radius: 0px;
    font-size: 1.6em;

}

.hide {
    display: none
}

.hide1 {
    background: #ccc
}

.mark {
    color: #13191D;
}

#sizes p a,
#sizes p a:hover {
    color: #fff;
    border-radius: 5px
}

#finish1 img,
#finish2 img,
#finish3 img,
#material img,
#menu3,
#promoted,
#randomProduct,
#sizes img {
    cursor: pointer
}

#finish1 h3,
#finish2 h3,
#finish3 h3,
#finish4 h3,
#finish5 h3,
#material h3,
#material2 h3,
#quantity h3,
#sizes h3,
#overprint h3,
#multiDesign h3,
#cuttingMethod h3,
#sizesHelp h3,
#term h3 {
    padding: 6.5px 10px;
    text-align: center;
}

#quantity h3.quantity_text {
    font-size: 20px;
    padding: 15px 0;
    margin-bottom: 40px;
}

#finish1 .featureCont,
#finish2 .featureCont,
#finish3 .featureCont,
#material .featureCont,
#sizes .featureCont {
    padding-left: 20px;
    width: 120px;
    display: inline-block
}

#sizes .featureCont {
    width: 170px;
}

#material .featureCont {
    /*padding-bottom: 10px*/
}

#sizes p {
    margin-top: 20px
}

#sizes h3 a:hover {
    background: 0 0
}

#sizes p a {
    background: #d30630;
    padding: 10px
}

#sizes #imagesGallery4 p a {
    padding: 0 !important;
    background: 0 0 !important
}

#sizes .content p a {
    background: 0 0;
    padding: 0;
    color: #0D0D0D
}

#sizes .content p a:hover {
    background: 0 0;
    color: #34A618
}

#term .featureCont {
    width: 120px;
    display: inline-block;
    padding-left: 20px;
    font-size: 1.1em
}

#term .featureCont input {
    margin-left: 70px
}

#helpFinish1 p,
#helpFinish2 p,
#helpFinish3 p,
#helpFinish4 p,
#helpFinish5 p,
#helpMaterial p,
#helpMaterial2 p,
#helpOverprint p,
#multiDesignHelpContent p,
#cuttingMethodHelpContent p,
#helpQuantity p,
#helpSizes p,
#helpTerm p {
    margin-top: 0;
    text-align: left;
    font-size: .9em
}

#helpFinish1 p a,
#helpFinish2 p a,
#helpFinish3 p a,
#helpFinish4 p a,
#helpFinish5 p a,
#helpMaterial p a,
#helpMaterial2 p a,
#helpOverprint p a,
#multiDesignHelpContent p a,
#cuttingMethodHelpContent p a,
#helpQuantity p a,
#helpSizes p a,
#helpTerm p a {
    background: 0 0;
    padding: 10px;
    color: #d30630
}

#helpFinish1 p a:hover,
#helpFinish2 p a:hover,
#helpFinish3 p a:hover,
#helpFinish4 p a:hover,
#helpFinish5 p a:hover,
#helpMaterial p a:hover,
#helpMaterial2 p a:hover,
#helpOverprint p a:hover,
#multiDesignHelpContent p a:hover,
#cuttingMethodHelpContent p a:hover,
#helpQuantity p a:hover,
#helpSizes p a:hover,
#helpTerm p a {
    background: 0 0;
    color: #000
}

#helpFinish1,
#helpFinish2,
#helpFinish3,
#helpFinish4,
#helpFinish5,
#helpMaterial,
#helpMaterial2,
#helpOverprint,
#multiDesignHelpContent,
#cuttingMethodHelpContent,
#helpQuantity,
#helpSizes,
#helpTerm {
    display: none;
    background: #eee;
    color: #000;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 2px;
    font-size: 16px;
    font-weight: 400;
}

.featureCont {
    text-align: center;
    font-size: 16px;
}

h4 {
    padding: 15px 0 5px
}

#finish1,
#finish2,
#finish3,
#finish4,
#finish5,
#material,
#quantity,
#multiDesign,
#cuttingMethod,
#term {
    font-size: 1.1em;
    text-align: center;
    padding: 15px 0 5px;
    font-weight: 300
}

#sameproduct,
.attached_files,
label.iTerm {
    font-weight: 700
}

#depth,
#height,
#width {
    font-size: 1.3em;
    text-align: center
}

div#custom_rangeSelector_container {
    width: 100%;
    /* min-height: 75px;
    max-width: 350px;
    margin: 40px auto 0; */
    display: flex;
    justify-content: center;

}

div#custom_rangeSelector_container.c_r_i_container {
    float: none;
    top: 0px;
    right: 0;
}

.custom_rangeSelector_item {
    float: left;
    width: 115px
}

span.measurement_seperator {
    color: #00082;
    padding-left: 12px;
    font-weight: 700
}

.custom_rangeSelector_item input.submit {
    width: 60px;
    background: #f2f2f2;
    border: 1px solid #13191d;
    border-radius: 0px;
    color: #000;
    padding: 5px 10px;
    text-align: center;
    font-size: 1.2em;
}

.custom_rangeSelector_item input.submit:hover {
    width: 60px;
    background: #f1f1f1;
    border: 1px solid #232f3e;
    border-radius: 0px;
    color: #000;
    padding: 5px 10px;
    text-align: center;
    font-size: 1.2em;
    transition: transform .2s ease;
    transform: scale(1.10);
}

.custom_rangeSelector_item h4 {
    color: #000bd;
    font-size: 14px;
    padding: 12px 16px 5px 0
}

.custom_rangeSelector_item#height {
    text-align: left;
    padding-left: 5px
}

.custom_rangeSelector_item input.submit.depth:disabled,
.custom_rangeSelector_item input.submit.height:disabled {
    color: #0004a;
    padding-left: 30px;
    width: 41px
}

img#height_lock_icon {
    width: 20px;
    position: absolute;
    margin-top: 5px;
    margin-left: 7px
}

.custom_rangeSelector_item input.submit:focus {
    outline: 0
}

@media screen and (max-width: 410px) {
    .custom_rangeSelector_item {
        width: 32%
    }

    .custom_rangeSelector_item input.submit {
        width: 40px;
        border-radius: 4px
    }
}

input[name=iTerm] {
    float: left
}

label.iTerm {
    cursor: pointer;
    background: #fff;
    padding: 0;
    text-align: center;
    font-size: bold;
    color: #000
}


#product .DescriptionSpecial {
    clear: left;
    padding: 10px 10px 0 10px;
    font-size: 1.05rem;
    line-height: 1.6em;
    color: #000
}

#product .DescriptionSpecial ol,
#product .DescriptionSpecial ul {
    margin: 5px 0 0 30px;
    padding: 0
}

#product .DescriptionSpecialli {
    margin: 8px 0;
    padding: 0;
    border-left: 0
}

#product .DescriptionSpecial p {
    padding-bottom: 0
}

#error.popup {
    position: fixed;
    background: rgba(255, 255, 255, .95);
    width: 40%;
    z-index: 999999;
    top: 30%;
    font-size: 1em;
    color: #d30630;
    border-radius: 10px;
    border: 0 solid #fff;
    -webkit-box-shadow: 0 0 30px 0 #1D1D1D;
    -moz-box-shadow: 0 0 30px 0 #1D1D1D;
    box-shadow: 0 0 30px 0 #1D1D1D
}

#error.popup .close {
    cursor: pointer
}

.videores {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.videores embed,
.videores iframe,
.videores object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.beispielvorlage:active,
.greenButton:active,
.orangeButton:active,
.redButton:active,
.uploadButton:active {
    top: 1px;
    position: relative
}

#sameproduct {
    color: #000;
    text-align: justify;
    font-weight: 400;
}

.upload_user {
    width: 250px;
    margin: 0 auto
}

.attached_files ul {
    font-weight: 400;
    list-style: none
}

.uploadButton {
    background-color: #d30630;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 23px;
    text-decoration: none
}

.greenButton,
.redButton {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    padding: 11px 23px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer
}

.uploadButton:hover {
    background-color: #34A618;
    text-color: #fff;
    color: #fff
}

.redButton {
    background-color: #d30630;
    border-radius: 5px
}

.redButton:hover {
    background-color: #34A618;
    text-color: #fff;
    color: #fff
}

.greenButton {
    background-color: #23B6EA;
    border-radius: 5px
}

.greenButton:hover {
    background-color: #0094D8;
    text-color: #fff;
    color: #fff
}

.orangeButton {
    background-color: #FC4E03;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 23px;
    text-decoration: none
}

.orangeButton:hover {
    background-color: #E74703;
    text-color: #fff;
    color: #fff
}

@media screen and (max-height: 360px) {
    #attributesSelects, #designQuantitySelects {
        max-height: 130px;
        overflow: scroll
    }

    body {
        border: 0px solid red
    }
}

@media screen and (max-width: 4096px) {
    #quick-slider2 img {
        width: 1100px;
        height: 344px;
    }
}

@media screen and (max-width: 800px) {
    .quick-slider-nav-dots {
        display: none
    }

    #quick-slider2 img {
        width: 800px;
        height: 250px
    }
}

@media screen and (max-width: 736px) {
    #quick-slider2 img {
        width: 736px;
        height: 230px
    }
}

@media screen and (max-width: 667px) {
    #quick-slider2 img {
        width: 667px;
        height: 208px
    }
}

@media screen and (max-width: 640px) {
    #quick-slider2 img {
        width: 640px;
        height: 200px
    }
}

@media screen and (max-width: 568px) {
    #quick-slider2 img {
        width: 568px;
        height: 177px
    }
}

@media screen and (max-width: 533px) {
    #quick-slider2 img {
        width: 533px;
        height: 166px
    }
}

@media screen and (max-width: 480px) {
    #quick-slider2 img {
        width: 480px;
        height: 150px
    }
}

@media screen and (max-width: 414px) {
    #quick-slider2 img {
        width: 414px;
        height: 129px
    }
}

@media screen and (max-width: 375px) {
    #quick-slider2 img {
        width: 375px;
        height: 117px
    }
}

@media screen and (max-width: 360px) {
    #quick-slider2 img {
        width: 360px;
        height: 112px
    }
}

@media screen and (max-width: 320px) {
    #quick-slider2 img {
        width: 320px;
        height: 100px
    }
}
#shippingAndPayments2 {
    display: none;
}
#shippingAndPayments2 fieldset img {
    opacity: 1;
    cursor: pointer;
    margin: 5px;
    border: 2px solid #fff;
    border-radius: 5px
}

#shippingAndPayments2 fieldset img.active {
    opacity: 1;
    border: 2px solid #d30630;
    border-radius: 5px
}

.filesUploadLink2 {
    margin-top: 10px
}

.beispielvorlage {
    background-color: #232f3e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 30px;
    text-decoration: none
}

.beispielvorlage:hover {
    background-color: #34a618;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    color: #fff
}

.buttonsmall {
    background-color: #f29400;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 15px;
    text-decoration: none
}

.buttonsmall:hover {
    background-color: #262626;
    color: #fff
}

.buttonmagenta {
    background-color: #d30630;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    text-color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 11px 15px;
    text-decoration: none
}

.buttonmagenta:hover {
    background-color: #f20045;
    color: #fff
}

.sidebar-box {
    max-height: 120px;
    position: relative;
    overflow: hidden
}

.sidebar-box .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 30px 0;
    background-image: linear-gradient(to bottom, transparent, #fff)
}

#expand,
#uploadProgress {
    position: relative;
    text-align: center
}

.shippingDesc {
    margin-top: 10px
}

#expand {
    margin: 25px 0
}

#expand a {
    cursor: pointer;
    background: #303030;
    padding: 5px 40px;
    color: #fff;
    border-radius: 5px
}

#expand::before {
    content: '';
    width: 100%;
    height: 180px;
    position: absolute;
    left: 0;
    top: -185px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)), color-stop(1, #fff))
}

#uploadProgress {
    height: 20px;
    border-radius: 20px;
    overflow: hidden;
    margin: 10px 0
}

#uploadProgress .bar {
    width: 0%;
    background: #34A618;
    height: 100%
}

#uploadProgress .percent {
    position: absolute;
    left: 50%
}

#noticeLayer {
    display: none;
    padding: 7px 0;
    background: #fff;
    font-weight: 700;
    border-bottom: 0 solid #555
}

#noticeLayer .close {
    margin-left: 0;
    font-size: 1.2em;
    color: #c10000;
    font-weight: 400;
    text-decoration: none
}

#noticeLayer .close:hover {
    color: red
}

#BonusPage a:hover,
#extrapoints {
    color: #303030
}

#darkBg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    z-index: 999
}

#noticeLayer.darkNotice {
    position: fixed;
    top: 100px;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    z-index: 10000;
    padding: 15px;
    text-align: center;
    background: #fff;
    border: 0 solid #fff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

#noticeLayer.darkNotice .close {
    display: block;
    margin-top: 20px;
    text-align: center
}

#popup {
    display: none
}

@media screen and (max-width: 736px) {
    #noticeLayer.darkNotice {
        left: 0;
        width: 96%;
        margin-left: 0
    }
}

#extrapoints {
    cursor: pointer
}

#helpExtrapoints {
    display: none;
    background: #f0f0f0;
    color: #333;
    padding: 5px;
    margin-bottom: 10px
}

#BonusPage,
#epUserOrders {
    padding: 5px;
    font-size: 1.5em;
    color: #c10000;
    margin-bottom: 10px
}

#BonusPage a {
    color: #3DBD1D
}

.row.buttons {
    margin-bottom: -30px;
    margin-top: 20px
}

.btn-section {
    display: inline-block;
    min-width: 200px
}

.btn-section form {
    background: 0 0;
    border: none
}

.edit-design-btn {
    background: #FE9E10;
    border-radius: 5px;
    color: #fff;
    padding: 5px 10px;
    display: inline-table;
    cursor: pointer;
}

.edit-design-btn:hover {
    background: #333 !important;
    color: #fff !important
}

.cstm-file-upload-button, .onlinedesigner-btn {
    background: #FE9E10;
    border-radius: 5px;
    color: #fff !important;
    padding: 5px 8px;
    display: inline-table;
    /*width: 135px;*/
    text-align: center;
    font-weight: bold;
}

.cstm-file-upload-button:hover, .onlinedesigner-btn:hover {
    background: #333 !important;
    color: #fff !important
}

.newbutton {
    position: absolute;
    width: 60px;
    right: -4px;
    top: -3px;
}

.newbuttonleft {
    width: 31px;
    top: -2px;
    position: absolute;
    left: 0;
}

.newbutton.newbutton2 {
    right: -9px;
}

/*
  * Added by HCLAB
  * Added on 2018-07-02
*/

/* On screens that are 600px or less,*/
@media screen and (max-width: 578px) {
    span.measurement_seperator {
        padding: 0px 10px;
    }

    .custom_rangeSelector_item input.submit {
        width: 40px;
    }

    .custom_rangeSelector_item {
        max-width: 32%;
    }
}

/* @media screen and (max-width: 480px){
  span.measurement_seperator{
    padding-left : 5px; 
  }
} */
.newbutton {
    position: absolute;
    width: 60px;
    right: -4px;
    top: -3px;
}

.bigBtn .newbutton {
    position: absolute;
    width: 40px;
    right: -8px;
    top: -9px;
}

.newbuttonleft {
    width: 31px;
    top: -2px;
    position: absolute;
    left: 0;
}

.newbutton.newbutton2 {
    right: -9px;
}

/*mobile menu*/
.mfirst {
    text-align: center;
}

#mobilemenu2 li {
    list-style: none;
}

.msubmenu {
    display: none;
}

.mimg {
    width: 15px;
    padding-right: 20px;
    float: right;
}

.mfirst, .msubfirst {
    padding-top: 7px;
}

.mfirst span {
    padding-left: 10px;
    padding-bottom: 7px;
    display: block;
}

.msubfirst {
    padding-bottom: 7px;
}

.mfirst a {
    font-size: 16px;
}

.mfirst.mdropDown.selected {
    padding-bottom: 1px;
}

#mobilemenu2 ul li {
    border-top: 1px solid;
}

#mobilemenu2 .mfirst.ml1.mdropDown {
    border-top: none;
}

.msubfirst {
    background-color: #f7f7f7;
}

.msubmenu.mshow {
    display: block;
}

.msubfirst.ml1 {
    margin-top: 7px;
}

.mshow > .msubfirst {
    margin-left: 0;
    padding-left: 20px;
}

.selected {
    background-color: #f29400;
}

.mnodropDown span {
    padding-right: 20px;
}

.msubfirst {
    padding-right: 30px;
}

@media screen and (min-width: 480px) {
    #mobilemenu2 {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    #head1 .container, #head2 .container, #head3 .container, #body .container, #foot .container {
        width: 100%;
    }

    #mobilemenu2 {
        display: none;
    }

    #head3 .container {
        background: #f7f7f7 !important;
    }

    #productDescription {
        padding-top: 221px !important;
        overflow: visible !important;
    }
}

#box #showAttr {
    border-radius: 5px;
    display: inline-block;
    padding: 7px;
    margin-top: 30px;
    position: relative;
    background-color: #0081c9;
    color: #fff;
}

@media screen and (max-width: 460px) and (min-width: 360px) {
    #orderedProducts table {
        font-size: 11px;
    }
}

.msubfirst a {
    font-size: 14px !important;
    color: #595757;
}

@media screen and (min-width: 620px) {
    .inner p {
        display: contents;
    }
}

.html_ban_3, .html_ban_2, .html_ban_1 {
    margin-left: 10px;
    font-size: 16px;
    font-weight: bold;
    padding: 3px;
    border: 1px solid #fff;
}

.html_ban_2 {
    position: absolute;
    right: 5px;
    top: 5px;
}

.html_ban_1_p > p {
    position: relative;
}

.html_ban_1_p > p > a {
    position: relative;
    display: inline-block;
}

.html_ban_3 {
    position: absolute;
    bottom: -18px;
    transform: rotate(-5deg);
    z-index: 9999999;
    right: 5px;
}

#randomCategoryProducts h3 {
    padding-left: 30px;
}

#product #box #price {
    position: relative;
}

.redcount {
    position: absolute;
    background-color: red;
    border-radius: 10px;
    top: -14px;
    width: 14px;
    padding: 2px;
    padding-left: 7px;
    right: -18px;
}

.html_ban_1 {
    position: absolute;
    top: 0px;
    font-size: 12px;
    text-transform: uppercase;
}

#product h1 {
    display: inline-block;
}

@media screen and (max-width: 480px) {
    .html_ban_1, .html_ban_2, .html_ban_3 {
        font-size: 12px !important;
    }

    #product #box dl#attributesSelects select, #product #box dl#designQuantitySelects select {
        width: 100%;
    }

    #product #box #price {
        padding: 0px;
        margin: 0;
    }
}

/* Center the loader */
#loader-container {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #8a858566;
    position: fixed;
    top: 0;
    z-index: 999999;
    display: none;
}

#loader {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }
    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }
    to {
        bottom: 0;
        opacity: 1
    }
}

#myDiv {
    display: none;
    text-align: center;
}

.hours, .minute, .sec {
    background-color: transparent;
    padding: 0px;
    margin: 4px;
    font-weight: bold;
    font-size: 18px;
}

.clock {
    margin: 10px;
    animation: blink 1s linear infinite;
}

@keyframes blink {
    60% {
        opacity: .6;
    }
    100% {
        opacity: 1;
    }


}

@media screen and (max-width: 1200px) {
    .bg-stick-container {
        display: none;
    }
}

/* Added by DKVELLIN , 2018-11-29 */
.voucherMessage {
    /*  background-color: #ef2d2d; */
    color: #000;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
    height: 50px;
    margin-top: 10px;
    text-align: center;
}

.voucherMsgTxt {
    width: 95%;
    float: left;
}

.extraPointsMsgDiv {
    background-color: #ef2d2d;
    color: #fff !important;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
    height: 50px;
    margin-top: 10px;
}

.voucherMessageH2 {
    font-size: 14px;
    text-align: center;
    width: 95%;
    float: left;
}

.addr-block {
    background-color: #95a1cb4d;
    padding: 10px;
    margin: 10px;
}

.addr-block.selected {
    background-color: #f29400;
}

.delete-addr:hover {
    background-color: #000;
}

.delete-addr {
    float: right;
    background-color: #d30630;
    padding: 5px;
    color: #fff;
    cursor: pointer;
}

#example_length, #example_info {
    display: none;
}

#example_filter {
    float: left;
}

#address-billing-info, #address-delivery-info {
    width: 50%;
    float: left;
}

.sorting {
    display: none;
}

/*#address-details-info {*/
/*    background-color: #f0f0f0;*/
/*    position: relative;*/
/*    float: left;*/
/*    width: 98%;*/
/*    padding: 10px;*/
/*}*/
/*#address-details-info{*/
/*    display: none;*/
/*}*/
#address_save_info {
    background-color: #f0f0f0;
    padding: 10px;
    margin-top: 10px;
}

#address_save_info {
    display: none;
}

#save_change_addr, #save_new_addr {
    background-color: #d30630;
    color: #fff;
    padding: 10px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 20px;
}

#address_save_change, #address_save_new {
    background-color: #d30630;
    color: #fff;
    padding: 5px;
    float: right;
}

#address_save_change {
    margin-right: 5px;
}

/* Added By DKVELLIN on 2019-01-17 to center align properties in product page */

.featureCont > label {
    margin: 0 auto;
}

/* The Modal (background) */
.global-modal {
    display: show; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.global-modal-content {
    background-color: #fefefe;
    margin: 0 auto; /* 15% from the top and centered */
    border: 1px solid #888;
    width: 70%; /* Could be more or less, depending on screen size */
    margin-top: 5%;
}

.global-main {
    padding: 20px;
}

.global-footer {
    text-align: right;
    margin-top: 10px;
}

.global-head {
    text-align: center;
    background-color: #ececec;
    padding: 5px 20px;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 18px;
}

/* The Close Button */

.modalCloseLink.global-close, .global-close,
#accept-rule-modal #accept-btn {
    color: #fff;
    background-color: #E00A4F;
    display: inline-block;
    padding: 5px 20px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}

.modalCloseLink.global-close:hover, .global-close:hover, .global-close:focus,
#payment-method-modal .accept-btn:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: .7;
}

.global-body p {
    margin: 0;
}

#myModal #orderLoginForm-new input, #myModal #register-form input {
    background-color: #eaeaea;
}

#button-content h3 {
    background-color: #eaeaea;
    padding: 5px;
}

/* Added By DKVELLIN on 2019-01-17 to center align properties in product page */
#free {
    text-align: center;
    padding: 10px;
    margin-top: 15px;
    border: 5px solid #34a618;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #d30630;
}

.featureCont > label {
    /*margin: 0 auto;*/
    /*font-weight: bold;*/
    font-weight: bold;
    display: contents;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bonus_ptn_desc {
    text-align: left !important;
    background-color: #0081c9;
    color: #000;
    font-size: 14px;
    border-radius: 5px;
    border-color: #000;
}

.bonus_ptn_use_btn {
    background-color: #fe9e10;
    color: #fff;
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
}

.qtydiscount td {
    background-color: #34a618 !important;
    color: #fff;
}

.qtydiscountamount {
    font-size: 18px;
}

#editorPage #nextButtonWrapper p {
    float: left;
    width: 100%;
}

.user_menuShow#menuShow {
    top: 90px;
}

@media screen and (max-width: 335px) {
    #menuShow {
        top: 90px;
    }
}

@media screen and (max-width: 620px) {
    .globalModal.global-modal .global-modal-content {
        width: 90% !important;
    }
    .row.uploadMainRow {
        margin: 0 auto;
    }
    .order-product-block .row.uploadMainRow {
        display: block;
    }

    #user_project {
        width: unset !important;
    }
}

@media screen and (max-width: 480px) {
    #subpagesGallery h2 {
        min-height: 35px;
        word-break: break-all;
    }

    #subpagesGallery img {
        width: 75px;
    }

    #content .imagesGallery table img {
        max-width: 90%;
    }
    #content .imagePreview img,
    #content .imagesList li img,
    #content .subpagesList li img,
    #products li .photo img,
    #subpagesGallery img,
    .box .page-box img,
    .box .product-box img,
    .imagesGallery img {
        height: auto;
    }
}

#user_project {
    background-color: #ccc;
    padding: 5px;
    border-radius: 3px;
    width: 250px;
}

#saveUserTemplate {
    background-color: #0081c9;
}

#saveProject {
    background-color: #0081c9;
}

.validateBtn {
    padding: 5px 14px;
    border-width: 0;
    border-color: #9d9d9d #3f3f3f #3f3f3f #9d9d9d;
    background: #34A618;
    color: #fff;
    font-weight: 700;
    font-family: Barlow;
    float: left;
}

#loading-image-tag {
    width: 200px;
}


.loaderTxt {
    color: #fff;
    font-size: 18px;
    font-style: italic;
    top: 450px;
    text-align: center;
    position: absolute;
    width: 100%;
}

#templateUpload .uploadInfoHead, #orderedProducts .uploadInfoHead {
    color: #3dc109;
    padding: 5px;
    text-align: left;
}

#templateUpload .uploadInfo, #orderedProducts .uploadInfo {
    border: 2px solid #3dc109;
    text-align: left;
    width: 35%;
    padding: 0 10px;
    float: left;
}

#templateUpload .instructItem, #orderedProducts .instructItem {
    text-align: left;
    font-weight: normal;
}
.uploadInfo {
    padding: 0 15px;
}
.upload-design {
    clear: left;
    margin-top: 10px;
}
.uploaded-design-wrapper {
    margin: 10px 0;
}
.upload-design .upload-design-block {
    margin-bottom: 7px;
    border: #888 1px dotted;
    padding: 5px;
}

.upload-design .upload-design-block label {
    margin-right: 10px;
}

.upload-design .upload-design-block input {
    margin-left: 10px;
}
.uploadFile .file-wrapper {
    margin-top: 5px;
}

a#addFiles {
    color: #fff;
    padding: 5px;
    border-radius: 10px;
}

#button-section, .button-section {
    margin-top: 15px;
}

#files-section > div {
    margin: 5px 0;
}

.row.uploadMainRow {
    width: 100%;
    height: auto;
    float: left;
}

.closeGlobal {
    float: left;
    background-color: #ececec;
    padding: 5px 20px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    border: #ccc 1px solid;
}

.closeGlobal:hover, .closeGlobal:focus {
    text-decoration: none;
    cursor: pointer;
    opacity: .7;
}

.remove-btn, .removebtn {
    margin-left: 10px;
    background-color: #E00A4F;
    color: #fff !important;
    padding: 3px 10px;
    font-size: 10px;
    text-align: center;
}
a.remove-btn:hover {
    text-decoration: underline !important;
}

.row.uploadMainRow {
    margin-bottom: 10px;
}

.scrol_to_product {
    display: block;
    color: #fff;
    background: #d1032f;
    text-align: center;
    border-radius: 0px;
    padding: 9px 19px;
    font-size: 1.3em;
    margin: auto;
    cursor: pointer;
    /*
    position: relative !important;
    top: 0px !important;
    right: 0px !important;*/
}

@media screen and (max-width: 980px) {
    .uploadInfo {
        width: 100% !important;
    }

    .uploadFile {
        width: 100%;
    }

    #product #box.box_product .w-60 {
        width: 100%;
    }

    #product #box.box_product {
        display: block;
    }

    #product #box.box_product #addBasket fieldset {
        display: block;
        grid-template-columns:  auto;
    }

    .price_wrapper {
        width: 100%;
        margin-left: 0;
    }

    .grid_quanity {
        overflow: auto;
    }

    #product #box.box_product #addBasket fieldset .inputButton.bigBtn input,
    #product #box.box_product #addBasket fieldset .pdfButton.bigBtn {
        width: calc(100% - 10px);
    }
}

@media screen and (min-width: 2000px) {
    .global-modal-content {
        width: 30%;
    }
}

#paymentMethodContainer {
    font-family: Arial;
    color: #3f3f3f;
    margin: 0 auto;
    width: 400px;
    max-width: 100%;

}

#paymentMethodContainer {
    /*margin: 24px 0px 24px 0px;*/
    padding: 0;
    font-family: Arial;
    color: #3f3f3f;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#paymentMethodContainer .separator {
    border-bottom: 1px solid #dfdfdf;
}

#paymentMethodContainer .paymentMethodRow.selected {
    background: #f9f9f9;
}

#paymentMethodContainer .paymentMethodRow {
    padding: 0px 16px 0px 16px;
}

#paymentMethodContainer .paymentMethodRow {
    padding: 0px 8px 0px 8px;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
}

#paymentMethodContainer .paymentMethodRow .nameRow {
    font-size: 12px;
}

#paymentMethodContainer .paymentMethodRow.selected div.nameRow {
    font-weight: bold;
}

#paymentMethodContainer .paymentMethodRow div.nameRow {
    height: 64px;
    display: table;
    width: 100%;
}

#paymentMethodContainer .paymentMethodRow {
    cursor: pointer;
}

#paymentMethodContainer .paymentMethodRow div.nameRow .methodIcon {
    display: table-cell;
    vertical-align: middle;
    width: 125px;
}

#paymentMethodContainer .paymentMethodRow div.nameRow img.paymentMethodIcon {
    max-width: 100px;
    max-height: 30px;
}

#paymentMethodContainer .paymentMethodRow div.nameRow .methodName {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

#paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails {
    display: block;
}

#paymentMethodContainer .paymentMethodRow div.paymentMethodDetails {
    display: none;
    font-style: normal;
}

#paymentMethodContainer .paymentMethodRow .right {
    float: right;
}

#paymentMethodContainer .paymentMethodRow.selected div.checkMark {
    background-image: url("https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 50px;
    width: 25px;
}

#paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails {
    display: block;
}

#paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails .detailsText {
    padding-left: 125px;
    padding-right: 45px;
}

#paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails .detailsText {
    font-size: 11px;
    color: #3f3f3f;
    font-family: Arial;
    margin-bottom: 12px;
    padding-right: 8px;
    margin-left: 30px;
}

#paymentMethodContainer .paymentMethodRow.selected div.paymentMethodDetails a {
    font-weight: normal;
    color: #0070ba;
}

#paymentMethodContainer .separator {
    border-bottom: 1px solid #dfdfdf;
}

/**Style Added for the Custom Input Design and range Selector on (28-03-2020)**/
.c_p_d {
    width: 100%;
}

.isize_p {
    width: 100%;
}

.c_r_i_container {
    width: 100%;

}

.a_p_b_c {
    padding-top: 0px;
}

.cart_product_desc {
    color: black;
}

@media screen and (min-width: 1100px) {
    .isize_p {
        width: 100%;
    }

    .c_r_i_container {
        width: 50%;
        float: right;
        top: -47px;
        position: relative;
        right: 90px;
    }

    .a_p_b_c {
        padding-top: 40px;
    }
}

/* 01-04-2020 */
.cstm_language_new {
    float: right;
    margin-left: -60px;
    position: relative;
    display: none;
}

@media screen and (max-width: 767px) {
    .cstm-cart-profile {
        text-align: left;
        padding: 0 14px;
    }

    .cstm_user_profile svg {
        font-size: 20px;
    }

    .cstm-cart-profile #menu1 li.lBasket a {
        padding-left: 0 !important;
        padding-right: 0px !important;
        padding-top: 40px !important;
        background-size: 32px;
    }

    #menu1 li.lBasket {
        padding: 0px 0 5px 0px;
    }

    #menu4 {
        display: none;
    }

    #banner1 {
        display: none;
    }

    #products li h2 {
        min-height: 44px;
    }

    .html_ban_1 {
        position: relative !important;
    }

    .html_ban_3 {
        margin-left: 0px !important;
        font-size: 14px !important;
    }

    #quantity h3 {
        /*font-size: 11px !important;*/
    }

    .dy {
        font-size: 22px !important;
    }

    #quantity h3.quantity_text {
        font-size: 13px !important;
        text-align: center;
    }

    #finish5 .featureCont {
        /*max-width: 100px;*/
        display: inline-block;
    }

    .cscroll-control.remove-cscroll {
        display: none;
    }

    .quant_btn.contact_info_btn {
        font-size: 10px;
    }
}

@media screen and (max-width: 480px) {
    .cstm_language_new {
        float: right;
        margin-left: -60px;
        position: relative;
        display: block;
    }

    #langShow_new {
        display: none;
        float: right;
    }

    #langShow_new {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .cstm-cart-profile {
        padding: 0;
        margin-bottom: 7px;
        text-align: center;
    }

    #langShow_new {
        padding: 8px 42px 8px 21px;
        background: #d30630;
        color: #fff;
        cursor: pointer;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    #langShow_new {
        display: none;
        float: right;
    }

    .html_ban_3 {
        margin-left: 0px !important;
        font-size: 14px !important;
        right: 3% !important;
        top: 4px;
        bottom: initial !important;
    }

    .cart_product_desc {
        font-size: 11px;
    }

    #orderedProducts tfoot tr td:last-child {
        padding-right: 25px;
    }

    #orderedProducts tfoot td {
        font-size: 18px;
    }

    .ctm_order_desc_12 {
        white-space: nowrap;
    }

    .timeline .events ul li a {
        top: -33px !important;
        font-size: 11px !important;
    }

    .timeline .events ul li a:after {
        width: 16px !important;
        height: 16px !important;
        bottom: -29px !important;
    }

    .material_selectbx {
        width: 100%;
    }

    #product {
        padding: 0 5px;
        box-sizing: border-box;
    }
}


/* muhammad date picker */
#term .featureCont {
    width: 150px;

}

.iTerm {
    background: #ddd;
    width: 100%;
    display: block;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-top: 10px !important;
    /*padding-bottom: 10px !important;*/
}

.disc {
    background: #f2f2f2 !important;
}

.stndrd {
    background: #f2f2f2 !important;
}

.express {
    background: #f2f2f2 !important;
}

.dy, .mnth, .yr {
    color: #000;
}

.dy {
    font-size: 29px
}

#mobilemenu2 li.mfirst a {
    color: #fff;
}

#mobilemenu2 li.msubfirst > a {
    color: #000;
}

.pe-richsnippets {
    margin: 0 auto;
    text-align: center;
    padding: 8px;
}

#subList9 .buttonsmall {
    color: #000 !important;
}

#subList9 a {
    color: #d30630;
}

.page-heading {
    margin: 10px 0 10px;
    padding-top: 0px;
    color: #000;
    font-size: 2.1em;
    font-weight: 600;
    line-height: 1.3em;
}

.b-0 {
    border: unset;
}

.text-white {
    color: #fff;
}

.font-weight-bold {
    font-weight: 700 !important;
}

/* Ax Team */
.timeline {
    display: none !important;
}

.ctm_order_desc_12 em {
    color: #0D0D0D;
    font-size: 1.2em;
    font-style: initial !important;
    font-weight: 500;
    /* font-family: Barlow, sans-serif; */
}

#orderedProducts tfoot .nextStep .submit {
    font-size: 14px !important;

}

.uploadInfo {
    display: inline-block !important;
    width: 35%;
    padding: 13px !important;
}

.uploadFile {
    display: inline-block !important;
}

.row.uploadMainRow {
    margin-bottom: 23px !important;
}

#addFiles {
    background: #FE9E10 !important;
    width: 70px !important;
    display: inline-block !important;
    text-align: center !important;
    font-weight: bold;
}


.button {
    background: #232f3e;
    border-radius: 5px;
    padding: 15px 25px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    font-size: 16px;
}


.button:hover {
    background-color: #34a618;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    color: #fff
}

.buttonbuy {
    background: #34a618;
    border-radius: 5px;
    padding: 15px 25px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    font-size: 16px;
}

.buttonbuy:hover {
    background: #13191d;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
    color: #fff;
}

.buttonsize {
    background: #E7E7E7;
    border-radius: 5px;
    padding: 7px 10px;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 400;
    color: white;
    cursor: pointer;
    font-size: 16px;
}

.buttonsize:hover {
    background: #DCDCDC;
}


.disabled {
    display: none;
}

.w-100 {
    width: 100%;
}

/*Step Form CSS*/

.step_form_div {
    padding: 10px 15px 15px !important;
    margin: 30px auto;
    min-height: auto;
    background: #fff;
    backdrop-filter: blur(10px);
    /*box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);*/
    /*border: 1px solid #A9A9A9;*/
    /*border-radius: 5px;*/
    transition: transform 0.2s ease-in-out;
    box-sizing: border-box;
}

.step_form_div .slick-track {
    min-width: 1054px !important;
    display: flex;
}

#finish2.step_form_div .slick-track {
    min-width: 2094px !important;
}

.btn_center {
    display: flex;
    justify-content: center;
}

.quant_card {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 8px;
}

/*.quant_radio
{
    display: none;
}*/
.quant_label {
    padding: 10px;
    display: block;
    max-width: 200px;
    border: 1px solid #d30630;
    background: #fff;
    color: #000;
    font-weight: 400;
    border-radius: 5px;
    cursor: pointer;
    transition: .4s ease;
}

.quant_radio:checked ~ .quant_label {
    background: #d30630;
    color: #fff;
}

.grid_quanity {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
}

.quant_btn {
    padding: 7.5px 7px;
    margin-bottom: 6px;
    border-radius: 0px;
    display: block;
    background: #f2f2f2;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: .4s ease;
}

.contact_grid_btn {
    padding: 7.8px 7px;
    margin-bottom: 6px;
    border-radius: 6px;
    display: block;
    background: #f2f2f2;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: .4s ease;
    width: 100%;
}

.contact_grid_btn2 {
    padding: 6.5px 7px;
    margin-bottom: 6px;
    border-radius: 0px;
    display: block;
    background: #f2f2f2;
    color: #000;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: .4s ease;
}

.radio_qaunt_btn:checked + .quant_btn {
    color: #000;
    background: #f2f2f2;
}

button.quant_btn {
    width: 100%;
}

.blue_color {
    background: #0081C9 !important;
}

.yellow_color {
    background: #F9B218 !important;
}

.magenta_color {
    background: #d30630 !important;
}

.days_radio {
    display: none;
}

.days_radio:checked + .quant_btn {
    background: #0984e3;
    color: #fff;
}

.d-none {
    display: none;
}

.listing_price_last label.iTerm {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.listing_price_last label.iTerm.disc,
.listing_price_last label.iTerm.stndrd,
.listing_price_last label.iTerm.express {
    background: transparent !important;
}

.specialSizes_radio {
    display: none;
}

.img_calendar {
    display: block;
    padding: 6px 10px;
    background-color: #f2f2f2;
    text-align: center;
    border-radius: 0px;
    margin-bottom: 6px;
}

.grid_quanity div:nth-child(2) .stephead {
    background: #13191d !important;
}

.grid_quanity div:nth-child(3) .stephead {
    background: #13191d !important;
}

.grid_quanity div:nth-child(4) .stephead {
    background: #13191d !important;
}

.grid_quanity .stephead span {
    color: #fff;
}

.grid_quanity .stephead label {
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid_quanity .stephead label .dy {
    margin: 0 8px;
    font-size: 18px;
}

.stephead .img_calendar {
    display: none;
}

.stephead .d-none {
    display: block !important;
}

.img_calendar img {
    width: 11px;
    margin-left: auto;
    margin-right: auto;
}

.img_calendar img.check_img {
    opacity: 0;
    visibility: hidden;
    transition: all .4s ease;
}

.img_calendar img.active_radio_img {
    display: none;
}

.checkbx_cstm {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #000;
    border-radius: 20px;
    box-sizing: border-box;
    transition: all .4s ease;
}

.specialSizes_radio:checked + label.disc .img_calendar {
    background: #DBD9D9;
    color: #fff;
}

.specialSizes_radio:checked + label.stndrd .img_calendar {
    background: #DBD9D9;
    color: #fff;
}

.specialSizes_radio:checked + label.express .img_calendar {
    background: #DBD9D9;
    color: #fff;
}

.specialSizes_radio:checked + label .img_calendar img.radio_img {
    display: none;
}

.specialSizes_radio:checked + label .img_calendar img.check_img {
    opacity: 1;
    visibility: visible;
}

.specialSizes_radio:checked + label .checkbx_cstm {
    background: #fff;
    border: 1px solid #fff;
}

@keyframes blink_price {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.mb-3 {
    margin-bottom: 1em;
}

/*Step Form CSS End*/
.radio_material label {
    display: inline-block;
    margin-bottom: 10px;
    max-width: 200px;
    width: 100%;
    border: 1px solid rgb(237, 40, 70);
    border-radius: 10px;
    padding: 10px;
    color: rgb(237, 40, 70);
    transition: .4s ease;
}

.radio_material input:checked + label {
    background: rgb(237, 40, 70);
    color: #fff;
}

.radio_material input {
    margin-right: 10px;
}

#available_text {
    color: #fff;
    font-weight: 600;
    margin-top: 10px;
}

.hide_div {
    display: none !important;
}

.d-none {
    display: none !important;
}

.dark_label {
    color: #000 !important;
}

.c_p_d > .featureCont input[type="radio"] {
    display: block;
    margin: 10px auto 0;
}

.text_set {
    text-align: left !important;
}

.date-months {
    display: flex;
    align-items: center;
}

#sizes p.work_dy {
    margin-top: 8px;
    color: #000;
    font-size: 16px;
}

.tooltip_custom {
    position: absolute;
    top: 35px;
    left: 0;
    width: 210px;
    background: #F79B34;
    color: #000;
    z-index: 2;
    padding: 16px;
    border-radius: 8px;
    margin-top: 19px;
    transition: .4s;
    visibility: hidden;
}

.tooltip_custom.active {
    visibility: visible;
}

.tooltip_custom:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 30px;
    height: 19px;
    background: #F79B34;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.tooltip_custom .tooltip_head {
    margin-bottom: 7px;
    font-size: 18px;
}

.tooltip_custom .tooltip_text {
    font-size: 16px;
}

.header_link {
    color: #fff;
}

#column .boxsustain23 {
    margin-bottom: 0px;
}

#column .boxsustain23 .content {
    line-height: 0px;
}

#column .boxsustain33 .type {
    margin-top: 0px;
}

.template_download {
    display: inline;
    margin: 0 5px;
}

.margin-y-7 {
    margin: 5px 0;
}

.captcha-image {
    /*position: absolute;*/
    padding-left: 10px;
    top: 20%;
}

.reloadIcon {
    /*margin-left: 100px;*/
    font-size: 15px;
    color: #fff;
}

#order #invoice {
    display: flex;
    height: unset;
    margin-left: 0;
    padding-top: 0;
}

#order #invoice input {
    margin-top: unset;
    margin-right: 5px;
}

#order #invoice label {
    margin: unset;
    font-weight: 600;
}

#using-own-delivery-note {
    clear: both;
}

#order #personalData #using-own-delivery-note label {
    margin-left: 5px;
}

.upload-delivery-note-file {
    display: flex;
}

#order #personalData .upload-delivery-note-file label {
    font-weight: 500;
}

.upload-delivery-note-file .delivery-note-file {
    margin-left: 15px;
    margin-top: 8px;
}

#comment {
    clear: both;
}

#uploaded-files-section {
    display: inline-block;
    margin-left: 30px;
    position: relative;
    bottom: -2px;
}

#uploaded-files-section .file-section:not(:last-child) {
    margin-bottom: 12px;
}

#uploaded-files-section .file-link {
    background: #00bf01;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
}

#uploaded-files-section .file-name {
    font-weight: 600;
}

#uploaded-files-section .remove-btn {
    padding: 5px 10px;
    font-size: 1em;
    border-radius: 5px;
}

#multiDesign label {
    font-weight: 500;
    font-size: 1.05em;
    margin-right: 5px;
}

#multiDesign .design-quantity-select {
    margin-bottom: 10px;
}

#multiDesign .design-quantity-select.diecut-design-quantity {
    margin-top: 20px;
}


.product_diecut #multiDesign #quantityDivision {
    margin-bottom: 20px;
}

#multiDesign .design-quantity-block input, #designQuantitySelects .design-quantity-block input {
    max-width: 60px;
    padding: 3px 2px;
    border-width: 1px;
    border-style: solid;
    border-color: #9e9fa0;
    border-radius: 2px;
    margin: 5px 5px 0 5px;
}

.input-disabled {
    background-color: #d7d5d6;
}

.inline-block {
    display: inline-block;
}

.custom-quantity {
    position: relative;
    width: 80px;
    padding: 20px 0 10px;
}

.custom-quantity select {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 1em;
    width: 80px;
}

.custom-quantity input {
    position: absolute;
    top: 2px;
    left: 5px;
    width: 50px;
    padding: 5px;
    font-size: 1em;
}

#custom-quantity-btn {
    position: absolute;
    margin-left: 5px;
    border: #D3D3D3 1px solid;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
}

.custom-quantity select:focus, .custom-quantity input:focus {
    outline: none;
}

.custom-quantity-diecut {
    margin: 10px 0 0 0;
}

.custom-quantity-diecut #input-custom-quantity {
    border: #D3D3D3 1px solid;
    width: 80px;
    padding: 6px 10px;
    border-radius: 5px;
    font-size: 1em;
}

#available_text a {
    color: white;
}

#product .diecut-product-box {
    padding: 10px 7px 10px;
    border-radius: 5px;
    background-color: #232f3e;
    text-align: left;
    margin-top: 15px;
}

#product .diecut-product-box .current-price-box {
    display: flex;
}

#product .product_diecut .step_form_div #quantityHelp .action-block,
#product .product_diecut .step_form_div #multiDesignHelp .action-block {
    position: absolute;
    left: 20px;
    top: 22px;
}

#product .product_diecut .step_form_div #materialHelp .action-block,
#product .product_diecut .step_form_div #material2Help .action-block,
#product .product_diecut .step_form_div #overprintHelp .action-block,
#product .product_diecut .step_form_div #finish1Help .action-block,
#product .product_diecut .step_form_div #finish2Help .action-block,
#product .product_diecut .step_form_div #finish3Help .action-block,
#product .product_diecut .step_form_div #finish4Help .action-block,
#product .product_diecut .step_form_div #finish5Help .action-block,
#product .product_diecut .step_form_div #cuttingMethodHelp .action-block {
    position: absolute;
    left: 5px;
    bottom: 2px;
}

#product .product_diecut .step_form_div .step-help .action-block .action-btn {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    background: #131a22;
    border-radius: 0px;
    padding: 10px 20px;
    margin: 0px 0 5px 0;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

#product .diecut-product-box .current-price-box .product-name-wrapper {
    width: 80%;
    color: #fff;
    text-align: center;
}

#product .diecut-product-box .current-price-box .product-name-wrapper strong {
    font-size: 1em;
    font-weight: 400;
}

#product .diecut-product-box .current-price-box .price-wrapper {
    width: 20%;
    margin-left: 5px;
    color: #fff;
}

#product .diecut-product-box .current-price-box .net-price {
    font-size: 1.5em;
}

#product .diecut-product-box .current-price-box .gross-price {
    font-size: 1.1em;
}

#product .diecut-product-box .current-price-box .gross-price strong {
    font-weight: 600;
}

#product .diecut-product-box .current-price-box em {
    font-style: normal;
}

.no-display {
    display: none !important;
}

#payment-again legend {
    position: static;
    clip: auto;
    padding: 10px 0 5px;
    border: 0;
    font-size: 1.2em;
    font-weight: 700;
    color: #2e6a97;
}

#payment-again .global-modal-content {
    width: 50%;
    margin-top: 3%;
    max-height: 800px;
    overflow-y: auto;
}

#payment-again .form {
    background: #fff;
}

#payment-again h3.select-payment-title {
    margin-bottom: 5px;
}

#payment-again .global-head {
    margin: unset;
}

#payment-again .global-main {
    padding: 10px 5px 0 5px;
}

#payment-again .global-footer {
    margin-top: unset;
    padding: 10px;
}

#payment-again #paymentMethodContainer {
    /*margin-left: 15px;*/
    margin: unset;
}

#payment-again .row {
    margin-left: 0;
    margin-right: 0;
}

#payment-again .products-wrapper {
    overflow-x: auto;
}

#payment-again tfoot td {
    color: #E4332B;
}

#payment-again .summaryOrder {
    color: #666;
    font-size: 1.36em;
    font-weight: 700;
}

#payment-again .summaryOrder th {
    border-top: 1px solid #e0e0e0;
}

#payment-again #paymentMethodContainer .paymentMethodRow div.nameRow {
    height: 50px;
}

.shopping-cart {
    font-size: 1rem;
    line-height: 1.5;
}

.shopping-cart input, .shopping-cart button {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.shopping-cart .card-body {
    padding: 0.5rem 1.25rem 1rem 1.25rem;
}

.shopping-cart .product-wrapper:not(:last-of-type) {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
}

.shopping-cart .image {
    display: flex;
    align-items: center;
}

.shopping-cart .image .photo img {
    display: unset !important;
}

.shopping-cart .action-block {
    padding-right: 0;
    text-align: right;
}

.shopping-cart .action-block a {
    display: inline-block;
    margin-right: 10px;
}

.shopping-cart .cstm-del-cart-btn {
    padding: 3px 15px;
}

.shopping-cart .cstm-file-upload-button {
    max-width: 35px;
}

.shopping-cart .uploaded-files-section .file-section:not(:last-of-type) {
    margin-bottom: 7px;
}

.shopping-cart .uploaded-files-section .file-link {
    background: #00bf01;
    border-radius: 5px;
    padding: 5px 10px;
    color: #fff;
}

.shopping-cart .remove-file-block {
    display: inline;
}

.shopping-cart .uploaded-files-section .remove-btn {
    padding: 5px 10px;
    font-size: 1em;
    border-radius: 5px;
    margin-left: 5px;
    background-color: #ff0000;
    color: #fff;
}

.shopping-cart .internal-note-lbl {
    margin-top: 5px;
}

.shopping-cart .internal-note-input {
    width: 100%;
}

.position-note-help-content {
    display: none;
    position: absolute;
    margin-top: 10px;
    background: #000;
    color: #fff;
    font-size: 0.85em;
    padding: 5px;
    bottom: 77%;
    left: 54%;
    width: 100%;
    border-radius: 5px;
}
.position-note-help-content a {
    color: #E00A4F;
}
.position-note-help:hover + .position-note-help-content {
    display: block;
    opacity: 1;
    transform: translateX(-50%) translateY(-10px);
}

.shopping-cart .edit-design-btn {
    margin-left: 15px;
    height: fit-content;
    font-weight: 600;
}
.shopping-cart .product-wrapper .edit-design-btn {
    color: #fff;
}
.shopping-cart .voucher-wrapper {
    float: right;
    padding-right: 20px;
    margin-bottom: 0.5rem;
    justify-content: flex-end;
}

.shopping-cart .voucher-wrapper .voucher-input {
    margin: 0 10px;
}

.shopping-cart .voucher-wrapper #delVoucher {
    margin-right: 5px;
}

.shopping-cart .bonus-wrapper {
    font-size: 14px;
    left: -20px;
}

.shopping-cart .bonus-wrapper .use-bonus-btn {
    background: #FE9E10;
    font-weight: 600;
    display: inline;
    margin-left: 5px;
    color: #fff;
}

.shopping-cart .price-section {
    font-size: 1.36em;
    padding-right: 0;
    margin-left: -5px;
    margin-bottom: 10px;
}

.shopping-cart .price-wrapper {
    padding-right: 0;
    font-weight: 700;
}

.shopping-cart .price-block {
    padding-right: 0;
    margin-left: -5px;
}

.shopping-cart .price-txt {
    text-align: right;
    padding-right: 0;
    font-size: 1.2rem;
}

.shopping-cart .qty-discount-wrapper {
    margin-left: -5px;
    color: #fff;
    padding: 5px 0;
}

.shopping-cart .qty-discount-lbl {
    background-color: #34a618;
    font-weight: 500;
    left: 8px;
    text-align: left;
    padding-left: 10px;
}

.shopping-cart .qty-discount-amount {
    background-color: #34a618;
    text-align: right;
    padding-right: 5px;
    font-weight: 600;
}

.shopping-cart .discount-selection-wrapper {
    justify-content: flex-end;
    right: -22px;
}

.shopping-cart .discount-selection-wrapper span {
    margin-right: 10px;
}

.shopping-cart .left-btn {
    padding-left: 0;
    left: -20px;
}
.shopping-cart .global-modal-content input,
.shopping-cart .global-modal-content button {
    font-size: unset;
    line-height: unset;
}

.shopping-cart .uploadMainRow {
    margin-left: 0;
}

.user-container .row,
#orderForm .row {
    margin-bottom: 10px;
}

.user-container label,
#orderForm label {
    margin-bottom: 0;
}

.user-container .captcha-input {
    width: 60%;
    float: left;
}

.user-container .captcha-image-block {
    float: right;
}

.user-container .captcha-image-block img {
    height: 37px;
}

.user-container .captcha-image-block .reloadIcon {
    font-size: 20px;
    vertical-align: middle;
}

.user-container .optional,
#orderForm .optional {
    color: #949494;
    font-size: 90%;
}

.user-container .fb a {
    position: relative;
    bottom: 15%;
}

.billing-address-section .vrn-lbl {
    width: 100%;
}

.billing-address-section .vrn-input {
    float: left;
}

.billing-address-section .validate-vrn-btn {
    margin-left: -102px;
    color: #fff !important;
}

.billing-address-section .vrn-help {
    margin-left: 8px;
}

.billing-address-section .vrn-help img {
    margin-bottom: 2px;
}

.registered-address-section #example_wrapper {
    background: #e0e0e0;
    padding: 10px;
}

.registered-address-section #example_wrapper #example_filter {
    margin-bottom: 10px;
}

.new-address-section #address_save_info {
    padding: 0 0 5px 0;
}

.new-address-section #save_new_addr,
.new-address-section #save_change_addr,
.new-address-section #address_save_new,
.new-address-section #address_save_change {
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    background-color: #232f3e;
    color: #fff;
}

input.warning-required,
select.warning-required,
textarea.warning-required {
    border-color: #ac0000 #c78688 #c78688 #ac0000;
    background: #fbefef
}

.checkout-container #paymentMethodContainer {
    width: unset;
    margin-bottom: 20px;
}

.checkout-container #paymentMethodContainer .paymentMethodRow .payment-method-wrapper {
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 5px 10px;
    text-align: center;
    align-items: center;
    display: grid;
    height: 110px;
    margin: 5px;
}

.checkout-container #paymentMethodContainer .paymentMethodRow.selected .payment-method-wrapper {
    border: grey 1px solid;
    overflow: visible;
}

.checkout-container #paymentMethodContainer .paymentMethodRow.selected div.checkMark {
    background-image: url('img/check-icon.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 25px;
    position: absolute;
    border-radius: 50%;
}
.checkout-container #paymentMethodContainer .col-md-4.selected div.checkMark {
    top: 80%;
    left: 91%;
}
.checkout-container #paymentMethodContainer .col-md-3.selected div.checkMark {
    top: 80%;
    left: 87%;
}

#address-details-info #address-billing-info,
#address-details-info #address-delivery-info,
#address-details-info #comment-info {
    background-color: #f0f0f0;
    padding: 10px 15px;
}

#address-details-info #address-billing-info {
    margin-left: 15px;
    margin-right: 10px;
}

#address-details-info #comment-info {
    margin-left: 10px;
    margin-right: 15px;
}

#address-details-info h5 {
    font-weight: 600;
}

.order-product-container {
    margin-top: 10px;
}
.order-product-container .product-list-section {
    margin-left: 0;
    margin-bottom: 40px;

}
.order-product-container .product-list-section .product-name {
    line-height: 1.2;
}
.order-product-container .product-list-section .separator {
    display: block !important;
}
.order-product-container .image img {
    padding: 1px;
    background: #fff;
    border: 2px solid #c9cdce;
    height: 150px;
    width: 110%;
}

.order-product-container .internal-note-input {
    width: 100%;
}

.order-product-container #noticeRulesAccept label {
    display: inline;
}

.order-product-container #rulesAccept span,
.order-product-container #noticeRulesAccept span,
.order-product-container #newsletterAccept span,
#holidays-accept li span{
    margin-left: 5px;
}

.order-product-container .separator {
    width: 100%;
    margin: 0 30px 0 15px;
}

.order-product-container .separator:not(:first-child) {
    margin-top: 10px;
}

.order-product-container .summary-section {
    /*background: #f0f0f0;*/
}

.order-product-container .summary-section table,
.order-product-container .summary-section td,
.order-product-container .summary-section tbody .quantity,
.order-product-container .summary-section tbody .quantity input,
.order-product-container .summary-section tfoot,
.order-product-container .summary-section tfoot .summaryOrder,
.order-product-container .summary-section tfoot .summaryProducts,
.order-product-container .summary-section tfoot .summaryProducts th,
.order-product-container .summary-section tfoot .summaryShippingPayment,
.order-product-container .summary-section tfoot .summaryPaymentMethod {
    background: #f0f0f0 !important;
}
.order-product-container .summary-section th {
    font-weight: 500;
}

.order-product-container .nextStep {
    text-align: right;
    padding-top: 20px;
}

.login-container .row,
.forgot-password-container .row,
.change-password-container .row {
    margin-bottom: 10px;
}
.login-container label,
.forgot-password-container label,
.change-password-container label {
    font-size: 15px;
    margin-bottom: 5px;
}
.login-container .forgot-password-wrapper {
    align-items: center;
    display: flex;
}
.login-container .forgot-password-wrapper a {
    font-size: 15px;
    color: #232f3e;
}
.btn-submit {
    background-color: #232f3e;
    color: #fff;
}
a.btn-submit:hover {
    background-color: #232f3e;
}
.cstm-order-btn .btn-submit {
    color: #fff !important;
}
#body .container #content #productDescription {
    padding: 15px;
    font-size: 1.2em;
}
#body .container #content #product div.content {
    padding: 10px 10px;
}
.cartSection #page {
    padding: 15px;
    background-color: #fff;
}
.shopping-cart .card-footer {
    background-color: unset;
}

/*#previewUploadedFile .global-modal-content {
    width: 40%;
}
#previewUploadedFile .global-head{
    padding: 5px;
    margin: 0;
}
#previewUploadedFile .global-main {
    padding: 0 20px 20px 20px;
    height: 400px;
    overflow-y: auto;
    align-items: center;
    display: grid;
}
#previewUploadedFile #file-name {
    display: inline-block;
}
#previewUploadedFile .preview-close-btn {
    float: right;
    padding: 0 5px;
}
#previewUploadedFile #file-wrapper {
    text-align: center;
}
#previewUploadedFile .extend-height {
    min-height: 250px;
}
#previewUploadedFile .carousel-control-prev {
    left: -25px;
}
#previewUploadedFile .carousel-control-next {
    right: -25px;
}
#previewUploadedFile .carousel-control-prev-icon,
#previewUploadedFile .carousel-control-next-icon {
    filter: invert(100%);
    position: fixed;
    top: 30%;
}*/
.template-download-wrapper {
    margin-top: 5px;
}
.template-download-wrapper a {
    cursor: pointer;
}
.order-product-block .global-modal-content {
    width: 60%;
}
.order-product-block .edit-design-btn {
    float: left;
}
.order-product-block #template-btn-wrapper {
    display: flex;
}
.order-product-block #template-btn-wrapper .inputButton{
    display: flex;
    margin-left: 5px;
}
.order-product-block .uploadInfo {
    width: 40%;
}
.template-download {
    display: inline-flex;
    margin-left: 5px;
}
#deliveryAddressModal .global-modal-content {
    width: 40%;
}
#deliveryAddressModal .global-head {
    margin: 0;
}
#deliveryAddressModal .global-main {
    padding: 10px;
}
#deliveryAddressModal img {
    width: 100%;
}
#deliveryAddressModal .response-message {
    font-size: 15px;
}
.bonus-navbar {
    background: #eee;
    margin-left: 0 !important;
    font-size: 1.3em;
    align-items: center;
    display: flex;
    height: 35px;
}
.bonus-navbar .left-navbar {
    display: flex;
    align-items: center;
}
.bonus-navbar .left-navbar img {
    width: 50px;
    position: absolute;
    left: 0;
}
.bonus-navbar .left-navbar .bonus-label {
    margin-left: 50px;
    font-weight: 600;
}
.bonus-navbar .right-navbar {
    text-align: right;
}
.bonus-navbar a {
    margin-left: 10px;
    color: #1C1C1C;
}
.bonus-navbar a:hover {
    color: red;
}
#term .terms {
    display: inline-flex;
}
label.iTerm.selected {
    background: #DBD9D9 !important;
}
label.iTerm .discount-label,
#quantity .grid_quanity .block .stephead .discount-label {
    background: #f2f2f2;
    color: #000;
    padding: 7px;
    margin-top: 10px !important;
    height: 20px;
    align-items: center;
    display: grid;
    text-align: center;
}
label.iTerm .no-discount,
#quantity .grid_quanity .block .stephead .no-discount {
    background: #f2f2f2;
}
#quantity .grid_quanity .block .stephead {
    padding: 0;
    margin: 10px 0 7px 0;
}
#quantity .grid_quanity .block .stephead .discount-label{
    font-size: 18px;
}

#pageDescriptionBottom {
    margin-top: 20px;
}

.cstm_user_profile a {
    color: #fff;
}

#specialProduct #term .row.buttons {
    margin-bottom: unset;
}

#oldPrintingFileNotificationModal .global-main {
    padding: 10px 20px;
}
#oldPrintingFileNotificationModal .global-footer {
    padding-bottom: 10px;
    padding-right: 10px;
}
#sizes #size-wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}
#sizes .featureCont.size-block {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#sizes .featureCont.size-block img {
    max-width: 145px;
}
.product-details #sizes .content p a {
    color: #0a4e57;
}
.product-details #sizes .content p a:hover {
    color: #d30630;
}
.holiday-note,
#specialProduct #quantity .holiday-note{
    margin-top: 10px;
    color: red;
    font-weight: bold;
}
#specialProduct .holiday-note {
    margin-bottom: 10px;
    margin-top: 0;
}
.cart-holiday-note, .estimate-delivery-date {
    background: red;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin-top: 5px;
    font-weight: bold;
}
.estimate-delivery-date {
    background: #FE9E10;
}
.cart-holiday-note.production-closure-cart-note {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 10px;
    padding: 12px 14px;
    border: 1px solid #efc46a;
    border-radius: 7px;
    background: #fff7e5;
    color: #5d4100;
    text-align: left;
    font-weight: normal;
    line-height: 1.4;
}
.cart-holiday-note.production-closure-cart-note strong,
.cart-holiday-note.production-closure-cart-note span {
    display: block;
}
.cart-holiday-note.production-closure-cart-note strong {
    color: #342500;
    font-weight: bold;
}
#holidays-accept li {
  list-style: none;
  display: flex;
}
.btn-add-to-cart {
    display: inline-block;
}
.btn-add-to-cart .submit {
    width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
#features tbody th {
    width: 30%;
    font-weight: bold;
}
#features .l0 th {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#features .l0 td {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.related-products {
  padding: 10px 20px 0 10px;
}
.related-products .related-products-wrapper {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: flex;
  padding: 10px 0 0 0;
}
.related-products .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 7px;
  font-size: 18px;
  font-weight: bold;
  z-index: 2;
}
.related-products .related-products-wrapper .close-btn:hover {
  color: #0056b3;
}
.related-products .product-list img {
  width: 110px;
  height: auto;
}
.related-products .slick-prev {
  left: 0;
}
.related-products .product-list button {
  margin: auto;
  margin-top: 5%;
  font-size: 40px;
}
.related-products .product-list button {
  outline: none;
}
.related-products .product-list a {
  color: inherit;
}
.related-products .product-list a:hover {
  color: #0056b3;
}
.no-option {
  border-color: #E00A4F;
}
.loading {
    position: fixed;
    z-index: 999999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#product #flyer-alarm-product .diecut-product-box .current-price-box .product-name-wrapper strong {
    font-size: 1.3em;
    font-weight: 400;
}
.delivery-to-info {
    color: red;
    margin-left: 15px;
}
.imagesGallery .gallery-link,
.imagesList a,
#products li .photo a,
#subpagesGallery .photo a,
.subpagesList .photo a,
#productsRelated .photo a,
#randomCategoryProducts .photo a,
#productsLastVisited .photo a,
#promoted .photo a {
    display: inline-block;
    overflow: hidden;
    position: relative;
}
#productsRelated .photo a,
#randomCategoryProducts .photo a,
#productsLastVisited .photo a {
    width: 250px;
    height: 250px;
}
#productsRelated .photo a {
    border: 1px dotted #ccc;
}
#productsRelated .photo a:hover {
    border: 1px solid #ccc;
}
#randomCategoryProducts .photo a:hover {
    border: 0 solid #ccc;
    -webkit-box-shadow: 0 0 10px 0 #DDD;
    -moz-box-shadow: 0 0 10px 0 #DDD;
    box-shadow: 0 0 10px 0 #DDD;
    transition: all .5s ease-in-out 0s
}
.imagesGallery .gallery-img,
.imagesList img,
#products li .photo img,
#subpagesGallery .photo img,
.subpagesList .photo img,
#productsRelated .photo img,
#randomCategoryProducts .photo img,
#productsLastVisited .photo img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    width: 100%;
}
.project-list {
    margin: 10px 0;
}
.project-list .project-item {
    margin-bottom: 10px;
    align-items: center;
}
.project-list .project-item .project-name {
    font-weight: bold;
    margin-right: 10px;
}
.project-list .project-item .button {
    padding: 5px 10px;
    margin-right: 10px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
.project-list .project-item .button:hover {
    background-color: #F52569;
}
.project-list .project-item .button:focus {
    outline: none;
}
.project-list .project-item .select-btn {
    background-color: #0081c9;
}
.project-list .project-item .delete-btn {
    background-color: red;
}
.project-list .table th,
.project-list .table td {
    vertical-align: middle;
    font-size: 1rem;
}
#userloadTemplate .global-modal-content {
    width: 70%;
    max-height: 80%;
    overflow-y: auto;
}
#userloadTemplate .global-main {
    padding: 10px;
}
#userloadTemplate .global-footer {
    display: inline-block;
    margin-top: 0;
}
.badge-block {
    position: absolute;
    top: 3px;
    right: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}
#promoted .badge-block {
    top: 0;
    right: 0;
}
.badge-block .badge {
    padding: 0 5px;
    margin-left: 5px;
    display: inline-flex;
    height: 25px;
    align-items: center;
}
.badge-block .new-badge {
    background-color: #34A618;
}
.badge-block .top-selling-badge {
    background-color: #3492d0;
}
.badge-block .express-badge {
    background-color: #E00A4F;
}
.badge-block .badge .icon {
    margin-right: 3px;
}
.badge-block .express-badge .badge-label {
    margin-bottom: 1px;
}
#products .badge-block .recommended img {
    width: 25px;
    min-width: unset;
    position: relative;
    left: auto;
    transform: unset;
}
#body.basket-page .designer,
#body.order .designer {
    width: 100%;
    max-width: 100%;
}
#body.basket-page .designer #divCustomersCanvas,
#body.order .designer #divCustomersCanvas {
    max-width: 100%;
}
#faq-wrapper {
    clear: both;
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 1rem;
}
#faq-wrapper ul {
    list-style-type: none;
    padding: 0 !important;
    margin: 0 !important;

}
#faq-wrapper li {
    margin-bottom: 10px;
    border: 1px solid #dcdcdc !important;
    background-color: #f7f7f7;
}
#faq-wrapper li p {
    margin: 0;
}
#faq-wrapper li p a {
    background: unset;
    color: #0a4e57;
    padding: 0;
}
#faq-wrapper li p a:hover {
    color: #d30630;
}
#faq-wrapper .question-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}
#faq-wrapper .expand-icon {
    font-size: 18px;
    color: #333;
}
#faq-wrapper .expand-icon i {
    font-size: 22px;
}
#faq-wrapper .answer-block {
    display: none;
    padding: 10px;
    background-color: #ffffff;
    border-top: 1px solid #dcdcdc;
    transition: max-height 0.3s ease, padding 0.3s ease;
}
#faq-wrapper li.active .answer-block {
    display: block;
    text-align: justify;
}
#faq-wrapper .answer-block ol li,
#faq-wrapper .answer-block ul li {
    margin-left: 15px;
    border: none !important;
    background: none;
}
#faq-list {
    font-size: 1rem;
}
#faq-list li {
    margin-bottom: 15px;
}
#faq-list .faq-question {
    font-weight: bold;
}
#faq-list .faq-answer {
    margin: 5px 0;
}
.faq-container {
    font-size: 1rem;
}
.faq-container .faq-reference {
    margin-bottom: 15px;
}
.faq-container .faq-reference-label {
    margin-bottom: 5px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.2rem;
}
.faq-container .faq-block {
    margin-bottom: 10px;
    border: #f0f0f0 1px solid;
    padding: 5px 10px;
    list-style: none;
}
.faq-container .faq-question {
    font-weight: bold;
    background-color: #f0f0f0;
    padding: 5px 10px;
    margin-bottom: 5px;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -5px;
}
.faq-container .faq-answer {
    text-align: justify;
}
.faq-container .faq-answer ol li,
.faq-container .faq-answer ul li {
    margin-left: 15px;
}
#productDescription.no-attribute {
    width: 65%;
    float: left;
    padding-top: 0 !important;
}
.upload-note {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 73%;
    left: 55%;
    background-color: #000;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.85em;
    z-index: 1000;
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
}
.upload-note a {
    color: #E00A4F;
}
.cstm-file-upload-button:hover + .upload-note,
.edit-design-btn:hover + .upload-note {
    display: block;
    opacity: 1;
    transform: translateX(-50%) translateY(-10px);
}
#upload-notice-modal .global-modal-content,
#error .global-modal-content {
    width: 60%;
}
#upload-notice-modal .global-close {
    padding: 5px 10px;
    margin: 0 5px 5px 0;
}

.success-msg , .error-msg, .warning-msg {
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 600;
}
.success-msg {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}
.error-msg {
    background-color: #f8d7da;
    border-color: #f5c2c7;
    color: #842029;
}
.warning-msg {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}
.info-msg {
    text-align: left;
}

#accept-rule-modal {
    z-index: 999;
}
#accept-rule-modal #rule-list {
    margin: 10px 15px;
}
#accept-rule-modal .global-close {
    margin: 0 10px 10px 7px;
    background-color: #E00A4F;
}

/* Blur and block interaction */
.blur-disabled {
    filter: blur(3px);
    pointer-events: none;
    user-select: none;
}
#new-site-info {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    background: #E00A4F;
    color: #fff;
    padding: 20px 30px;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}
#new-site-info a {
    color: #fff;
    margin-top: 10px;
    font-weight: bold;
    display: inline-block;
    font-size: 1rem;
    background: #000;
    padding: 7px 12px;
    border-radius: 5px;
}
#productsRelated li .name {
    height: 30px;
}
#payment-method-modal .global-modal-content {
    width: 50%;
}
#payment-method-modal .accept-btn {
    color: #fff;
    background-color: #FE9E10;
    padding: 5px 20px;
    border-radius: 5px;
    font-weight: bold;
}
.faq-search-wrapper {
    text-align: right;
    position: relative;
}
.faq-search-wrapper input {
    border: 1px solid #e0e0e0;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    height: 30px;
    padding: 6px 12px;
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 350px;
}
.faq-search-wrapper input:focus {
    border-color: #291d1e;
    outline: 0;
}
.faq-search-wrapper .faq-search-icon {
    cursor: pointer;
    font-size: 18px;
    position: absolute;
    right: 10px;
    color: #5f5f5f;
    top: 4px;
}
.highlight {
    background-color: yellow;
    font-weight: bold;
}
.warning-section {
    padding: 0 15px 30px 15px;
}
.warning-section #datacheck-warning {
    border: #FE9E10 2px solid;
}
.warning-section .warning-label {
    background: #FE9E10;
    display: grid;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 1.1rem;
}
.warning-section .warning-content {
    padding: 10px;
}
.order-data-check-btn,
.quick-payment-btn {
    float: right;
    padding: 7px 10px;
    background-color: #FE9E10;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
    margin-right: 10px;
}
.quick-payment-container .quick-payment-btn,
.quick-payment-container .view-invoice-link {
    background-color: #a3ca6c;
    color: #486d25;
    border-radius: 30px;
    cursor: pointer;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 0;
    padding: 15px 20px;
    font-size: 20px;
    text-transform: uppercase;
    float: none;
    vertical-align: super;
}
.quick-payment-container .quick-payment-btn:hover {
    color: #fff;
}
.quick-payment-container .payment-header {
    margin-bottom: 30px;
    text-align: center;
}
.quick-payment-container .payment-footer {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 30px;
}
.quick-payment-result-container {
    text-align: center;
}
.quick-payment-container .message,
.quick-payment-result-container .message {
    font-size: 1.2rem;
}
.quick-payment-container .error-msg,
.quick-payment-result-container .error-msg {
    background: none;
    color: red;
}
.quick-payment-container .quick-payment-logo {
    margin-bottom: 20px;
}
.quick-payment-container .quick-payment-logo img {
    max-height: 100px;
}
.quick-payment-container .quick-payment-amount {
    font-size: 40px;
}
body.quick-payment {
    background-color: #227e8b;
}
body.quick-payment #body {
    margin-top: 40px;
}
body.quick-payment .container {
    border-radius: 15px;
}
body.quick-payment .page-heading {
    display: none;
}
body.quick-payment footer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    height: 50px;
    display: grid;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
}
body.quick-payment footer a {
    color: #a3ca6c !important;
}
.payment-again-wrapper {
    margin-bottom: 20px;
    display: inline-block;
}
.certification-block {
    cclear: both;
    margin: 20px 0;
    display: inline-block;
    width: 100%;
}
#editorPage .legend-wrapper {
    display: inline-block;
    margin-left: 30px;
}
#editorPage .legend {
    display: flex;
    align-items: center;
    /*font-family: sans-serif;*/
    font-size: 1rem;
}
#editorPage .legend .legend-block {
    display: flex;
    align-items: center;
}
#editorPage .legend .line {
    display: inline-block;
    width: 45px;
    height: 2px;
    margin: 0 7px 0 20px;
}
#editorPage .legend .bleed {
    background-color: #d2d2d2;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}
#editorPage .legend .cutting {
    border-top: 3px dashed #E62F17;
}
#editorPage .legend .safety {
    border-top: 3px dashed #00FF00;
}

.star-rating {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: Arial, sans-serif;
    float: right;
}
.stars-outer {
    position: relative;
    display: inline-block;
    font-size: 1.2rem;
    color: #ccc;
}
.stars-inner {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
    color: #f5c518;
}
.stars-outer::before,
.stars-inner::before {
    content: "★★★★★";
}
.rating-text {
    margin-bottom: -5px;
}
.header-section {
    margin: 10px 0 20px;
    background-color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.header-section .header-wrapper {
    display: flex;
}
.header-section .left {
    flex: 1;
    padding: 10px 10px 10px 30px;
}
.header-section .right {
    display: flex;
    justify-content: center;
    position: relative;
    flex: 0 0 auto !important;
    max-width: 100%;
    padding: 10px 10px 0 0;
}
.header-section .right img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
#page .header-section h1,
#product .header-section h1 {
    font-size: 2em;
    margin-bottom: 25px;
    margin-top: 10px;
    display: inline-block !important;
}
.header-section ul {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}
.header-section ul li {
    font-size: 16px;
    margin-bottom: 12px;
}
.header-section ul li::before {
    content: "✔";
    color: #0aaa42;
    margin-right: 10px;
    font-weight: bold;
}
.header-section .buttons {
    display: flex;
    gap: 15px;
    margin-bottom: 25px;
}
.header-section .btn-primary {
    background: #d20430;
    color: #fff;
    padding: 12px 25px;
    font-size: 16px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
}
.header-section .btn-secondary {
    background: #fff;
    border: 2px solid #d20430;
    padding: 12px 25px;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    color: #d20430;
    text-align: center;
}
.rating-box {
    background: #fff;
    padding: 5px 15px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.08);
    width: fit-content;
    margin-top: 25px;
}
.rating-box strong {
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
}
.rating-box .rating-icons img {
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}
.rating-box .stars {
    --star-size: 18px;
    --rating:98%;
    display: inline-block;
    position: relative;
    width: calc(var(--star-size) * 5);
    height: var(--star-size);
    vertical-align: middle;
    line-height: 1;
    font-size: 0;
}
.rating-box .stars::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: var(--star-size);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.4L12 17.8 6.2 20.3l1.1-6.4L2.6 9.3l6.5-.9L12 2.6z' fill='%23e0e0e0' stroke='%23d1d1d1' stroke-width='0.6' stroke-linejoin='round'/></svg>");
    background-repeat: repeat-x;
    background-size: var(--star-size) var(--star-size);
    background-position: left center;
    pointer-events: none;
}
.rating-box .stars::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: var(--star-size);
    width: var(--rating, 0%);
    overflow: hidden;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.4L12 17.8 6.2 20.3l1.1-6.4L2.6 9.3l6.5-.9L12 2.6z' fill='%23ffb800' stroke='%23e0a800' stroke-width='0.6' stroke-linejoin='round'/></svg>");
    background-repeat: repeat-x;
    background-size: var(--star-size) var(--star-size);
    background-position: left center;
    pointer-events: none;
    filter: drop-shadow(0 1px 0 rgba(0,0,0,0.12));
}
.rating-box .stars a {
    position: absolute;
    inset: 0;
    display: block;
    z-index: 3;
    text-decoration: none;
}
.rating-box .stars a:focus {
    outline: 2px solid rgba(0,0,0,0.12);
    outline-offset: 3px;
}
.product-title {
    margin-bottom: 15px;
    position: relative;
}

@media screen and (max-width: 1280px) {
    #payment-again .global-modal-content {
        width: 65%;
    }
    #deliveryAddressModal .global-modal-content {
        width: 50%;
    }
    /*#previewUploadedFile .carousel-control-prev-icon,
    #previewUploadedFile .carousel-control-next-icon {
        top: 27%;
    }*/
}

@media screen and (max-width: 980px) {
    .modal .global-modal-content {
        width: 90%;
    }
    #product .diecut-product-box .current-price-box {
        display: grid;
    }

    #product .diecut-product-box .current-price-box .product-name-wrapper {
        width: 100%;
        margin: 20px 0;
    }

    #product .diecut-product-box .current-price-box .price-wrapper {
        width: 100%;
        text-align: center;
    }

    #payment-again .global-modal-content {
        width: 75%;
    }
    .checkout-container #paymentMethodContainer .col-md-4.selected div.checkMark {
        top: 79%;
        left: 86%;
    }
    .checkout-container #paymentMethodContainer .col-md-3.selected div.checkMark {
        top: 79%;
        left: 82%;
    }
    #deliveryAddressModal .global-modal-content {
        width: 60%;
    }
    /*#previewUploadedFile .global-modal-content {
        width: 50%;
    }*/
}

@media screen and (max-width: 780px) {
    #product .product_diecut .step_form_div .step-help .action-block {
        display: contents;
    }

    #product .product_diecut .step_form_div .step-help .action-block .action-btn:last-child {
        margin-right: 5px;
    }

    #payment-again #orderedProducts td,
    #payment-again #orderedProducts th {
        padding: 4px 10px;
    }

    #upload-delivery-note-file label {
        display: none;
    }
    #deliveryAddressModal .global-modal-content {
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    #profile.register .captcha {
        margin-top: 20px;
    }

    .checkout-container #paymentMethodContainer .paymentMethodRow img {
        max-height: 55px;
    }
    .checkout-container #paymentMethodContainer .paymentMethodRow.selected div.checkMark {
        top: 80%;
        left: 81%;
    }
    .order-product-container .product-list-section {
        margin-bottom: 20px;
    }
    .order-product-container .product-list-section .unit-price {
        margin-left: -30px;
        padding: 0;
    }
    .order-product-container .cart_product_desc {
        font-size: 14px;
    }
    .order-product-container .policy-summary-section {
        flex-direction: column-reverse;
    }
    .order-product-container .policy-section {
        margin-top: 20px;
    }
    .order-product-container .summary-section table {
        font-size: unset !important;
    }
    label.iTerm .discount-label {
        height: 35px;
    }
    .related-products .related-products-wrapper {
      display: block;
    }
    #userloadTemplate .global-modal-content {
        width: 90%;
    }
    #productsRelated .name {
        height: 30px;
    }
    #payment-method-modal .global-modal-content {
        width: 80%;
    }
    /*#previewUploadedFile .global-modal-content {
        width: 60%;
    }*/
}

@media screen and (min-width: 769px) {
    .related-products .related-products-wrapper {
        display: flex;
    }
}

@media screen and (min-width: 1200px) {
    #cuttingMethod .slick-track {
        justify-content: center;
    }
}

@media screen and (min-width: 481px) {
    .step_form_div .slick-slide {
        width: 264px !important;
    }
}

@media screen and (max-width: 600px) {
    .shopping-cart .action-block a {
        margin-bottom: 5px;
    }

    .shopping-cart .cstm-file-upload-button {
        margin-bottom: 5px;
    }

    #payment-again .global-modal-content {
        width: 80%;
    }

    #payment-again #orderedProducts td,
    #payment-again #orderedProducts th {
        padding: 5px 5px;
    }
    #deliveryAddressModal .global-modal-content {
        width: 80%;
    }
    .header-section .header-wrapper {
        display: grid;
    }
    .header-section .left {
        padding: 0 20px 20px 20px;
    }
    .header-section .right {
        display: none;
    }
    .header-section .buttons {
        display: grid;
        margin-bottom: 20px;
    }
    .header-section .btn-primary {
        padding: 8px 10px;
    }
    .header-section .btn-secondary {
        padding: 6px 10px;
    }

    /*#previewUploadedFile .global-modal-content {
        width: 80%;
    }
    #previewUploadedFile .carousel-control-prev-icon,
    #previewUploadedFile .carousel-control-next-icon {
        top: 25%;
    }*/
}

@media screen and (max-width: 575px) {
    .checkout-container #paymentMethodContainer .paymentMethodRow.selected div.checkMark {
        top: 80%;
        left: 93%;
    }
    body.quick-payment footer {
        position: relative;
    }
}

@media screen and (max-width: 480px) {
    #body {
        margin-top: 100px;
    }
    #head3 .container {
        height: unset;
        background: #000 !important;
    }
    .basket-page .container {
        padding: 0;
    }

    .basket-page #page {
        width: 100%;
    }

    .shopping-cart {
        font-size: 14px;
    }

    .shopping-cart .card-body {
        padding: 0 0.5rem 0.75rem 0.5rem;
    }

    .shopping-cart .card-footer {
        padding: 0.75rem 0.5rem;
    }

    .shopping-cart .cart_product_desc {
        font-size: 14px;
    }

    .shopping-cart .cstm-del-cart-btn {
        font-size: 14px;
    }

    .shopping-cart .action-block a {
        margin-bottom: 5px;
    }

    .shopping-cart .cstm-file-upload-button {
        color: #fff !important;
    }

    .shopping-cart .uploaded-files-section {
        margin-top: 7px;
    }

    .shopping-cart .file-section {
        display: flex;
    }

    .shopping-cart .uploaded-files-section .file-section:not(:last-of-type) {
        margin-bottom: 5px;
    }

    .shopping-cart .remove-file-block {
        align-items: center;
        display: flex;
    }

    .shopping-cart .remove-btn {
        padding: 10px;
    }

    .shopping-cart .voucher-wrapper {
        padding: 0;
        font-size: 12px;
        text-align: right;
        display: block;
        margin-right: 10px;
    }

    .shopping-cart .price-txt {
        font-size: 15px;
        padding-left: 0;
    }

    .shopping-cart .qty-discount-amount {
        font-size: 15px;
    }

    .shopping-cart #continue .submit {
        width: unset !important;
    }

    .step_form_div .slick-slide {
        min-width: 280px !important;
        max-width: 385px !important;
    }

    .product_diecut .slick-initialized .slick-slide {
        display: contents !important;
    }

    #finish3 .slick-slide,
    #finish4 .slick-slide,
    #cuttingMethod .slick-slide {
        display: block !important;
    }

    .product_diecut #finish1 h3,
    .product_diecut #finish2 h3,
    .product_diecut #finish3 h3,
    .product_diecut #finish4 h3,
    .product_diecut #finish5 h3,
    .product_diecut #material h3,
    .product_diecut #material2 h3,
    .product_diecut #quantity h3,
    .product_diecut #sizes h3,
    .product_diecut #overprint h3,
    .product_diecut #multiDesign h3,
    .product_diecut #cuttingMethod h3,
    .product_diecut #term h3 {
        padding: 5px;
    }

    #product .product_diecut .step_form_div .step-help .action-block .action-btn {
        font-size: 10px;
    }

    #product .product_diecut .step_form_div .step-help .step-name {
        font-size: 12px;
    }

    #product .diecut-product-box {
        height: 140px;
        overflow-y: scroll;
    }

    #product .diecut-product-box .current-price-box .product-name-wrapper {
        margin: 0;
    }

    #cuttingMethod .slick-track {
        justify-content: unset;
    }

    #payment-again .global-modal-content {
        width: 90%;
    }

    #payment-again #orderedProducts tfoot tr td:last-child {
        padding-right: 5px;
    }

    #payment-again #orderedProducts td,
    #payment-again #orderedProducts th {
        padding: 2px 5px;
    }

    #payment-again #orderedProducts tfoot td {
        font-size: 14px;
    }

    .cart-detail-wrapper {
        overflow-x: auto;
    }

    .billing-address-section .validate-vrn-btn {
        margin-left: unset;
    }
    #upload-delivery-note-file .delivery-note-file {
        margin-left: 0;
        font-size: 12px;
    }
    .checkout-container #paymentMethodContainer .paymentMethodRow.selected div.checkMark {
        top: 80%;
        left: 91%;
    }
    .order-product-container .product-list-section .unit-price {
        padding-left: 15px;
    }
    #address-details-info .address-details-wrapper {
        display: grid;
    }
    #address-details-info #address-billing-info,
    #address-details-info #address-delivery-info,
    #address-details-info #comment-info {
        width: 95%;
        margin-left: 15px;
    }
    #address-details-info #address-delivery-info {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .table-cell-lbl {
        height: 32px;
        display: table-cell;
    }
    h4 {
        font-size: 1.2rem !important;
    }
    .checkout-container #paymentMethodContainer {
        display: grid;
    }
    .checkout-container #paymentMethodContainer .paymentMethodRow {
        width: unset;
    }
    #deliveryAddressModal .global-modal-content {
        width: 90%;
    }
    .bonus-navbar {
        font-size: 1.1em;
    }
    #sizes .featureCont.size-block {
        margin-bottom: 20px;
    }
    #sizes .featureCont.size-block label {
        display: flex;
        flex-direction: column-reverse;
    }
    #sizes .featureCont.size-block img {
        margin-bottom: 5px;
        border: #fff 2px solid;
    }
    #sizes .featureCont.size-block .checked img {
        border: green 2px solid;
    }
    #sizes .featureCont.size-block input[name="specialSize"] {
        display: none;
    }
    #quantity h3.quantity_text {
        height: 80px;
        margin: 10px 0 6px 0;
        align-items: center;
        display: grid;
    }
    .subpagesList .photo {
        width: 40%;
    }
    .subpagesList .description {
        clear: both;
    }
    .shopping-cart .related-products {
      margin-left: -10px;
    }

    #content .imagesList li a,
    #content .subpagesList li a,
    #products li .photo a,
    #subpagesGallery .photo a,
    .imagesGallery .gallery-link,
    #productsRelated .photo a {
        width: 97% !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
    }
    #productsRelated .photo a,
    #randomCategoryProducts .photo a,
    #productsLastVisited .photo a {
        width: 80% !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
    }
    .imagesGallery .gallery-img,
    .imagesList img,
    #products li .photo img,
    #subpagesGallery .photo img,
    .subpagesList .photo img,
    #productsRelated .photo img,
    #randomCategoryProducts .photo img,
    #productsLastVisited .photo img {
        aspect-ratio: 1 / 1;
    }
    .theme-default {
        display: none;
    }
    #productsRelated .name {
        height: 50px;
    }
    #products .list li .link_blck {
        min-height: 60px;
    }

    .faq-search-wrapper {
        margin-bottom: 20px;
    }
    .order-data-check-btn {
        margin-top: 10px;
    }
  /* #previewUploadedFile .carousel-control-prev-icon,
   #previewUploadedFile .carousel-control-next-icon {
       top: 23%;
   }*/
}