@font-face {
  font-family: "icons-blank-theme";
  src: url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2") format("woff2"), url("../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TT Commons";
  src: url("../fonts/TTCommons-Regular.woff2") format("woff2"), url("../fonts/TTCommons-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Commons";
  src: url("../fonts/TTCommons-Italic.woff2") format("woff2"), url("../fonts/TTCommons-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Commons";
  src: url("../fonts/TTCommons-Medium.woff2") format("woff2"), url("../fonts/TTCommons-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Commons";
  src: url("../fonts/TTCommons-MediumItalic.woff2") format("woff2"), url("../fonts/TTCommons-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Commons";
  src: url("../fonts/TTCommons-Bold.woff2") format("woff2"), url("../fonts/TTCommons-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Commons";
  src: url("../fonts/TTCommons-BoldItalic.woff2") format("woff2"), url("../fonts/TTCommons-BoldItalic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Commons";
  src: url("../fonts/TTCommons-ExtraBold.woff2") format("woff2"), url("../fonts/TTCommons-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Commons";
  src: url("../fonts/TTCommons-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/TTCommons-ExtraBoldItalic.woff") format("woff");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'printshopz';
  src:  url('../fonts/icons/printshopz.eot?pg9ja5');
  src:  url('../fonts/icons/printshopz.eot?pg9ja5#iefix') format('embedded-opentype'),
    url('../fonts/icons/printshopz.ttf?pg9ja5') format('truetype'),
    url('../fonts/icons/printshopz.woff?pg9ja5') format('woff'),
    url('../fonts/icons/printshopz.svg?pg9ja5#printshopz') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body .ui-tooltip {
  position: absolute;
  z-index: 9999;
}
body .ui-tooltip,
body .transition-none * {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
body .ui-tooltip .ui-tooltip-content {
  background: #fff;
  border: 1px solid rgb(229, 229, 229);
  border-radius: 2px;
  padding: 0.5rem 1rem;
  display: inline-block;
}
body .ui-tooltip.p-c-2 .ui-tooltip-content {
  padding: 0.5rem;
}
body .info-tooltip .tooltip-toggle {
  cursor: pointer;
  display: inline-block;
  color: #dc99da;
  padding-right: 5px;
  margin-bottom: -4px;
  /*width: 1.1rem;*/
  /*height: 1.1rem;*/
}
body .ui-tooltip.styled-tooltip .ui-tooltip-content {
  line-height: 1.5rem;
  /*margin: 0 7vw;*/
  background-color: rgb(237, 237, 237);
  border: 1px solid rgb(14, 145, 182);
  color: rgb(145, 145, 145);
  border-radius: 5px;
}
body .ui-tooltip.styled-tooltip .ui-tooltip-content p:last-child {
  margin-bottom: 0;
}
body .position-relative .position-absolute .info-tooltip {
  margin-left: 0.5rem;
}
body .info-tooltip .tooltip-toggle .tooltip-icon {
  text-indent: -99999px;
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  background-image: url(../../../../../frontend/Nubix/Printshopz/default/images/tooltip-ico.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: 1.1rem 1.1rem;
  background-position: center center;
}
dl, 
ol, 
ul {
  list-style: none;
}
ol {
  padding-left: 0;
}
button.link {
  padding: 0;
  margin: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  color: #DC99DA;
  cursor: pointer;
}
.ico {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'printshopz' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-arrow-right:before {
  content: "\e900";
}
.ico-cart:before {
  content: "\e901";
}
.ico-facebook:before {
  content: "\e902";
}
.ico-instagram:before {
  content: "\e903";
}
.ico-linkedin:before {
  content: "\e904";
}
.ico-loupe:before {
  content: "\e905";
}
.ico-message:before {
  content: "\e906";
} 
.ico-info:before {
  content: "\e907";
}
.ico-heart:before {
  content: "\e908";
}
.ico-checkbox:before {
  content: "\e909";
}
.product-action-link .ico-arrow-right:before {
  font-size: 0.7rem;
}

.ico-quote:before {
  content:''; 
  display: block; 
  left:0.9rem; 
  top:0.3rem; 
  width: 1.7rem; 
  height: 1.7rem; 
  margin-bottom: 4px;
  background: url(../images/quote-icon.svg) no-repeat 0 0; 
  background-size: 100% 100%;
}

.ico-print:before {
  content:''; 
  display: block; 
  left:0.9rem; 
  top:0.3rem; 
  width: 1.7rem; 
  height: 1.7rem; 
  margin-bottom: 4px;
  background: url(../images/printer-icon.svg) no-repeat 0 0; 
  background-size: 100% 100%;
}

html { -webkit-text-size-adjust: none; text-size-adjust: none; font-size: 1.04167vw;}
body{ line-height:1.3; font-family:'TT Commons', Arial, sans-serif; color:#717171;background: #3E3169;}
a { color: #DC99DA; text-decoration: underline;}
a:hover { color: #DC99DA; text-decoration: none;}
h1, h2, h3, h4, h5, h6 { font-weight:700; color:#634594; margin-bottom: 1.3rem;}
h1, h2 { font-weight:800;}
p, ul, ol { margin-bottom: 1.3rem;}
table, .table { color: #717171; border-spacing: 0; width: 100%;}
table thead th, .table thead th { vertical-align: bottom; padding: 0.7rem 0.5rem 0.85rem; font-weight: bold; text-align: left; line-height: 1; border:none; border-bottom:1px solid #dcdcdc;}
.multiselect table thead th, .table thead th { vertical-align: bottom; padding: 0.7rem 0.5rem 0.85rem; font-weight: bold; text-align: left; line-height: 1; border:none;}
.multiselect table thead tr:first-child th { vertical-align: bottom; padding: 0.7rem 1.50rem 0.85rem; font-weight: bold; text-align: left; line-height: 1; border:none;}
.multiselect label.option-label span {text-align: center; display:block}
table td, .table td, table tbody td, .table tbody td, table tfoot td, .table tfoot td { vertical-align: top; padding: 0.5rem; border:none; border-bottom:1px solid #dcdcdc;}
.multiselect table td, .table td, table tbody td, .table tbody td, table tfoot td, .table tfoot td { vertical-align: top; padding: 0.5rem; border:none;}
table .col { width: auto;}
table p { margin: 0;}
table .price { white-space: nowrap;}
.medium { font-weight: 500;}

.columns { display: flex; flex-wrap:wrap; width: 100%;}
.column.main { width: 100%;}

.container { max-width: 100%;}
.row { margin-left: -1.25rem; margin-right: -1.25rem;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .row>[class^="col"] { padding-left: 1.1rem; padding-right: 1.1rem;}
.row.row-1 { margin-left: -1rem; margin-right: -1rem;}
.row.row-1>[class^="col"] { padding-left: 1rem; padding-right: 1rem;}
.row.row-12 { margin-left: -0.6rem; margin-right: -0.6rem;}
.row.row-12>[class^="col"] { padding-left: 0.6rem; padding-right: 0.6rem;}

.btn { max-width: 100%; padding:1.2rem 2.4rem; border-radius: 1.75rem 1.75rem 0 1.75rem; line-height: 1.3; font-weight: 500; text-decoration: none;}
.btn.btn-small { padding:1rem 1.8rem;}
@media screen and (min-width: 992px) {
    .btn.btn-lg-small { padding:1rem 1.8rem;}
	.workhours, .experience, .department {
    padding-left: 29px;
}
}
.btn-primary { background: #FD8B4C; box-shadow: 0px 4px 5px rgba(0,0,0,0.16); border:1px solid transparent; color:#fff;}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { background-color: #FD8B4C; color: #fff; border-color:transparent; box-shadow: 2px 8px 6px rgba(0,0,0,0.16);}
.btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {  background-color: #FD8B4C; color: #fff; border-color:transparent; box-shadow: 2px 8px 6px rgba(0,0,0,0.16);}
.btn-secondary { background: #f3f3f3; border: 1px solid transparent; color:#3E3169; font-weight: bold; box-shadow: 0px 4px 5px rgba(0,0,0,0.16);}
.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { background-color: #f3f3f3; color: #3E3169; border-color:transparent; box-shadow: 2px 8px 6px rgba(0,0,0,0.16);}
.btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { background-color: #f3f3f3; color: #3E3169; border-color:transparent; box-shadow: 2px 8px 6px rgba(0,0,0,0.16);}
.btn-secondary-green { background:#f3f3f3; border: 1px solid #62C8A0; color:#62C8A0; box-shadow:none; margin-top: 5px;}
.btn-secondary-green:hover, .btn-secondary-green:not(:disabled):not(.disabled).active, .btn-secondary-green:not(:disabled):not(.disabled):active, .show>.btn-secondary-green.dropdown-toggle { background-color: #62C8A0; color: #fff; border-color:#62C8A0; box-shadow:none;}
.btn-secondary-green:focus, .btn-secondary-green:not(:disabled):not(.disabled).active:focus, .btn-secondary-green:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary-green.dropdown-toggle:focus { background-color: #62C8A0; color: #fff; border-color:#62C8A0; box-shadow: none;}
.btn-work-draw { display: block; background: #f3f3f3; border-color: #62C8A0; color:#62C8A0; border-radius: 1.75rem 1.75rem 1.75rem 1.75rem; height: 3.2rem; font-weight: 500; padding: 0.95rem 1.35rem 0.95rem 3.4rem; position: relative;}
.btn-work-draw:before { content:''; display: block; position: absolute; width: 1.1rem; height: 1.2rem; left:2rem; top:60%; transform:translateY(-50%); background: url(../images/download-icon.svg) no-repeat 0 0; background-size: 70% 70%; filter: invert(35%) sepia(50%) saturate(341%) hue-rotate(105deg) brightness(96%) contrast(93%);}
.btn-green { background: #62C8A0; box-shadow: 0px 4px 5px rgba(0,0,0,0.16); border:1px solid transparent; color:#fff;}
.btn-green:hover, .btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active, .show>.btn-green.dropdown-toggle { background-color: #62C8A0; color: #fff; border-color:transparent; box-shadow: 2px 8px 6px rgba(0,0,0,0.16);}
.btn-green:focus, .btn-green:not(:disabled):not(.disabled).active:focus, .btn-green:not(:disabled):not(.disabled):active:focus, .show>.btn-green.dropdown-toggle:focus {  background-color: #62C8A0; color: #fff; border-color:transparent; box-shadow: 2px 8px 6px rgba(0,0,0,0.16);}
.btn-mini { display: inline-block; border-radius:0.85rem; font-size: 0.75rem; line-height: 1rem; padding: 0.35rem 0.6rem; font-weight: bold; text-decoration: none;}
.btn-mini-rose { background: #DC99DA; color: #fff;}
.btn-mini-green { background: #62C8A0; color: #fff;}
.btn-mini-rose:hover, .btn-mini-green:hover { color: #fff;}
.rose { color: #DC99DA;}
.small { font-size: 0.85rem;}

button.btn-edit {
	display: inline-block;
    background: #DC99DA;
    border-radius: 0.85rem;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.3rem 0.6rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
	border-style: none;
	margin-left: 28%;
	margin-top: 5px;
	cursor:pointer;
}

img { max-width: 100%; height: auto;}
.product-thumb, .thumb { display: block;}
.product-thumb img, .thumb img { display: block; width: 100%;}
.thumb-cover { display: block; position: relative; padding-bottom: 100%;}
.thumb-cover img { display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit:cover;}

.badge { display: block; background: #60C8A0; border: 1px solid #FFFFFF; border-radius:1rem; font-size: 0.85rem; line-height: 1; font-weight: 500; color: #fff; padding: 0.5rem 1rem;}
.badge.badge-popular { background: #60C8A0;}
.button-wrap { text-align: center;}

.input-rounded { background: #fff; color: #453572; border: 1px solid #ADBFC8; border-radius: 1.75rem 1.75rem 0 1.75rem; font-size: 1rem; line-height: 1.3; font-weight: 500; padding: 1.2rem 1.5rem; outline: none;}
.input-rounded::-webkit-input-placeholder, .header-search .input-text::-webkit-input-placeholder { color:#634594; opacity: 1;}
.input-rounded::-moz-placeholder, .header-search .input-text::-moz-placeholder { color:#634594; opacity: 1;}
.input-rounded:-ms-input-placeholder, .header-search .input-text:-ms-input-placeholder{ color:#634594; opacity: 1;}
.input-rounded::-ms-input-placeholder, .header-search .input-text::-ms-input-placeholder{ color:#634594; opacity: 1;}
.input-rounded::placeholder, .header-search .input-text::placeholder{ color:#634594; opacity: 1;}

.payment-option-inner .field { width: 26rem; }
.header-search .input-text { border-radius: 1.6rem 1.6rem 0 1.6rem !important; }
.options-fieldset .form-control { border-radius: 14px 0 0  14px!important; padding-right: 0; }


@media screen and (min-width: 992px) {
  body .ui-tooltip.styled-tooltip.option-tooltip {
    max-width: 75%;
  }
    .container, .page-main { max-width:73.75vw;}
    .container-wide { max-width:85vw;} 
    .container.container-header { max-width:93vw;}
    
    .col-lg-20 { flex:0 0 20%; max-width: 20%;}
    .col-lg-45 { flex:0 0 45%; max-width: 45%;}
    .col-lg-55 { flex:0 0 55%; max-width: 55%;}
}

/* header */
.page-wrapper { position: relative; width: 100%; overflow: hidden; padding-top: 7rem;background: #fff;}
.page-header { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 1030;}
.page-header a { text-decoration: none;}
.header-main { width: 100%; background: #503778; padding:1.9rem 0; transition: background 0.3s;}
.header-main .container { padding-left: 1.25rem; padding-right: 1.25rem;}
.navbar-brand { width: 10.3rem; flex:0 0 10.3rem; padding: 0; margin: 0 0.9rem 0 0;}
.header-search { position: relative; width: 15.77vw; margin-left: 0.9rem; z-index:80;}
.header-search .field label { display: none;}
.header-search .input-text { display: block; width:100%; background: #fff; border:none; border-radius: 1.6rem 1.6rem 0 1.6rem; height: 3.2rem; color:#634594; padding: 0.95rem 3rem 0.95rem 2.1rem; outline: none !important; box-shadow: none !important;}
.header-search .action.search { display: block; position: absolute; top:0; right:0; height:3.2rem; width:3rem; padding-right: 1rem; padding-left: 0; font-size: 1.2rem; line-height: 3.2rem; text-align: center; color:#634594; background: none; border:none; cursor: pointer;outline:none !important; box-shadow: none !important;}
.header-login { margin-left: 0.9rem;}
.header-login .login-link { display: block; background: #DB99D9; color:#fff; border-radius: 1.6rem 1.6rem 0 1.6rem; height: 3.2rem; font-weight: 500; padding: 0.95rem 1.35rem 0.95rem 3.4rem; position: relative;}
.header-login .login-link:before { content:''; display: block; position: absolute; width: 1.1rem; height: 1.2rem; left:1.3rem; top:50%; transform:translateY(-50%); background: url(../images/user-ico.svg) no-repeat 0 0; background-size: 100% 100%;}
.minicart-wrapper { margin-left: 1.2rem;}
.action.showcart { display: block; position: relative; height: 2rem; line-height: 2rem; padding: 0 0.9rem 0 1.9rem; color: #fff;}
.action.showcart .ico-cart { content:''; display: block; position: absolute; font-size: 1.85rem; left:0; top:0;}
.action.showcart:after { content:''; display: block; position: absolute; top:40%; right:0; width:0.4rem; height: 0.4rem; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-50%) rotate(45deg); transition: 0.3s;}
.action.showcart .text, .action.showcart .counter-label, .action.showcart .counter.empty { display: none;}

.full-overlay { visibility: hidden; opacity: 0; position: fixed; top:0; left:0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.56); z-index: 1000; transition: 0.3s;}
.header-over .full-overlay { visibility: visible; opacity: 1;}

.search-autocomplete { position: absolute; top:4.8rem; left:-7.8rem; width: 40.3vw;}
.search-autocomplete a { text-decoration: none;}
.search-autocomplete .mini-search { position: relative; background: #fff; border-radius: 0.8rem; padding: 2rem 2rem 1.3rem;}
.search-autocomplete .mini-search:before { content:''; display: block; position: absolute; left:11.4rem; bottom:100%; margin-bottom: -1px; border-bottom:0.85rem solid #fff; border-left:0.65rem solid transparent; border-right:0.65rem solid transparent;}
.search-autocomplete .search-products .spac-title { font-weight: bold; color: #634594; margin-bottom: 0.7rem;}
.search-autocomplete .search-products .all-spac-link { display: block; font-size: 0.9rem; line-height: 1.3rem; font-weight: 500; color: #717171; margin-bottom: 0.7rem;}
.search-product-item { display: block; border-radius: 1rem 1rem 0 0; border: 1px solid #e1e2e6; color: #634594; font-weight: bold; margin-bottom: 1.2rem;}
.search-product-item .product-thumb img { border-radius: 1rem 1rem 0 0; }
.search-product-item .product-name { display: flex; justify-content: space-between; flex-wrap:nowrap; align-items:center; padding: 0.8rem; }
.search-product-item .product-name .ico-arrow-right { color: #717171; font-size: 0.9rem;}
.search-cat-item { display: block; border: 1px solid #e1e2e6; border-radius:0.9rem; padding: 1.1rem 2.5rem 0.9rem 1rem; color: #634594; font-weight: bold; margin-bottom: 0.7rem; position: relative;}
.search-cat-item .ico-arrow-right { display: block; position: absolute; top:50%; transform: translateY(-50%); right:1.4rem; color: #717171; font-size: 0.9rem;}
.search-cat-item .cat-label { display: block; color: #717171; font-weight: 500;}
.search-cat-item .cat-name { display: block;}
.search-product-item:hover, .search-cat-item:hover { border-color:#62C8A0; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); color: #634594;}
.search-cat-item:hover .ico-arrow-right, .search-product-item:hover .product-name .ico-arrow-right { color:#62c8a0;}

/* main menu */
.nav-main-list>li { position: relative; margin: 0 0.5rem;}
.nav-main-list>li>a { display: block; padding: 0; line-height: 1.8rem; font-weight: bold; position: relative; color: #fff; white-space: nowrap; border-bottom:2px solid transparent;}
.nav-main-list>li.parent>a { padding-right: 0.7rem;}
.nav-main-list>li.parent>a>.arrow { display: block; position: absolute; right:0; top:0; width: 10px; height: 100%;}
.nav-main-list>li.parent>a>.arrow:after { content:''; display: block; position: absolute; top:50%; left:50%; width:0.4rem; height: 0.4rem; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:translate(-50%,-50%) rotate(45deg); transition: 0.3s;}
.nav-main-list>li.active>a, .nav-main-list>li:hover>a { border-color:#62C8A0;}
.nav-main-list>li.parent:after { content:''; display: block; position: absolute; left:50%; transform:translateX(-50%); top:2.56rem; border-bottom:0.85rem solid #fff; border-left:0.65rem solid transparent; border-right:0.65rem solid transparent; visibility: hidden; opacity: 0; transition: 0.3s;}
.nav-main-list>li.parent.hover { margin-bottom: -1.6rem; padding-bottom: 1.6rem;}
.nav-main-list>li.parent.hover:after {visibility: visible; opacity: 1;}
/* .submenu-dropdown { visibility:hidden; width: 37.63vw; background: #fff; position: absolute; top:3.4rem; left:-3rem; border-radius: 0.8rem; padding: 2.4rem 3rem; max-height: calc(100vh - 6rem); overflow: auto; opacity: 0; transition: 0.3s;} */
.submenu-dropdown {  visibility:hidden; min-width: 43vw; min-height: calc(50vh); max-height: calc(70vh); background: #fff; position: absolute; top: 3.4rem; left: -3rem; border-radius: 0.8rem; padding: 2.4rem 3rem; opacity: 0; transition: 0.3s; }


.nav-main-list>li.hover .submenu-dropdown { visibility: visible; opacity: 1;}
.submenu-dropdown .submenu { padding: 0; margin:0; list-style: none; font-size: 0.85rem; line-height: 1.3rem; margin-right: 7px;
}
.submenu-dropdown .submenu li { font-weight: bold; margin-bottom: 1.6rem;}
.submenu-dropdown .submenu .submenu.flexed {display: flex;}
.submenu-dropdown .submenu .submenu li { font-weight: normal; margin-bottom: 0;}
.submenu-dropdown .submenu li a { color:#929292;}
.submenu-dropdown .submenu li a:hover { color: #62c8a0;}
.submenu-dropdown .submenu-body.two-cols>.submenu { display: flex; flex-wrap:wrap; margin: 0 0.25rem;}
.submenu-dropdown .two-cols>.submenu>li { padding: 0 1rem;}
/*.submenu-dropdown .two-cols>.submenu>li { width: 50%;}*/
/*.submenu-dropdown .two-cols>.submenu>li:first-child {width: 33.3%;}*/
/*.submenu-dropdown .two-cols>.submenu>li:last-child {width: 66.6%;}*/
.submenu-dropdown .submenu-body.three-cols>.submenu { display: flex; flex-wrap:wrap; margin: 0 0.25rem;}
.submenu-dropdown .three-cols>.submenu>li { padding: 0 3rem; width: 33%;}

.submenu-dropdown.submenu-all { width: 51.25vw;}
.submenu-dropdown .nav-tabs { border:none;}
.submenu-dropdown .nav-tabs .nav-link { color: #929292; font-weight: 500; padding: 0.45rem 2.5rem 0.45rem 0; position: relative; border:1px solid transparent; border-right-color:#dcdcdc; border-radius: 0; white-space: normal;}
.navbar-expand-lg .navbar-nav .submenu-dropdown .nav-tabs .nav-link { padding: 0.45rem 2.5rem 0.45rem 0;}
.submenu-dropdown .nav-tabs .nav-link .ico-arrow-right { position: absolute; right:1.3rem; line-height: 1.3;}
.submenu-dropdown .nav-tabs .nav-link:focus, .submenu-dropdown .nav-tabs .nav-link:hover { color: #62c8a0;}
.submenu-dropdown .nav-tabs .nav-item.show .nav-link, .submenu-dropdown .nav-tabs .nav-link.active { border-color:#dcdcdc transparent; background: none; color: #62c8a0;}

/*SUBMENU UPDATE */
/* .submenu-dropdown {  visibility:hidden; min-width: 50vw; min-height: calc(50vh); max-height: calc(70vh); background: #fff; position: absolute; top: 3.4rem; left: -3rem; border-radius: 0.8rem; padding: 2.4rem 3rem; opacity: 0; transition: 0.3s; } */
.submenu-dropdown .submenu, .submenu-dropdown .submenu .flexed {max-height: calc(70vh - 8rem); display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; }
.submenu-dropdown .submenu .parent, .submenu-dropdown .submenu .parent .flexed > li, .submenu .parent, .submenu .parent .d-flex > li ul li:last-child { margin-bottom: 1rem!important; }
.submenu-dropdown .submenu .parent {  margin-right: 2.5rem; }
.submenu-body .submenu .flexed > li  {  margin-right: 1rem; }
.submenu-dropdown .submenu .parent {  width: auto!important;  min-width: 8vw; }
.submenu-dropdown .submenu .parent,.submenu .parent, .submenu .parent .d-flex > li {  margin-right: 1rem; }
@media screen and (min-width: 992px) { .submenu a {  display: block; max-width: 10rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }

.header-mobile { background: #503778; padding: 0.833rem 0; width: 100%;}
.navbar-main-toggler { background: transparent; border: 0; padding:0; font-size: 1.083rem; line-height: 2rem; font-weight: 500; color: #fff; display: flex; align-items: center; border-radius:0; outline: none;}
.navbar-main-toggler:hover, .navbar-main-toggler:focus, .navbar-close-toggler:hover, .navbar-close-toggler:focus { outline: none;}
.navbar-main-toggler .toggler-ico { display: block; position: relative; width: 1.75rem; height: 1.75rem; margin-right: 0.6rem;}
.navbar-main-toggler .toggler-ico span { display: block; position: absolute; height:2px; width:100%; background: #fff; left:0; transform: rotate(0deg); transition: .25s ease-in-out;}
.navbar-main-toggler .toggler-ico span:nth-child(1) { top:2px;}
.navbar-main-toggler .toggler-ico span:nth-child(2), .navbar-main-toggler .toggler-ico span:nth-child(3) { top:calc(50% - 1px);}
.navbar-main-toggler .toggler-ico span:nth-child(4) { top:calc(1.75rem - 4px);}
.navi-toggler-bar { padding: 1.5rem 1.8rem; display: flex; justify-content: flex-end; position: relative; overflow: hidden;}
.navi-toggler-bar:before { content:''; display: block; position: absolute; height: 1px; top:0; left:-6px; right:-6px; background: rgba(0,0,0,0.08); box-shadow:0 3px 6px rgba(0,0,0,0.3);}
.navbar-close-toggler { font-size: 1.083rem; line-height: 1.75rem; font-weight: bold; color: #3E3169; display: flex; align-items: center; border-radius:0; outline: none;}
.navbar-close-toggler .toggler-ico { display: block; position: relative; width: 1.75rem; height: 1.75rem; margin-right: 0.85rem;}
.navbar-close-toggler .toggler-ico span { display: block; position: absolute; height:2px; width:100%; background: #3E3169; left:0; transform: rotate(0deg); transition: .25s ease-in-out;}
.navbar-close-toggler .toggler-ico span:nth-child(1) { top:calc(50% - 1px); transform: rotate(45deg);}
.navbar-close-toggler .toggler-ico span:nth-child(2) { top:calc(50% - 1px); transform: rotate(-45deg);}

/* layout */
.breadcrumbs { padding-top: 2.8rem;}
.breadcrumbs .items { font-weight: 500; color: #a6a6a6; margin: 0; padding: 0; list-style: none; display: flex; flex-wrap:wrap;}
.breadcrumbs .items a { color: #a6a6a6; text-decoration: none;}
.breadcrumbs .items li strong { font-weight: 500; color: #717171;}
.breadcrumbs .items li:not(:last-child):after { content: '>'; margin:0 0.3rem;}

.page-main { padding: 2.2rem 1.25rem; margin: 0 auto; flex-direction: column; position: relative; z-index: 1; min-height: 35rem;}
.breadcrumbs ~ .page-main { padding-top: 1.5rem;}
.page-main .columns:after, .column.main:after { content:''; clear: both; display: table;}

.page-title-wrapper { display: flex; width: 100%; flex-wrap:wrap;}
.page-title-wrapper .pre-title { width: 100%; flex:0 0 100%; font-weight: bold;}
.page-title { font-size: 3rem; line-height: 1; font-weight: 800; color: #634594; margin-bottom: 0.65rem;}
.title-right { margin-left: auto; margin-bottom: 2.3rem;}
.title-bottom { width: 100%; flex:0 0 100%; margin-bottom: 2.3rem;}
.page-title-wrapper .title-bottom { margin-top: -0.7rem;}
.title-bottom .btn { width: 25.8rem;}

body:before { content:''; display: block; position: absolute; top:17.7rem; right:50%; margin-right: -42.5rem; width: 3rem; height: 3rem; border-radius: 50%; background: #968fd1;}
body:after { content:''; display: block; position: absolute; top:45.6rem; left:50%; margin-left: -45.25rem; width: 2.6rem; height: 2.6rem; border-radius: 50%; background: #cadee9;}
.page-wrapper:after { content:''; display: block; position: absolute; left:0; top:25.8rem; width: 9.95vw; height: 17.15rem; background: url(../images/left-line.svg) no-repeat 0 0; background-size: 100% 100%;}
body.cms-home:before, body.cms-home:after, body.account:before, body.account:after, body.customer-account-create:after, .cms-home .page-wrapper:after, .account .page-wrapper:after, .customer-account-login .page-wrapper:after, .customer-account-create .page-wrapper:after  { display: none;}
.cms-home .page-wrapper:before { content:''; display: block; position: absolute; right:0; top:47.8rem; width: 21.46vw; height: 17.86vw; background: url(../images/home-right-line.svg) no-repeat 0 0; background-size: 100% 100%;}
body.customer-account-index:before, body.customer-account-index:after { display: block;}
body.customer-account-index:after { margin-left: 0; left:19.5rem; top:31.4rem;}
.customer-account-index .page-wrapper:after { display: block; width: 11.5rem; height: 17.7rem; left:13.1rem; top:35.2rem; background-image: url(../images/home-left-line.svg); background-position:65% 74.4%; background-size: 160% auto;}
.attachments-index-index .page-wrapper:after,
.faq-index-index .page-wrapper:after,
.reseller-index-index .page-wrapper:after {display: none;}
/* home */
.cms-home .page-wrapper { padding-top: 0;}
.cms-home .page-main { padding: 0; max-width: 100%;}
.home-top-section { position: relative; background: url(../images/home-header.jpg) no-repeat center center; background-size: cover; padding: 9.85rem 0 calc(12.86vw + 2.2rem); color: #fff; text-align: center; overflow: hidden;}
.home-top-section:before { content:''; display: block; position: absolute; width: 60.35rem; height: 33.25rem; top:0; left:50%; transform:translateX(-50%); margin-left: 8.75rem; background: url(../images/header-text.png) no-repeat 0 0; background-size: 100% 100%;}
.home-title { font-size:5.6rem; font-weight: 800; line-height:4.4rem; color: #fff; max-width: 45rem; margin:0 auto 3rem; position: relative; z-index: 1;}
.home-subtitle { font-size: 1.25rem; max-width: 20rem; margin: 0 auto; position: relative; z-index: 1;}
@media screen and (min-width: 992px) {
    .cms-home .header-main { background: none;}
    .header-fixed .header-main, .header-over .header-main { background: #503778;}
}

@media screen and (min-width: 1200px) {
    .home-cats-section .container { max-width:77.5vw;}    
}
.home-cats-list { margin-top: -12.86vw;}
.home-cats-list>.row { margin-left: -1rem; margin-right: -1rem;}
.home-cats-list>.row>[class^="col"] { padding-left: 1rem; padding-right: 1rem;}
.category-item { display: block; position: relative; text-decoration: none; border:2px solid transparent; border-bottom:none; transition: 0.3s; border-radius: 1.5rem 1.5rem 0 0; margin-bottom: 2.1rem;}
.category-item .badge { position: absolute; top:0.95rem; left:1.55rem; z-index: 1;}
.category-item .thumb { height: calc(12.86vw - 2px); padding: 0;}
.category-item .thumb img { border-radius: 1.4rem 1.4rem 0 0;}
.category-item .caption { display: flex; justify-content: space-between; padding: 0.85rem 1.4rem; background: #fff; font-weight: 500; color: #453572; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); transition: 0.3s;}
.category-item .caption .ico { font-size:1.2rem; line-height: 1.3rem;}
.category-item:hover { border-color:#3e3169;}
.category-item:hover .caption { color:#fff; background:#3e3169;}
.category-item:hover .add { color:#fff; }

.show-staff-list { margin-top: -12.86vw;}
.show-staff-list>.row { margin-left: -1rem; margin-right: -1rem;}
.show-staff-list>.row>[class^="col"] { padding-left: 1rem; padding-right: 1rem;}
.staff-item { display: block; position: relative; text-decoration: none; border:2px solid transparent; border-bottom:none; transition: 0.3s; border-radius: 0; margin-bottom: 2.1rem;}
.staff-item .badge { position: absolute; top:0.95rem; left:1.55rem; z-index: 1;}
.staff-item .thumb { height: calc(16.86vw - 2px); padding: 0;}
.staff-item .thumb img { border-radius: 0;}
.staff-item img:nth-child(3) {
  border-radius: 10px;
}
.staff-item .caption { display: flex; justify-content: space-between; padding: 0.85rem 1.4rem; background: #fff; font-weight: 500; color: #453572; transition: 0.3s;}
.staff-item .caption .ico { font-size:1.2rem; line-height: 1.3rem;}
.staff-item:hover { border-color:#3e3169;}
.staff-item:hover .caption { color:#fff; background:#3e3169;}
.staff-item:hover .add { color:#fff; }

.section-title { font-size: 4.5rem; line-height:3.75rem; font-weight: 800; margin-bottom: 1.6rem;}
.subtitle { font-size: 1.25rem;}
.home-video-section { padding: 3.35rem 0; color: #634594; text-align: center;}
.home-video-section .section-title { max-width: 36.3rem; margin: 0 auto 1.75rem;}
.home-video-section .subtitle { max-width: 50rem; margin: 0 auto;}
.home-video-section .button-wrap { margin-top: 2.15rem;}

.benefits-section { padding: 3rem 0 4rem;}
.benefit-item { width: 20%; text-align: center; font-weight: bold; color: #634594; padding: 0 1.5rem; margin-bottom: 3rem;}
.benefit-item .icon { width: 8.2rem; height: 8.2rem; display: flex; align-items: center; justify-content: center; margin:0 auto 1.4rem;}
.benefit-item .icon img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto;}
.benefit-item p { margin: 0;}

.subscribe-section { background: #CADEE9; color: #453572; padding: 7.5rem 0 12.7rem; text-align: center; position: relative;}
.block-newsletter { max-width: 36.3rem; margin: 0 auto;}
.subscribe-section .section-title { color: #fff;}
.subscribe-section .form.subscribe { margin-top: 2.4rem;}
.subscribe-section .field.newsletter, .subscribe-section .actions { margin:0 0 0.5rem;}
.subscribe-section .input-rounded { text-align: center; width: 100%;}
.subscribe-section .btn-subscribe { width: 100%;}
@media screen and (min-width: 992px) {
.subscribe-section:before { content:''; display: block; position: absolute; left:0; top:-5rem; width: 22.45vw; height: 24.5rem; background: url(../images/home-left-line.svg) no-repeat 0 80%; background-size: 100% auto;}
}

.staff-section { background: #CADEE9; color: #453572; padding: 7.5rem 0 7.7rem; text-align: center; position: relative;}
.subscribe-section .section-title { color: #fff;}
.subscribe-section .form.subscribe { margin-top: 2.4rem;}
.subscribe-section .field.newsletter, .subscribe-section .actions { margin:0 0 0.5rem;}
.subscribe-section .input-rounded { text-align: center; width: 100%;}
.subscribe-section .btn-subscribe { width: 100%;}
@media screen and (min-width: 992px) {
.subscribe-section:before { content:''; display: block; position: absolute; left:0; top:-5rem; width: 22.45vw; height: 24.5rem; background: url(../images/home-left-line.svg) no-repeat 0 80%; background-size: 100% auto;}
}

/* header benefits */
.header-benefits { background: #f1f1f1; padding: 1.7rem;}
.benefits-list .benefit-item { display: flex; align-items: center; text-align:left; font-size: 0.85rem; margin-bottom:0;}
.benefits-list .benefit-item .icon { width: 2.4rem; height: 2.4rem; margin: 0 0.3rem 0 0;}

/* forms */
input, textarea, select, button { font-family::'TT Commons', Arial, sans-serif;}
.fieldset { margin: 0 0 1.2rem; letter-spacing: 0;}
.fieldset .field, .fieldset>.fields>.field { margin: 0 0 1.2rem;}
.fieldset:last-child, .fieldset>.field:last-child, .fieldset>.fields>.field:last-child { margin-bottom: 0;}
.field>.label, .fieldset>.field>.label, .fieldset>.fields>.field>.label { display: inline-block; line-height: 1; margin: 0 0 0.3rem; font-weight:500;}
.field .label small { font-size: 85%; color: #b5b5b5; margin-left: 0.2rem;}
.fieldset .field.required>label::after, .fieldset>.fields>.field.required>label::after {display: inline; content: '*';}
.fieldset-content.col2-layout>.row>div { padding-left: 0.4rem; padding-right: 0.4rem;}
.input-text, .form-control { width: 100%; background: #fff; border: 1px solid #DCDCDC; border-radius:0.75rem; font-weight: 500; color: #717171; font-size: 1rem; line-height: 1.3; font-family:'TT Commons', Arial, sans-serif; padding-right: 1rem; padding-left: 1rem; height: calc(3.3rem + 2px); outline: none; box-shadow:none !important;}
textarea.input-text, textarea.form-control { height:7.2rem;}
.input-text:focus, .form-control:focus { color: #717171; border-color:#62c8a0;}
.input-group-text { font-weight:500; line-height: 1.3; color: #717171; background-color: #f3f3f3; border-color:#DCDCDC; border-left:none; position: relative; z-index: 3;   border-radius: 0 0.75rem 0.75rem 0}
.input-text:focus+.input-group-append .input-group-text, .form-control:focus+.input-group-append .input-group-text { border-color:#62c8a0;}
.required-text { font-weight: 500;}
.field .field-link { float:right; font-weight: 500;}
.d-lg-flex>.control { flex:0 1 100%;}


table.gender-size .input-text { 
text-align: center;
height: calc(2rem + 2px);
}


table.gender-size span.gender-size {
	
}

.sub-count{
	font-style: italic;
    color: lightgrey;
}

/* product view */
/*.catalog-product-view .page-title { margin-bottom: 1rem;}*/
.product.media { display: block; /*float:left; width: 41.7%;*/ margin-bottom: 3.5rem;}
.product-info-main { /*float:right; width: 48.9%;*/ margin-bottom: 3.5rem;}
.info-wrap { position: relative;}
.info-toggler { cursor: pointer; color:#dc99da; height: 1rem;}
.options-block { background: #fff; border-width: 1px; border-style: solid; border-color: #DCDCDC; border-radius: 0.75rem; margin-bottom: 1.05rem;}
.options-block .block-title { 
  background-color: #F3F3F3; 
  background-image: url(../images/accordion-closed.png);
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position: right+0.8rem center;
  border-radius: 0.75rem 0.75rem 0.75rem 0.75rem; 
  padding: 0.5rem 1.2rem;
  padding: 0.5rem 2.6rem 0.5rem 1.2rem;
  color:#62C8A0; 
}
.options-block.has-error,
.options-block.active.has-error {
  border-color:#ff000099;
}
.options-block.has-error .block-title {
  background-color: #ff000099;
  background-image: url(../images/accordion-closed-active.png);
}
.options-block.has-error .block-title .num {
  color: #ff000099;
  border-color: #ff000099;
}
.options-block.has-error .block-title .caption {
  color: white;
}
.options-block.has-error .block-title .value {
  color: white;
}
.options-block.active.has-error .block-title {
  background-color: #ff000099;
}
.options-block.opened.has-error .block-title {
  background-color: #ff000099;
}
.options-block.active.opened.has-error .block-title {
  background-color: #ff000099;
}
.options-block.active .block-title {
  background-image: url(../images/accordion-closed-active.png);
}
.options-block.active.opened .block-title {
  border-radius: 0.75rem 0.75rem 0 0; 
  background-image: url(../images/accordion-opened.png);
}
.options-block .block-title .num { display: block; width: 2.15rem; height: 2.15rem; background: #fff; border-width: 2px; border-style: solid; border-color: #62C8A0; border-radius: 50%; text-align: center; line-height: calc(2.15rem - 4px); color: #62C8A0; margin-right: 1.6rem;}
.options-block .block-title .caption { font-size: 1.2rem; font-weight: bold;}
.options-block .block-title .value {font-style: italic;}
.options-block .block-title .btn-choice { background: #f00; color: #fff; font-size: 0.85rem; line-height: 1rem; border-radius:1.6rem; margin-left: auto; padding: 0.25rem 0.8rem 0.35rem; cursor: pointer; text-decoration: none;}
.options-block.active { border-color:#62C8A0;}
.options-block.active .block-title { background-color:#62C8A0; color: #fff;}
.options-block .block-content { padding: 1.9rem 1.6rem 1.2rem;display: none;}
.options-block.opened .block-content {display: block;}
.options-block.custom-size .btn.with-changes-and-values {
  background-color: orange;
  color: white;
}
.options-fieldset { display: flex; flex-direction: row; flex-wrap: wrap; }
.options-fieldset .input-group { flex: 1; margin-left: 10px; margin-bottom: 0.55rem;}
.options-fieldset .input-group:first-child { margin-left: 0;}
.options-fieldset .input-group .form-control::placeholder { color: #9b9b9b;}
.block-btn { margin-top: 0.5rem; padding:0.5rem; border-radius: 3rem; border: 1px solid #62c8a0; color: #62c8a0; cursor: pointer; }
.block-btn:focus { outline:none; border: 1px solid #62c8a0; }
.options-block.custom-size .block-btn.with-changes-and-values { background-color: #62c8a0; color: #fff; }

.options-grid.row { margin-left: -0.3rem; margin-right: -0.3rem;}
.options-grid.row>[class^="col"] { padding-left: 0.3rem; padding-right: 0.3rem; margin-bottom: .5rem;}
.options-grid.row>[class^="col"]>.option-label {margin-bottom: 0}
.options-grid.row>[class^="col"]>.option-label>.option-item .caption {
  height: 2rem;
  line-height: 1rem;
  min-height: 2rem; 
  /*overflow: hidden; */
}
.option-label { display: block; position: relative;}
.option-label input[type="checkbox"], .option-label input[type="radio"] { opacity: 0; position: absolute; left:-9999px;}
.option-label .thumb div { border-radius: 1rem 1rem 0 0; }
.option-item { display: block; border: 1px solid #DCDCDC; border-radius:1.1rem; font-weight: 500; line-height: 1; position: relative; cursor: pointer;}
.option-item>* { position: relative; z-index: 2;}
.option-item .thumb { position: relative; margin-bottom: 0.5rem;}
.option-item .thumb-exclusive, .option-item .thumb-color { padding-bottom: 80%;}
.option-item .thumb .excl-mini { display: block; position: absolute; top:0; right:0.3rem; width: 2.4rem; height: 2.4rem;}
.option-item .thumb-exclusive:before, .option-item .thumb-exclusive:after, .option-item .thumb .excl-mini:before, .option-item .thumb .excl-mini:after { content:''; display: block; position: absolute; top:50%; left:50%; width: 3rem; height: 0.25rem; background: #62c8a0; border-radius: 0.15rem;}
.option-item .thumb-exclusive:before, .option-item .thumb .excl-mini:before { transform:translate(-50%,-50%) rotate(45deg);}
.option-item .thumb-exclusive:after, .option-item .thumb .excl-mini:after { transform:translate(-50%,-50%) rotate(135deg);}
.option-item .thumb .item-color { display: block; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin: 0 auto; width: 4.9rem; height: 4.9rem; border-radius: 1.1rem;}
.option-item .thumb .item-color img { display: block; width: 100%; height: 100%; top:0; left:0; position: absolute; object-fit: cover; border-radius: 1.1rem;}
/*.option-item .info-wrap { float:right;}*/
.option-item .info-tooltip .tooltip-toggle { position: absolute; right: 0.5rem; bottom: 1.5rem; }
.option-item .ico-info { display: block;}
.option-item .item-price { margin-top: 1rem;}
.option-item .item-price-abs { position: static; background: none; color: #62c8a0; font-size: 0.8rem; padding: 0 0.5rem 0.5rem 0.5rem; }
.option-item .item-price-bottom, .option-item .opt-chosen { display: block; background: #634594; color: #fff; text-align: center; padding: 0.2rem 0.6rem; border-radius: 1rem; position: absolute; z-index: 1; top: 0.5rem; font-size: 0.8rem !important; left: 0.5rem; height: 1.2rem; }
.option-item.active, .option-item.inactive { cursor: default;}
.option-item.inactive { filter: grayscale(1); opacity: 0.5; pointer-events: none; }
.option-item.inactive .info-toggler { display: none; }
.option-item.inactive .thumb img { opacity: 0.5;}
input[type="checkbox"]:checked+.option-item, input[type="radio"]:checked+.option-item, .option-item.active, .option-item:not(.inactive):hover { border-color:#62C8A0; box-shadow: 0px 6px 10px rgb(0 0 0 / 16%);}
.option-item.selected:before { content:''; position: absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:2px solid #FF0000; border-radius: 1.1rem; z-index: 1;}

.delivery-table { width: 100%; box-shadow: 0px 6px 10px rgba(0,0,0,0.16); border: 1px solid #DCDCDC; border-radius:0.75rem; border-collapse: separate; margin-bottom: 1rem;}
.delivery-table thead th { background: #f3f3f3; font-weight: 500; line-height: 1rem; text-align: left; padding:1.5rem 0.75rem; border:none; vertical-align: top;}
.delivery-table thead th:first-child, .delivery-table tbody td:first-child, .delivery-table tfoot td:first-child { padding-left: 1.5rem;}
.delivery-table thead th:last-child, .delivery-table tbody td:last-child, .delivery-table tfoot td:last-child { padding-right: 1.3rem;}
.delivery-table thead tr:first-child th:first-child { border-radius: 0.75rem 0 0 0;}
.delivery-table thead tr:first-child th:last-child { border-radius: 0 0.75rem 0 0;}
.delivery-table tbody td, .delivery-table tfoot td { background:none; border:none; position: relative; line-height: 1rem; font-weight: 500; vertical-align: top; padding:0.75rem;}
.delivery-table tbody tr.active td.active, .delivery-table tfoot tr.active td.active {color: red}
.delivery-table tbody tr+tr td:before { content:''; display: block; position: absolute; top:0; left:0; right:0; height: 1px; background: #dcdcdc;}
.delivery-table tbody+tfoot tr td:before { content:''; display: block; position: absolute; top:0; left:0; right:0; height: 1px; background: #dcdcdc;}
.delivery-table tbody tr:first-child td, .delivery-table tfoot tr:first-child td { padding-top: 0.8rem;}
.delivery-table:not(.active) tbody tr td {cursor: pointer;}
.delivery-table:not(.active) tbody tr.active {color: #62C8A0;}
.delivery-table tbody tr:last-child td { padding-bottom: 1.1rem;}
.delivery-table tbody td:first-child:before, .delivery-table tfoot td:first-child:before { left: 1.5rem;}
.delivery-table tbody td:last-child:before, .delivery-table tfoot td:last-child:before { right: 1.3rem;}
.delivery-table tbody tr:last-child td:first-child { border-radius:0 0 0 0.75rem;}
.delivery-table tbody tr:last-child td:last-child { border-radius:0 0 0.75rem 0;}
.delivery-table tbody td small { font-size:85%; font-weight: 400;}
.delivery-table tbody tr td label {cursor: pointer;}
.delivery-table tbody tr td label input[type="radio"]:checked + span {
	color: #ffffff;
    background: #62C8A0;
    padding: 0.2rem 1rem;
    border-radius: 1rem;
    margin-left: -1rem;
}
.delivery-table tbody tr td label span.catalog-price-incl {
	font-size: 0.5rem; display: block; margin-left: -10px; margin-top: 5px;
}

.delivery-table tbody tr td label input[type="radio"]+ span:hover {
    color: #62C8A0;
    padding: 0.2rem 1rem;
    border: 1px solid #62C8A0;
    border-radius: 1rem;
    margin: -1.05rem;
}

.delivery-table tbody tr td label input[type="radio"]:checked + span:hover {
	color: #ffffff;
}

.multiselect tbody .gender-size, .overview-table .genderSizes tr:first-child {
    text-transform: uppercase;
}

.delivery-table .info-wrap { float: right;}
.delivery-table.active { border-color:#62C8A0;}
.delivery-table.active tbody td {}
.delivery-table.active tbody td small { color: #717171;}

.overview-table { width: 100%; box-shadow: 0px 6px 10px rgba(0,0,0,0.16); border: 1px solid #DCDCDC; border-radius:0.75rem; border-collapse: separate; margin-bottom: 1rem;}
.overview-table thead tr:first-child th { background: #f3f3f3; font-weight: 800; line-height: 1rem; text-align: left; border:none; vertical-align: top;}
.overview-table thead th:first-child, .overview-table tbody td:first-child { padding-left: 1.5rem;}
.overview-table thead th:last-child, .overview-table tbody td:last-child { padding-right: 1.3rem;}
.overview-table thead tr:first-child th:first-child { border-radius: 0.75rem 0 0 0;}
.overview-table thead tr:first-child th:last-child { border-radius: 0.75rem 0.75rem 0 0;}
.overview-table tbody td { background:none; border:none; position: relative; line-height: 1rem; font-weight: 500; vertical-align: top; padding:0.75rem;}
.overview-table thead th { background:#f3f3f3; border:none; position: relative; line-height: 1rem; font-weight: 500; vertical-align: top; padding:0.75rem;}
.overview-table thead tr:nth-child(n+2) th:first-child:before { content:''; display: block; position: absolute; top:0; left:1rem; right:0; height: 1px; background: #dcdcdc;}
.overview-table thead tr:nth-child(n+2) th:nth-child(2):before { content:''; display: block; position: absolute; top:0; left:0; right:1rem; height: 1px; background: #dcdcdc;}
.overview-table tbody tr:first-child td { padding-top: 0.8rem;}
.overview-table:not(.active) tbody tr td {cursor: default;}
.overview-table:not(.active) tbody tr.active {color: #62C8A0;}
.overview-table tbody tr:last-child td { padding-bottom: 1.1rem;}
.overview-table tbody td:first-child:before { left: 1.5rem;}
.overview-table tbody td:last-child:before { right: 1.3rem;}
.overview-table tbody tr:last-child td:first-child { border-radius:0 0 0 0.75rem;}
.overview-table tbody tr:last-child td:last-child { border-radius:0 0 0.75rem 0;}
.overview-table tbody td small { font-size:85%; font-weight: 400;}
.overview-table tbody tr td label {cursor: default;}
.overview-table tbody tr td label input[type="radio"]:checked + span {
	color: #ffffff;
    background: #62C8A0;
    padding: 0.2rem 1rem;
    border-radius: 1rem;
    margin-left: -1rem;
}
.overview-table tbody tr td label input[type="radio"]:checked + span:hover {
	color: #ffffff;
}
.overview-table tbody tr td label input[type="radio"]:hover + span {
    color: #62C8A0;
    padding: 0.2rem 1rem;
    border: 1px solid #62C8A0;
    border-radius: 1rem;
    margin: -1.05rem;
}
.overview-table .info-wrap { float: right;}
.overview-table.active { border-color:#62C8A0;}
.overview-table.active tbody td {}
.overview-table.active tbody td small { color: #717171;}















.qty-wrapper { margin-bottom: 1.25rem;}
.qty-wrapper .qty-label { font-weight: 500; margin:0 1rem 0 0;}
.qty-number { position: relative; width:9.9rem;}
.qty-number .input-qty { text-align: center; width:100%; padding-left: 3rem; padding-right: 3rem;}
.qty-number .qty-minus, 
.qty-number .qty-plus { 
  display: block; 
  position: absolute; 
  top:50%; 
  transform:translateY(-50%); 
  width: 1.5rem; 
  height: 1.5rem; 
  line-height: 1.5rem; 
  text-align: center; 
  font-weight: 500; 
  cursor: pointer;
  padding: 0;
  border: 0;
  background: transparent;
}
.qty-number .qty-minus:focus, 
.qty-number .qty-plus:focus,
.qty-number .qty-minus:active, 
.qty-number .qty-plus:active {
  outline: none;
  box-shadow: none;
}
.qty-number .qty-minus { left:0.75rem;}
.qty-number .qty-plus { right:0.75rem;}
.qty-number .qty-minus:hover, .qty-number .qty-plus:hover { color: #62C8A0;}
.options-block .qty-number { margin-right: 1.25rem;}
.block-minicart .qty-number {
  width: 4.5rem;
}
.block-minicart .qty-number .input-qty {
  padding: 0.5rem 1.2rem;
  height: calc(2.3rem + 2px);
  border-radius: 0.75rem;
  width: 100%;
}
.block-minicart .qty-number .qty-minus, 
.block-minicart .qty-number .qty-plus {
  height: 0.75rem;
  width: 0.75rem;
  line-height: 0.75rem;
}
.block-minicart .qty-number .qty-minus { left:0.4rem;}
.block-minicart .qty-number .qty-plus { right:0.4rem;}
.qty-wrapper .btn-secondary { padding-left: 1.2rem; padding-right: 1.2rem;}
.product-info-main .box-tocart { padding-top: 1.1rem;}

/* product description */
.product.info.detailed { display: block; /*float: left; width: 41.7%;*/ margin-bottom: 3.5rem;}
.product.data.items { position: relative; z-index: 1; background-color:#f3f3f3; border:1px solid #dcdcdc; border-radius: 0.75rem;}
.product.data.items:after { content:''; clear: both; display: table;}
.product.data.items>.item.title { margin: 0; float: left; width: 50%;}
.product.data.items>.item.title>.switch { background: #f3f3f3; color:#b0b0b0; font-weight:bold; line-height: 1.6rem; font-size: 1.4rem; padding: 1.25rem 1rem; text-align: center; text-decoration: none; border:none; height: auto; display: block; position: relative; z-index: 2;}
.product.data.items>.item.title:not(.disabled)>.switch:active, .product.data.items>.item.title.active>.switch, .product.data.items>.item.title.active>.switch:focus, .product.data.items>.item.title.active>.switch:hover { background: #3E3169; color: #fff; padding-bottom:1.25rem;}
.product.data.items>.item.title:first-child>.switch { border-radius: 0.75rem 0 0 0;}
.product.data.items>.item.title~.item.title>.switch { border-radius:0 0.75rem 0 0;}
.product.data.items>.item.content { background: white; margin:4.1rem 0 0; padding:2.7rem 1.8rem 1.8rem 2.4rem; border:none; float: right; margin-left: -100%; width: 100%; border-radius: 0 0 0.75rem 0.75rem;}
table.additional-attributes { width: auto;}
table.additional-attributes th, table.additional-attributes td { border:none; background: none; padding: 0; width: auto; font-weight: 400; padding-left: 1.25rem;}
table.additional-attributes th { text-decoration: underline;}
table.additional-attributes th:first-child, table.additional-attributes th:last-child { padding-left: 0;}
.attachment-specs a.prod-attach { display: inline-flex; text-decoration: none;}
.attachment-specs a.prod-attach .attach-img { margin-right: 0.25rem;}

/* fotorama */
.fotorama { min-width: 1px; overflow: visible;}
.fotorama__wrap { position: relative; max-width: 100%;}
.fotorama__stage, .fotorama__nav { max-width: 100%; overflow: hidden; position: relative;}
.fotorama-content-box, .fotorama__nav__frame { box-sizing: content-box;}
.fotorama-stretch, .fotorama-focus-overlay:after, .fotorama__stage__shaft, .fotorama__stage__frame, .fotorama__html, .fotorama__video iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0;    width: 100%;}
.fotorama__stage__shaft { position: relative;}
.fotorama__stage__frame { overflow: hidden; text-align: center;}
.fotorama__stage__frame .fotorama__img { display: block; height:100%; width: 100%; position: absolute; left:0; top:0; transform:none; border-radius: 0.75rem; object-fit:cover;}
.fotorama__nav-wrap { margin-top: 1.1rem;}
.fotorama__nav { font-size: 0; line-height: 0; white-space: nowrap; overflow: hidden; z-index: 5;}
.fotorama__nav__shaft { position: relative;}
.fotorama__nav__frame { position: relative; display: inline-block;}
.fotorama__nav--thumbs .fotorama__nav__frame { padding-right: 18px;}
.fotorama__nav-wrap .fotorama__img { border-radius: 0.35rem;}
.fotorama__thumb-border { box-shadow: 0px 6px 10px rgba(0,0,0,0.16); border: 1px solid #62C8A0; border-radius:0.3rem; left: 0; position: absolute; top: 0; z-index: 9;}
.fotorama__arr { bottom: 0; position: absolute; top: 0; width:2.4rem; z-index: 900; background: none; cursor: pointer;}
.fotorama__arr .fotorama__arr__arr { left: 50%; position: absolute; top: 50%; height:2.9rem; width:2.4rem; background:#fff; color:#CADEE9; font-size: 1.2rem; line-height: 2.9rem; text-align: center; transform:translate(-50%,-50%);}
.fotorama__arr--prev .fotorama__arr__arr { border-radius:0 1.5rem 1.5rem 0; padding-right: 20%;}
.fotorama__arr--next .fotorama__arr__arr { border-radius:1.5rem 0 0 1.5rem; padding-left: 20%;}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { bottom: 0; cursor: pointer; position: absolute; top: 0; width:1.2rem; z-index: 1000;}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon { transform: translate3d(-50%,-50%,0); left: 50%; position: absolute; top: 50%; width:1.2rem; height: 1.45rem; background: #fff; padding: 0; color:#CADEE9; font-size: 0.6rem; line-height: 1.45rem; text-align: center;}
.fotorama__arr--prev, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left { left: 0;}
.fotorama__arr--next, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right { right: 0;}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon { border-radius:0 0.8rem 0.8rem 0; padding-right: 20%;}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon  { border-radius:0.8rem 0 0 0.8rem; padding-left: 20%;}
.fotorama__arr:hover .fotorama__arr__arr, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left:hover .fotorama__thumb--icon, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right:hover .fotorama__thumb--icon { color: #634594;}
.fotorama__arr .fotorama__arr__arr:before, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon:before, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right .fotorama__thumb--icon:before { content:'\e900'; font-family: 'printshopz'; display: block;}
.fotorama__arr--prev .fotorama__arr__arr:before, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left .fotorama__thumb--icon:before { transform: rotate(180deg);}
.slide-counter { display: block; position: absolute; bottom:1.25rem; right:1.25rem; z-index: 10; font-weight: 800; color: #fff;}

/* slider */
.top-slider { margin-bottom: 2.1rem;}
.carousel-image { position: relative; padding-bottom: 26.8%;}
.carousel-image img { display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; border-radius:0.75rem;}
.slide-btn { display: block; position: absolute; right:0; bottom:0; background: #3E3169; color: #fff; border-radius: 1.1rem 0 .9rem 0; font-size: 1.25rem; line-height: 1.3rem; padding: 1.05rem 2.5rem 1.05rem 2.25rem; font-weight:bold; text-decoration: none;}
.slide-btn:hover { color: #fff;}
.carousel-indicators li { width:0.8rem; height: 0.8rem; margin-right: 0.3rem; margin-left: 0.3rem; border:none; border-radius: 50%;}
.carousel-indicators li:hover { opacity: 1;}

/* toolbar */
.toolbar { display: flex; background: #f3f3f3; border-radius: 0.75rem; padding: 0.75rem 1.2rem; text-align: left; margin-bottom: 3.2rem;}
/* .toolbar-products { display: none!important; } */
.toolbar .limiter { margin-left: auto;}
.toolbar-sorter, .toolbar .limiter { display: flex; align-items: center;}
.toolbar label, .toolbar .field .label { display: block; background: #fff; font-size: 1.25rem; line-height: 1; color: #3e3169; font-weight: bold; padding: 0.75rem 1.75rem; border-radius: 1.5rem 1.5rem 0 1.5rem; margin:0 1rem 0 0; white-space: nowrap;}
select {
    width: 100%;
    background: #fff;
    border: 1px solid #DCDCDC;
    border-radius: 1.1rem;
    font-weight: 500;
    color: #717171;
    font-size: 1rem;
    line-height: 1.3;
    font-family: 'TT Commons', Arial, sans-serif;
    padding: 1rem 1.8rem;
    height: calc(3.3rem + 2px);
    outline: none;
    box-shadow: none !important;
}
.toolbar select { background: transparent; border:none; box-shadow: none; outline: none; color: #3e3169; font-weight: bold; text-transform: uppercase;}

/* products list */
.products-grid { margin: 2rem 0 0 0;}
.product-item-box { height: calc(100% - 2.6rem); position: relative; border-radius: 1.1rem; font-size: 1.25rem; line-height: 1.2; margin-bottom: 2.6rem;}
.product-item-box a { text-decoration: none;}
.product-item-box .product-item-info { padding: 0;}
.product-item-box .product-item-photo { display: relative; width: 100%; height: 12rem; overflow: hidden; margin-bottom: 1rem; border-radius: 1.4rem 1.4rem 0 0;  max-width: 100%;}
.product-item-box .product-item-photo img { display: block; object-fit: cover; width: 100%; object-position: center; height: 12rem; }
.product-item-box .product-item-name { font-weight: bold; margin: 0 0 1rem;}
.product-item-box .product-item-name, .product-item-box .product-item-name a { color: #3e3169;}
.product-item-options { list-style: none; padding: 0; margin: 0; font-size:1rem; }
.product-item-options li { position: relative; padding-left: 1.7rem; margin-bottom: 0.2rem; font-size: 1rem;}
.product-item-options li:before { font-family: 'printshopz'; content:'\e909'; display:block; position: absolute; left:0; width: 1.2rem; height: 1.2rem; color: #483c8b;}
.product-item-box .price-box { margin: 0;}
.product-item-box .price-box .price-container { display: flex; align-items: center; height: 100%;}
.product-item-box .price-box .price-label { font-size: 1rem; margin-top: 0.25rem; color: #3E3169; font-weight: 500;}
.product-item-box .price-box .price { font-size: 1.25rem; color: #3E3169; font-weight: 500;}
.product-item-box .price-box .price { font-weight: bold; margin-left: 0.25rem;}
.product-item-box .product-item-actions { display: flex; justify-content: space-between; bottom:-1px; right:-1px; left:-1px; padding-top: 1rem;}
.product-item-box .product-action-link { display: block; background: #62c8a0; color: #fff; text-align: center; text-decoration: none; font-size: 1rem; font-weight: bold; padding: 0.4rem 0.8rem; border-radius: 10rem; white-space: nowrap;}
.product-item-box .product-action-link .ico { font-size: 1rem; margin-left: 0.55rem;}

/* register and login */
.fieldset-box { background: #fff; border:1px solid #dcdcdc; border-radius: 0.75rem; margin-bottom: 2.1rem;}
.fieldset-box .fieldset-title { background: #62c8a0; color: #fff; width:calc(100% + 2px); max-width:none; margin: -1px -1px 0; font-size: 1.5rem; font-weight: bold; padding: 1rem 1.6rem; border-radius: 0.75rem 0.75rem 0 0;}
.fieldset-box .fieldset-title .num { width: 2.15rem; height: 2.15rem; font-size: 1rem; font-weight: 400; line-height: 2.15rem; text-align: center; display: block; background: #fff; color:#62c8a0; border-radius: 50%; margin-right: 1.35rem;}
.fieldset-content { padding: 1.2rem 1.6rem 1rem;}
.fieldset-content>.row { margin-left: -0.4rem; margin-right: -0.4rem;}
.fieldset-content>.row>[class^="col"] { padding-left: 0.4rem; padding-right: 0.4rem;}
.actions-toolbar { margin-bottom: 2rem;}
.actions-toolbar .field.choice { padding-left: 1.6rem;}
.actions-toolbar .field.choice input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0;}
.actions-toolbar .field.choice label { display: inline-block; position: relative; padding-left: 2.6rem; line-height: 1.6rem; min-height: 1.6rem; margin:0; cursor: pointer;}
.actions-toolbar .field.choice input[type="checkbox"]+label:before { content:''; display: block; position: absolute; left:0; top:0; width: 1.6rem; height: 1.6rem; background: #fff; border:1px solid #717171; border-radius: 50%;}
.actions-toolbar .field.choice input[type="checkbox"]+label:after { content:''; display: none; position: absolute; left:0.4rem; top:0.4rem; width: 0.8rem; height: 0.8rem; background: #3e3169; border-radius:50%;}
.actions-toolbar .field.choice input[type="checkbox"]:checked+label:before { border-color: #3e3169;}
.actions-toolbar .field.choice input[type="checkbox"]:checked+label:after { display: block;}
.actions-toolbar .actions-primary { padding-top: 0.5rem;}
.customer-account-create .actions-toolbar .btn { width: 20.7rem;}
.block-customer-login { border:1px solid #dcdcdc; border-radius: 0.75rem; padding: 3.6rem 2.3rem 1.25rem; max-width: 40.6rem; margin: 0 auto 2rem;}
.block-customer-login .fieldset { margin: 0;}
.block-customer-login .actions-toolbar .btn { width: 100%;}
.block-reseller-form {
  border:1px solid #dcdcdc; 
  border-radius: 0.75rem;
  padding: 0 2rem 2.5rem;
}
.block-reseller-form .caption {
  text-align: center;
  border-bottom: 1px solid #dcdcdc;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3.5rem; 
  color: #453572;
}
/* client-section */
.client-section { background: #CADEE9; color:#453572; padding: 5.2rem 0; text-align: center; position: relative;}
.client-section .section-title { font-size: 3rem; line-height: 1; color: #fff; margin-bottom: 1.2rem;}
.client-section .subtitle { max-width: 53.3rem; margin: 0 auto 3rem;}
.client-section .btn { width: 36rem;}
@media screen and (min-width: 992px) {
.client-section:before { content:''; display: block; position: absolute; left:0; top:-60rem; width: 22.45vw; height: 87rem; background: url(../images/home-left-line.svg) no-repeat 0 0; background-size: 100% 100%;}
.client-section.style-0:before {top:-36rem;}
}

/* Account */
.account .page-main { padding: 0; max-width: 100%; flex-direction: row; align-items: stretch;}
.account .page-main .columns { flex:1;}
.account.page-layout-2columns-left .sidebar-main { width: 13.1rem; min-height: 100%; background: #f1f1f1;}
.account.page-layout-2columns-left .column.main { width: calc(100% - 19.1rem); margin-right: 6rem; padding:4.6rem 7.3rem;}
.account-sidebar { background:#f1f1f1; position: relative;}
.account-nav-content { background:#f1f1f1; position: relative; z-index: 2;}
.account-nav-inner { padding: 3.4rem 1.3rem;}
.account-nav-toggler { height: 2.2rem; background:#f1f1f1; position: relative; z-index: 1; font-size: 1rem; font-weight: bold; padding: 0.583rem 1rem 0.5rem; text-align: center;}
.account-nav-toggler .nav-hide { display: none;}
.account-nav-toggler:before { content:''; display: block; position: absolute; top:-2rem; left:50%; transform: translateX(-50%); width: 2.333rem; height: 2.333rem; background: #3E3169; border-radius: 50%;}
.account-nav-toggler:after { content:''; display: block; position: absolute; left:50%; top:-1.05rem; width: 1rem; height: 1rem; border-right:0.167rem solid #fff; border-bottom:0.167rem solid #fff; transform: translateX(-50%) rotate(-135deg);}
.account-sidebar.opened .account-nav-toggler .nav-show { display: none;}
.account-sidebar.opened .account-nav-toggler .nav-hide { display: block;}
.account-sidebar.opened .account-nav-toggler:after { top:-1.5rem; transform: translateX(-50%) rotate(45deg);}
.user-icon { flex:0 0 4.05rem; width: 4.05rem; height: 4.05rem; line-height: 3.6rem; text-align: center; position: relative; font-size:2.15rem; color: #fff; font-weight: 800; background: #CADEE9; border:0.2rem solid #FFFFFF; border-radius: 50%;}
.user-icon img { display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; border-radius: 50%; object-fit: cover;}
.user-box { margin-bottom: 3.8rem;}
.user-box .user-icon {  margin-right: 0.6rem;}
.user-box .user-name { line-height: 1.25rem; font-weight: 500; color: #634594;}
.user-box .user-name b { font-weight: 800; display: block;}
.user-box a { text-decoration: none; color: #634594;}
.user-nav li { padding: 1.2rem 0;}
.user-nav li a, .user-nav li strong { display: inline-block; position: relative; padding:0.4rem 0 0.4rem 3.8rem; line-height: 1.3rem; color: #634594; font-weight:800; text-decoration: none; opacity: 0.6; transition:0.3s;}
.user-nav li a:before, .user-nav li strong:before { content:''; display: block; position: absolute; left:0.3rem; width: 2.4rem; height: 2rem; top:50%; transform:translateY(-50%); background-position: 0 0; background-repeat: no-repeat; background-size:contain;}
.user-nav li.item-dashboard a:before, .user-nav li.item-dashboard strong:before { background-image: url(../images/dashboard-icon.svg);}
.user-nav li.item-orders a:before, .user-nav li.item-orders strong:before { background-image: url(../images/orders-icon.svg);}
.user-nav li.item-offers a:before, .user-nav li.item-offers strong:before { background-image: url(../images/offers-icon.svg);}
.user-nav li.item-cart a:before, .user-nav li.item-cart strong:before { background-image: url(../images/menucart-icon.svg);}
.user-nav li.item-products a:before, .user-nav li.item-products strong:before { background-image: url(../images/products-icon.svg);}
.user-nav li.item-address a:before, .user-nav li.item-address strong:before { background-image: url(../images/address-icon.svg);}
.user-nav li.item-settings a:before, .user-nav li.item-settings strong:before { background-image: url(../images/settings-icon.svg);}
.account-sidebar .logout { margin-top: 7rem;}
.logout .logout-link { display: inline-block; position: relative; padding-left: 3.8rem; line-height: 1.7rem; color: #634594; font-weight:800; text-decoration: none; opacity: 0.6; transition:0.3s;}
.logout .logout-link:before { content:''; display: block; position: absolute; left:1.6rem; top:0; width: 1.15rem; height: 1.15rem; background: #DC99DA; border-radius: 50%;}
.logout .logout-link:after { content:''; display: block; position: absolute; left:0.9rem; top:0.3rem; width: 1.35rem; height: 1.35rem; background: url(../images/logout-icon.svg) no-repeat 0 0; background-size: 100% 100%;}
.user-nav li.current strong, .user-nav li.current a, .user-nav li a:hover, .logout .logout-link:hover { opacity: 1;}
.title-search { position: relative; width: 24rem;}
.title-search .input-text { display: block; width:100%; background: #FD8B4C; border:none; border-radius: 1.6rem 1.6rem 0 1.6rem; height: 3.2rem; color:#fff; padding: 0.95rem 3rem 0.95rem 2.1rem; outline: none !important; box-shadow: none !important;}
.title-search .action.search { display: block; position: absolute; top:0; right:0; height:3.2rem; width:3rem; padding-right: 0.5rem; padding-left: 0; font-size: 1.2rem; line-height: 3.2rem; text-align: center; color:#fff; background: none; border:none; cursor: pointer;outline:none !important; box-shadow: none !important;}
.title-search .input-text::-webkit-input-placeholder { color:#fff;}
.title-search .input-text::-moz-placeholder { color:#fff;}
.title-search .input-text:-ms-input-placeholder{ color:#fff;}
.title-search .input-text::-ms-input-placeholder{ color:#fff;}
.title-search .input-text::placeholder{ color:#fff;}
.table-wrapper { margin-bottom: 2rem; border: 1px solid #dcdcdc; border-radius:0.75rem; padding: 0.7rem 2.2rem 3.15rem;}
.table-wrapper table { margin: 0;}
.table-wrapper table thead th { vertical-align: bottom; padding: 0.7rem 0.5rem 0.85rem; font-weight: bold; text-align: left; line-height: 1; border:none; border-bottom:1px solid #dcdcdc;}
.table-wrapper table tbody td { vertical-align: middle; padding: 1.35rem 0.5rem; border:none; border-bottom:1px solid #dcdcdc;}
.table-wrapper table tbody td.col.status { padding-top: 1.1rem; padding-bottom: 1.1rem;}
.table-wrapper table thead th:first-child, .table-wrapper table tbody td:first-child { padding-left: 0;}
.table-wrapper table thead th:last-child, .table-wrapper table tbody td:last-child { padding-right: 0;}
.table-wrapper table .badge-status {min-width: 4.75rem; white-space: nowrap;}
.badge-status { display: inline-block; background: #DC99DA; border-radius:0.85rem; font-size: 0.75rem; line-height: 1rem; padding: 0.3rem 0.6rem; font-weight: bold; text-align: center; color: #fff;}
.badge-status.pending { background: #DC99DA;}
.badge-status.complete { background: #62C8A0;}
.badge-status.expired { background: #f00;}
.toolbar.account-toolbar { background: none; justify-content: center; padding: 0;}
.pages .items { display: flex;  margin: 0; padding: 0; list-style: none none;}
.pages .item { font-size:1rem; letter-spacing:0; line-height: 1.3; margin: 0 0.5rem;}
.pages a.page { color: #717171; padding: 0; text-decoration: none;}
.pages a.page:hover { color: #DC99DA;}
.pages strong.page { background:none; font-size: 1rem; line-height: 2.6rem; letter-spacing:0; color: #717171; font-weight:400; padding: 0;}
.pages .action { display: block; background: #dcdcdc; border:none; border-radius: 50%; color:#fff; text-align: center; text-decoration: none; width: 2.6rem; height: 2.6rem; font-size: 1.2rem; line-height: 2.8rem; padding: 0; margin: 0; box-shadow: none;}
.pages .action .ico { display: inline-block;}
.pages .action.previous .ico { transform: rotate(180deg);}
.pages .action:hover { background: #634594; color: #fff;}

.dashboard-overview { max-width: 47.4rem; margin: 0 auto;}
.block { margin-bottom: 1.5rem;}
.block .block-title { background: #634594; color: #fff; font-size: 1.5rem; line-height: 1.6rem; color: #fff; font-weight: bold; border-radius: 0.75rem 0.75rem 0 0; padding: 1.3rem 1.85rem 1.35rem; margin: 0;}
.block.block-green .block-title { background:#62C8A0;}
.block .block-content { border: 1px solid #DCDCDC; border-top:none; border-radius: 0 0 0.75rem 0.75rem; padding:1.4rem 1.7rem 2.2rem;}
.block .block-content>:last-child { margin-bottom: 0;}

.steps { position: relative; margin-bottom: 3.15rem;}
.steps:before { content:''; display: block; position: absolute; width: 100%; height: 0.25rem; top:50%; left:0; transform:translateY(-50%); background: #f1f1f1; border-radius: 0.1rem;}
.steps .step-item { display: block; background: #fff; padding: 0 1rem; color: #634594; margin: 0 2.05rem; height: 3.6rem; line-height: 3.4rem; position: relative; font-size: 1.35rem; font-weight: bold; text-decoration: none; text-align: center;}
.steps .step-item span { position: relative; z-index: 1; opacity: 0.34;}
.steps .step-item:before { content:''; display: block; position: absolute; left:50%; top:0; transform:translateX(-50%); width: 3.6rem; height: 3.6rem; border-radius: 50%; z-index: 0; opacity: 0.34;}
.steps .step-item.active span, .steps .step-item.active:before { opacity: 1;}
.steps .step-item.concept:before { background: #dc99da;}
.steps .step-item.ordered:before { background: #CADEE9;}
.steps .step-item.production:before { background: #9690D0;}
.steps .step-item.sent:before { background: #62C8A0;}

/* order */
.row.dashboard-detail { margin-left: -0.4rem; margin-right: -0.4rem;}
.row.dashboard-detail>[class^="col"] { padding-left: 0.4rem; padding-right: 0.4rem;}
.white-block { background: #fff; border:1px solid #dcdcdc; border-radius: 0.75rem; line-height: 1.25; padding: 1.2rem 1.4rem 1.2rem 1.6rem; margin-bottom: 1.2rem;}
.white-block p:last-child, .white-block table:last-child { margin-bottom: 0;}
.white-block h5 { margin: 0; font-size: 1rem; line-height: 1.3; font-weight: bold; color: #717171;}
.data-row { padding: 1.3rem 0; border-top:1px solid #dcdcdc;}
.data-row:first-child { padding-top: 0; border-top:none;}
.data-row:last-child { padding-bottom: 0;}
.data-row .icon { position:relative; height: 2.3rem; width: 2.6rem; flex:0 0 2.6rem; margin-right: 1rem;}
.data-row .icon img { display: block; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain;}
.data-row .data-item { margin-right: 1rem;}
.data-row .data-item:last-child { margin-right: 0;}
.downloads-block h5 { margin-bottom: 0.7rem;}
.download-link { display: inline-block; white-space: nowrap; width: auto; position: relative; background: #DC99DA; color: #fff; border-radius: 1.05rem; font-size: 0.75rem; line-height: 1.05rem; font-weight: bold; padding: 0.5rem 1.45rem 0.5rem 2.8rem; text-decoration: none; margin-bottom: 0.8rem;}
.download-link:before { content:''; display: block; position: absolute; top:0.5rem; left:0.95rem; width: 1rem ; height: 1rem; background: url(../images/download-icon.svg) no-repeat 0 0; background-size: 100% 100%;}
.download-link:hover { color: #fff;}
.download-link-grid { display: inline-block; white-space: nowrap; width: auto; position: relative; background: #DC99DA; color: #fff; border-radius: 1.05rem; font-size: 0.75rem; line-height: 0.50rem; font-weight: bold; padding: 0.5rem 0.5rem 0.5rem 1.5rem; text-decoration: none;}
.download-link-grid:before { content:''; display: block; position: absolute; top:0.5rem; left:0.5rem; width: 1rem ; height: 1rem; background: url(../images/download-icon.svg) no-repeat 0 0; background-size: 50% 50%;}
.download-link-grid:hover { color: #fff;}
.white-label-info { padding-top: 1rem;}
.white-label-info p { margin-bottom: 0.7rem;}
.white-label-link { background:rgba(204,204,204,0.15); border-radius: 1.6rem 1.6rem 0 1.6rem; font-size: 0.85rem; font-weight: 500; color: #3E3169; padding: 1.05rem 1.2rem 1.05rem 1.6rem;}
.white-label-link .ellipsis { overflow: hidden; text-overflow: ellipsis;}
.white-label-link a { color: #3E3169; margin-left: 1.4rem;}
.white-label-link a:hover { color: #DC99DA;}
.package-block .icon { width: 2.3rem; margin-right: 1.3rem;}
.package-block .package-company { width: 22%; margin-left: auto; padding-top: 0.5rem;}
.package-company .company-logo { margin-bottom: 0.7rem;}
.package-company .company-logo img { height: 2.4rem; width: auto;}
.package-block .package-data p { margin-bottom: 0;}
.package-block .package-data a { color: #3E3169; font-weight: 500; font-size: 0.85rem; margin-left: 0.5rem;}
.order-detail-cart-table { margin: 0;}
.order-detail-cart-table th:first-child, .order-detail-cart-table td:first-child { padding-left: 0;}
.order-detail-cart-table th:last-child, .order-detail-cart-table td:last-child { padding-right: 0;}
.order-detail-cart-table tbody tr:last-child td { border-bottom:none;}
.order-detail-cart-table tfoot tr td { border:none; padding-top: 0.25rem; padding-bottom: 0.25rem; color:rgba(113,113,113,0.36);}
.order-detail-cart-table tfoot tr td.cell-min { width: 1px;}
.order-detail-cart-table tfoot .total td, .order-detail-cart-table tfoot .grand_total td { font-size: 1.35rem; line-height: 0.8; font-weight: bold; color: #717171;}
.order-detail-cart-table tfoot .delivery td { border-top:1px solid #dcdcdc; color: #717171; padding-top: 1rem;}
.order-detail-cart-table tfoot tr.tr-pb td { padding-bottom: 1rem;}
.order-detail-cart-table tfoot tr:first-child td { padding-top: 1rem; border-top:1px solid #dcdcdc;}
.order-detail-cart-table .total-wrap { position: relative;}
.order-detail-cart-table .total-wrap .btn { position: absolute; left:0; top:50%; transform:translateY(-50%);}
.add-btn { display: inline-block;}
a.edit-link { display: inline-block; width: 2.2rem; height: 2rem; background: url(../images/edit-icon.svg) no-repeat 0 0; background-size: 100% 100%; text-decoration: none;}
a.remove-link { display: inline-block; width: 2.1rem; height: 2.05rem; background: url(../images/remove-icon.svg) no-repeat 0 0; background-size: 100% 100%; text-decoration: none;border: none;padding: 0;}
a.copy-link { display: inline-block; width: 2.1rem; height: 2.05rem; background: url(../images/copy-icon.svg) no-repeat 0 0; background-size: 100% 100%; text-decoration: none;border: none;padding: 0;}
.cart.table .col.qty a.remove-link {margin-top: 1rem;}
table.no-style { margin: 0 !important; width: auto !important;}
table.no-style tr th, table.no-style tr td { padding: 0 !important; vertical-align: top !important; border:none !important;}
table.no-style tr th+th, table.no-style tr th+td, table.no-style tr td+td { padding-left:2rem !important;}

.production-list { max-width: 56.8rem;}
.production-list .category-item .thumb { height: auto; padding-bottom: 100%;}

/* settings */
.settings-navbar+.settings-navbar { margin-top: 1.4rem;}
.dashboard-caption { font-weight: bold; color: #717171; padding-bottom: 0.9rem; border-bottom:1px solid #dcdcdc; margin-bottom: 1.3rem;}
.settings-nav li { margin-bottom: 1.3rem;}
.settings-nav li a { color: #717171; text-decoration: none; border-bottom:0.1rem solid transparent;}
.settings-nav li.current a, .settings-nav li a:hover { border-color:#62C8A0;}
.white-block .fieldset:last-child { margin-bottom: 0;}
.white-block .fieldset .legend { padding: 0 0 0.9rem; margin:0 0 1.3rem; font-size: 1rem; line-height: 1.3; border-bottom:1px solid #dcdcdc; float:none; font-weight:bold; color: #717171;}
.field-logo { width: 6.4rem; text-align: center; font-weight: 500; margin-bottom: 1.2rem;}
.field-logo .user-icon { width: 6.4rem; height: 6.4rem; flex:0 0 6.4rem; line-height: 5.6rem; font-size:3.4rem; margin-bottom: 0.85rem;}
.table-accounts tbody td { line-height: 1; border:none; padding-top: 1.7rem; padding-bottom: 1.7rem;}
.table-accounts tbody td.avatar { padding-top: 0.7rem; padding-bottom: 0.7rem;}

/* succes */
.checkout-onepage-success{}
.checkout-onepage-success .page-main{}
.checkout-onepage-success .column.main{text-align:center;}
.checkout-onepage-success .page-title-wrapper{margin-top:48px; justify-content: center;}
.checkout-onepage-success .succesimg{width:19%;}
.checkout-onepage-success .succesorder{font-weight:800; font-size:28px; line-height:3; }
.checkout-onepage-success .succestext{margin-bottom:0; font-weight: 450;}
.checkout-onepage-success .column.main .actions-toolbar{margin-top: 3rem; margin-top: 3rem;}
.checkout-onepage-success .succesbutton{display:inline-block; width:290px; height:65px; border-radius: 30px 30px 0 30px; line-height: 63px; font-size: 1rem}
.checkout-onepage-success .page-title-wrapper a.action.print{display:none !important;}
.checkout-onepage-success a.action.primary{text-decoration:none !important;}
.checkout-onepage-success a.action.primary.continue {font-weight: bold;}
.checkout-onepage-success .action.primary.orderlookup .succesbutton{background: #fd8b4c; color:white !important; margin-right:44px;}
.checkout-onepage-success .action.primary.continue .succesbutton{background: #f3f3f3; color:#3e3169 !important; -webkit-box-shadow: 5px 10px 18px 0px rgba(0,0,0,0.12); 
box-shadow: 5px 10px 18px 0px rgba(0,0,0,0.12);}

@media only screen and (max-width:480px){
	.checkout-onepage-success .page-title{font-size:2.25rem;}
	.checkout-onepage-success .action.primary.orderlookup .succesbutton{margin-right:0px;}
	.checkout-onepage-success .succesimg{width:35%;}
	.checkout-onepage-success .succesorder{font-size:16px;}
	.checkout-onepage-success .succesbutton{display:inline-block; width:45%; height:50px; border-radius: 30px 30px 0 30px; line-height: 49px; font-size: 1.2rem;}
	.checkout-onepage-success .action.primary.orderlookup .succesbutton{margin-right:3%;}
}

tr.grand.totals {
    border-top: 1px solid #dcdcdc;
}

/* cart */
.cart.table-wrapper { padding: 0.5rem 2rem; margin-bottom: 1.5rem;}
table.cart tbody td { padding-top: 1.4rem; padding-bottom: 1.8rem;}
table.cart tbody tr:last-child td { border-bottom:none;}
table.cart tbody td.item { width: 99%;}
.cart .product-item-photo { display: block; width: 9.5rem;}
.cart .product-item-name { font-size: 1.25rem; color: #3E3169; font-weight: bold; margin: 0 0 0.8rem;}
.cart .product-item-name a { color: #3E3169; text-decoration: none;}
.cart table.no-style tr th, .cart table.no-style tr td { padding-top: 0.1rem !important; padding-bottom: 0.1rem !important;}
.cart .qty-number { width:5.9rem;}
.cart .qty-number .input-qty { padding-left: 2rem; padding-right: 2rem;}
.cart .qty-number .qty-minus { left:0.5rem;}
.cart .qty-number .qty-plus { right:0.5rem;}
.cart.actions { margin:0 -0.8rem 2rem;}
.cart.actions .btn { margin:0 0.8rem 1.5rem;}

/* chat */
.block-chat { position: fixed; right:-12.25rem; top:50%; transform:translateY(-50%); z-index: 1050; transition:right 0.2s;}
.block-chat.opened { right:0;}
.chat-toggler { display: block; width: 4.95rem; height: 6.6rem; padding: 1rem; background: #3E3169; font-weight: 500; color: #fff; line-height: 1; border-radius: 1.5rem 0 0 1.5rem; box-shadow: 0px 8px 5px rgba(0,0,0,0.16); cursor: pointer;}
.chat-toggler .ico { font-size: 1.9rem;}
.chat-toggler .toggler-text { display: block; margin-top: 0.3rem;}
.chat-content { background: #f3f3f3; width: 12.25rem; padding: 1.2rem; box-shadow: 10px 10px 6px rgba(0,0,0,0.37); border: 1px solid #3E3169;}
.chat-content .chat-title { font-size: 1rem; line-height: 1; font-weight: 500; padding-bottom: 0.8rem; border-bottom:1px solid #453572; color: #453572; margin-bottom: 0.8rem;}
.chat-content .chat-window { height: 6.9rem; font-size: 0.85rem; line-height: 1rem; color:#453572; overflow: auto;}
.chat-content .chat-window p { margin: 0.5rem 0;}
.chat-content .chat-field { margin-top: 0.8rem;}
.chat-content .chat-textarea { background: #fff; border:1px solid #b0b0b0; width: 100%; height: 3.65rem; font-size: 0.85rem; line-height: 1rem; color: #453572; padding:0.75rem 1rem; outline: none; resize: none;}
.chat-content .chat-textarea::-webkit-input-placeholder { color:#453572; opacity: 1;}
.chat-content .chat-textarea::-moz-placeholder { color:#453572; opacity: 1;}
.chat-content .chat-textarea:-ms-input-placeholder{ color:#453572; opacity: 1;}
.chat-content .chat-textarea::-ms-input-placeholder{ color:#453572; opacity: 1;}
.chat-content .chat-textarea::placeholder{ color:#453572; opacity: 1;}
@media screen and (min-width: 992px) {
  .cart.table .col.qty a.remove-link {display: none;}
  .block-chat { margin-bottom: 0 !important;}
    /*
    .options-grid.row>[class^="col"]>.option-label,
    .options-grid.row>[class^="col"]>.option-label>.option-item,
    .options-grid.row>[class^="col"]>.option-label>.option-item>.d-flex {
      height: 100%;
    }
    */
}

.opc-wrapper .input-text::placeholder{ color:#DCDCDC !important;}

/* contact */
.contactblock1{display: flex; justify-content: space-between;}
.contactleftblock, .contactrightblock{width:47%; border:2px solid #f3f3f3; border-radius:10px;}
.contactblockimage {width: 20%; margin: 5%; display:inline-block; vertical-align: top;}
.contactblocktitle{text-align:center; font-size:1.5rem; color:#673e90; font-weight:800; width:90%; height:50px; line-height: 45px; margin:0 auto; border-bottom:2px solid #f3f3f3;}
.contactblocktext{display:inline-block; width:59%; margin:5%;}
.contactblocktext p{margin-bottom:0}
.contactblockbutton {margin-top:20px;}
.contactblockbutton a{text-decoration:none; text-align:center; }
.contactblockbutton a .contactblockbuttoncontent{width:203px; height:43px; border-radius: 30px 30px 0 30px; font-size:0.75rem; line-height: 42px; background: #fd8b4c; color:white !important; -webkit-box-shadow: 5px 10px 18px 0px rgba(0,0,0,0.12); box-shadow: 5px 10px 18px 0px rgba(0,0,0,0.12);}
a.contactlink{display:block; color:#673e90; font-weight:bold; text-decoration:none !important;}

.contactblock2{width:100%; border:2px solid #f3f3f3; border-radius:29px; margin-top:30px;}
.contactbackground{display:block; position:relative; background: url("/media/contact/contact_pand.png"); background-repeat:no-repeat; background-position:cover; height:563px; border-radius: 27px;}
.contactbackground .contactcenterinfoblock{position:absolute; top: 6%; right: 2%; width:300px; background: #fd8b4c; border:1px solid #fd8b4c; border-radius:29px 29px 0px 29px;}
.contactbackground .contactcenterinfoblock .contactblocktitle{color:white; font-weight: 700; height:60px; border-bottom:1px solid #f3f3f3; line-height: 55px;}
.contactbackground .contactcenterinfoblock .contactcenterinfotext p{margin-bottom:0; color:white;}
.contactbackground .contactcenterinfoblock .contactcenterinfotext{margin: 10% 20% 10% 20%;}

@media screen and (max-width: 991px){
 table.cart tbody td.qty {vertical-align: top;}
 .contactblock1{flex-wrap:wrap;}
.contactleftblock, .contactrightblock{width:100%;}
 .contactrightblock{margin-top:22px;}
 .contactbackground {border:0px; height:inherit;}
 .contactbackground .contactcenterinfoblock{position:relative; top:0; right:0; width: 100%;}
 .contactbackground .contactcenterinfoblock .contactcenterinfotext{display:inline-block; margin: 10% 10% 10% 8%; vertical-align: top;}
 .contact-index-index .fieldset .field{width:100% !important; margin-left:0px !important;}
 .contact-index-index .actions-toolbar .btn{font-size:0.75rem; width:148px !important; height:38px !important; }
}

.contact-index-index .form.contact{margin-top:30px; border:2px solid #f3f3f3; border-radius:10px; padding: 0px 25px;}
.contact-index-index .fieldset .legend{text-align:center; font-size:1.5rem; color:#673e90; font-weight:800; width:100%; height:50px; line-height: 45px; margin:0 auto; border-bottom:2px solid #f3f3f3;}
.contact-index-index .fieldset .field{width:48%; display:inline-block;}
.contact-index-index .fieldset .field:nth-of-type(2n){margin-left:3.6%;}
.contact-index-index .fieldset .field.comment{width:100%; margin-left:0;}
.contact-index-index .actions-toolbar .primary{text-align:right;margin-top:40px;}
.contact-index-index .actions-toolbar .btn-primary{width: 256px; height: 50px; line-height: 0px;}
/* footer */
.page-footer { background: #3E3169; color: #fff; font-weight: 500; position: relative; z-index: 5;}
.page-footer a { color: #fff; text-decoration: none;}
.page-footer a:hover { color:#DB99D9;}
.footer.content { padding: 4rem 0;}
.footer-title { font-size: 1.25rem; font-weight: bold; margin-bottom: 0.4rem;}
.col-footer-links, .col-copyright { padding-top: 2rem;}
.footer-links { padding: 0; margin: 0; list-style: none;}
.footer-socials { padding: 0; list-style: none; display: flex; flex-wrap:wrap; margin: 0 0 1rem;}
.footer-socials li { margin-right: 0.75rem;}
.footer-socials li a { display: block;}
.footer-socials li a i.ico { font-size: 0;}
.footer-socials li a i.ico:before { font-size: 1.8rem;}

/* mobile */
@media screen and (max-width: 991px) {
	
	.input-group-prepend {
    display: none;
}

    html { font-size: 3.2vw;}
    
    body:before, body:after, .page-wrapper:after { display: none !important;}
    .page-wrapper { padding-top: 9.363rem;}
    .page-main { min-height: 1px; padding-bottom: 6rem;}
    .columns { flex-direction:column;}
    .d-mobile-none { display: none !important;}
    .p-mobile-0 { padding: 0 !important}
    .pt-mobile-0 { padding-top: 0 !important}
    .pb-mobile-0 { padding-bottom: 0 !important}
    .pl-mobile-0 { padding-left: 0 !important}
    .pr-mobile-0 { padding-right: 0 !important}
	
	.modal-popup._inner-scroll .modal-inner-wrap {
		width: 90% !important;
	}
    
    .header-main { background: #fff; padding: 1rem 0; }
    .navbar-brand { width: 10.2rem;}
    .header-login .login-link { border-radius:0; background: none; font-size:0; line-height: 0; color: #b0b0b0; padding:0.5rem; height: auto;}
    .header-login .login-link:before { position: relative;  left:auto; top:auto; transform:translateY(0); height: 1.5rem; width: 1.4rem; background-image: url(../images/user-ico-gray.svg);}

    .action.showcart { padding-right: 1.2rem; color: #b0b0b0;}
    .action.showcart:after { width: 0.7rem; height: 0.7rem; top:40%; border-color:#b0b0b0;}
    
    .header-mobile .header-search { width: 65%;}
    .header-mobile .header-search .input-text { border-radius: 2.5rem 2.5rem 0 2.5rem;}
    .search-autocomplete { top:4.2rem; left:auto; right:0; width: 150%;}
    .search-autocomplete .mini-search:before { left:65%;}
    
    #navi { display: block !important; position: fixed; top:4.5rem; left:-100%; width:79.2%; height: calc(100% - 4.5rem) !important; background: #fff; overflow: auto !important; transition:left 0.3s !important; z-index: 1031; box-shadow:0 3px 6px rgba(0,0,0,0.16);}
    #navi.show { left:0;}
    #navi .navbar-nav .submenu-dropdown .row {
      margin-left: 0;
      margin-right: 0;
    }
    #navi .navbar-nav .submenu-dropdown .row > div[class^="col"] {
      padding-left: 0;
      padding-right: 0;
    }
    #navi .navbar-nav .submenu-dropdown .submenu {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }
    #navi .navbar-nav .submenu-dropdown .submenu > li > .submenu {
      padding-left: 1rem;
    }
    #navi .navbar-nav .submenu-dropdown .submenu > li {
      margin-left: 0;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
    }
    .nav-main-list { padding: 0 2.167rem;}
    .nav-main-list>li { margin:0;}
    .nav-main-list>li>a, .nav-main-list>li.parent:after { display: none;}
    .nav-main-list .submenu-dropdown { display: none; position: relative; top:auto; left:auto; width:100%; max-height: none; overflow: visible; border-radius: 0; padding: 0;}
    .nav-main-list .submenu-dropdown.submenu-all { display: block; visibility: visible; opacity: 1; width:100%;}
    .nav-main-list .tab-content>.tab-pane { display: block; opacity: 1; margin-bottom: 1.5rem;}
    .nav-main-list .menu-item { font-size: 1.333rem; line-height: 1.25; font-weight: 700; color: #62C8A0;}
    .nav-main-list .menu-item a { display: block; padding: 0.25rem 0; color: #62C8A0;}
    .submenu-dropdown .submenu-body { padding:0;}
    .submenu-dropdown .submenu { margin: 0; font-size: 1rem; line-height: 1.25rem;}
    .submenu-dropdown .two-cols .submenu>li { width: 100%;}
    .submenu-dropdown .submenu .submenu { display: none; padding-left: 1.083rem;}
    .submenu-dropdown .submenu .submenu.flexed {display: none;}
    .submenu-dropdown .submenu li.opened .submenu { display: block;}
    .submenu-dropdown .submenu li.opened .submenu.flexed { display: flex; flex-direction: column;}
    .submenu-dropdown .submenu li { margin: 0;}
    .submenu-dropdown .submenu li a { display: block; position: relative; padding:0.25rem 1.75rem 0.25rem 0; color: #717171!important;}
    .submenu-dropdown .submenu li a:hover { color: #717171;}
    .submenu-dropdown .submenu li.parent>a:after { content:''; display: block; position: absolute; top:50%; right:0.5rem; width:0.55rem; height: 0.55rem; border-right:1px solid #C1BBBB; border-bottom:1px solid #C1BBBB; transform:translateY(-50%) rotate(-45deg); transition: 0.3s;} 
    .submenu-dropdown .submenu li.parent.opened>a:after { top:60%; transform:translateY(-50%) rotate(-135deg);} 
    .submenu-dropdown .submenu .parent { width: 95%!important  }  
    .submenu-dropdown .submenu {  flex-wrap: nowrap;  }
    .breadcrumbs { padding-top: 1.25rem;}
    
    .page-title-wrapper { display: block;}
    .page-title { font-size:1.75rem; margin-bottom: 1.5rem;}
    .title-right { margin-bottom: 1.5rem;}
    .page-title-wrapper .title-bottom { margin-top: 0;}
    
    .cms-home .page-wrapper:before { right:-7.2rem; top:100rem; width: 17rem; height: 14.6rem;}
    
    .home-top-section { padding: 13.5rem 0 calc(41.2vw + 3.9rem);}
    .home-top-section:before { width: 100%; height:100%; top:0; left:0; transform:translateX(0); margin-left: 0; background: url(../images/lines.svg) no-repeat center top; background-size:100% auto;}
    .home-title { font-size:4.167rem; line-height:3.333rem; max-width: 25rem; margin-bottom:2.25rem;}
    .home-subtitle { max-width:30rem;}
    .home-cats-list { margin-top: -41.2vw; max-width: 30rem; margin-left:auto; margin-right: auto;}
    .category-item .thumb { height: calc(41.2vw - 2px);}
    .production-list .category-item { margin-bottom: 2.5rem;}
    .production-list .category-item .caption { padding: 1.3rem 2rem;}
    .production-list .category-item .caption .ico { font-size: 1.5rem;}
	
	.show-staff-list { margin-top: -41.2vw; max-width: 30rem; margin-left:auto; margin-right: auto;}
	.subscribe-section h1 { font-size:3.167rem; line-height:3.333rem; max-width: 25rem; margin-bottom:10.25rem; color: #fff }
    .staff-item .thumb { height: calc(32.86vw - 2px);}
    .staff-list .category-item { margin-bottom: 2.5rem;}
    .staff-list .category-item .caption { padding: 1.3rem 2rem;}
    .staff-list .category-item .caption .ico { font-size: 1.5rem;}
    
    .section-title { font-size: 3.33rem; line-height:1;}
    .home-video-section .section-title { max-width: 24rem;}
    
    .benefits-section { background: #f3f3f3; padding: 4rem 0;}
    .benefits-section .container, .header-benefits .container { max-width: 100%; padding: 0;}
    .home-benefits { overflow: auto; padding: 0 1.5rem;}    
    .benefit-item { width:12.5rem; flex:0 0 12.5rem; padding: 0 0.75rem;}
    .benefit-item .icon { width: 7.5rem; height: 7.5rem;}
    .header-benefits { padding: 1rem 0 0.5rem;}
    .benefits-list { overflow: auto; padding: 0 1rem;} 
    .benefits-list .benefit-item { width:auto; flex:0 0 auto; white-space: nowrap; margin-bottom: 0.5rem;}    
    
    .subscribe-section { padding: 4.667rem 0 6.667rem;}
    .subscribe-section .form.subscribe { margin-top: 2rem;}
    
    .product.media, .product-info-main, .product.info.detailed { float:none; width: auto; margin-bottom: 1.75rem;}
    .product.data.items>.item.content { padding: 2rem 1.5rem 1.5rem 2rem;}
    .options-block { margin-bottom: 1.5rem;}
    .options-block .block-title .num { border-width:1px; line-height: calc(2.15rem - 2px); margin-right: 1.333rem;}
    .options-block .block-title .caption { font-size: 1.4rem;}
    .options-block .block-content { padding: 1.4rem 0.85rem 1.2rem;}
    .option-item .item-price-bottom, .option-item .opt-chosen { margin:0 -0.75rem; bottom:-0.75rem;}
    .option-item .opt-chosen { left: 1.2rem;}
    .qty-wrapper { margin-bottom: 1rem;}
    .qty-number { width:8.5rem;}
    .qty-number .input-qty { padding-left: 2rem; padding-right: 2rem;}
    .qty-number .qty-minus { left:0.5rem;}
    .qty-number .qty-plus { right:0.5rem;}
    .qty-wrapper .btn-secondary { padding-left: 1.2rem; padding-right: 1.2rem;}
    .product-info-main .box-tocart { padding-top:0;}
    .delivery-table thead th:first-child, .delivery-table tbody td:first-child { padding-left: 1rem;}
    .delivery-table thead th:last-child, .delivery-table tbody td:last-child { padding-right: 1rem;}
    .delivery-table tbody td:first-child:before { left: 1rem;}
    .delivery-table tbody td:last-child:before { right: 1rem;}
	.delivery-table.active tbody td span.catalog-price-incl { font-size: 0.5rem; display: block; margin-left: -5px; }
    
    .top-slider { margin-bottom: 1.75rem;}
    .carousel-image { padding-bottom: 58.8%;}
    .carousel-image img { border-radius: 1.25rem;}
    .slide-btn { border-radius: 1.25rem 0 1.25rem 0; font-size: 1rem; padding: 1.25rem 2.833rem; font-weight:500;}
    .top-slider .carousel-indicators { justify-content: flex-start; margin-left: 10%;}
    
    .toolbar { padding: 0.75rem; margin-bottom: 2rem;}
    .toolbar label, .toolbar .field .label { font-size: 1rem; padding: 0.75rem 1.25rem; border-radius: 2rem 2rem 0 2rem; margin-right:0.75rem;}
    
    .product-item-box { height:auto; font-size: 1rem; line-height: 1.25; margin-bottom: 1rem;}
    .product-item-box .product-item-info { padding:0;}
    .product-item-box .product-item-photo { width: 15rem;}
    .product-item-options li { margin-bottom: 0.5rem; font-size: 0.8rem;}
    .product-item-options li:before { top:0; width: 1.4rem; height: 1.4rem; font-size: 1rem; margin-top: -0.1rem; }
    .product-item-box .price-box { padding-left:0;}
    .product-item-box .price-box .price-label { font-size: 0.8rem;}
    .product-item-box .price-box .price { font-size: 1rem;}
    
    textarea.input-text, textarea.form-control { height:10.5rem;}
    .field>.label, .fieldset>.field>.label, .fieldset>.fields>.field>.label { padding-left: 1rem; margin-bottom: 0.6rem;}
    .fieldset-content.col2-layout>.row>div {flex: 0 0 auto; width: 50%;}
    
    .fieldset-box { margin-bottom:1.833rem;}
    .fieldset-box .fieldset-title { padding: 1rem 1.2rem;}
    .fieldset-box .fieldset-title .num { margin-right: 1.2rem;}
    .fieldset-content { padding: 1.75rem 0.667rem 1rem;}
    .actions-toolbar .field.choice { padding-left: 0;}
    .actions-toolbar .btn, .customer-account-create .actions-toolbar .btn { width:100%;}
    .block-customer-login { padding: 2rem 0.667rem 1rem; max-width:100%;}
    .customer-account-login .page-main { padding-bottom: 3rem;}
    
    .client-section { padding: 4rem 0 7rem;}
    .client-section .section-title { font-size: 1.667rem; margin-bottom: 1.4rem;}
    .client-section .subtitle { max-width: 100%; font-weight: 500; margin-bottom:1.5rem;}
    .client-section .btn { width: 100%;}
    
    .account .page-main { transition: min-height 1s;}
    .account.account-nav-opened .page-main { min-height: 55rem; transition: min-height 0.3s;}
    .account.page-layout-2columns-left .sidebar-main { width: auto; height: auto; min-height: 0;}
    .account.page-layout-2columns-left .column.main { width:100%; flex:0 0 100%; height: auto; min-height: 0;}
    .account.page-layout-2columns-left .column.main { margin-right:0; padding: 3rem 1.25rem 6.5rem;}
    .account-sidebar { position: absolute; bottom:0; left:0; width: 100%; z-index:900; box-shadow: 0px 3px 6px rgba(0,0,0,0.43);}
    .account-sidebar:before { content:''; display: block; position: absolute; top:-2.5rem; left:50%; transform:translateX(-50%); width: 12.5rem; height: 12.5rem; z-index: 0; border-radius: 50%; background:#f1f1f1; box-shadow: 0px 3px 6px rgba(0,0,0,0.43);}
    .account-nav-content { display: none; background:#f1f1f1;}
    .account-sidebar.opened .account-nav-content { display: block;}
    .account-nav-inner { padding: 0.5rem 3.5rem;}
    .user-icon { width: 5.2rem; height: 5.2rem; flex:0 0 5.2rem; line-height: 4.8rem; font-size: 2.8rem;}
    .user-nav li { padding: 1.75rem 0;}
    .user-nav li a, .user-nav li strong { font-size: 1.667rem; line-height: 1.25; font-weight: 700; padding: 0.4rem 0 0.4rem 5.3rem;}
    .user-nav li a:before, .user-nav li strong:before { height: 2.8rem; width: 3.3rem; left:0;}
    .account .account-toolbar { margin-bottom: 1rem;}
    .title-search { width: 100%;}
    .title-search .input-text { height: 3.75rem; padding: 1.2rem 3rem 1.2rem 1.5rem;}
    .title-search .action.search { height: 3.75rem; line-height: 3.75rem; font-size: 1.5rem;}
    .pages .item .page { font-weight: 500;}
    .table-wrapper { margin-bottom: 1.75rem; padding: 1.25rem 2rem;}
    .table-wrapper table thead th { line-height: 1.3; padding: 0.85rem 0.75rem 1.1rem;}
    .table-wrapper table tbody td { padding:1.25rem 0.75rem;}
    .table-wrapper table tbody tr:last-child td { border-bottom:none;}
    .table-wrapper table tbody td.col.status { padding-top: 0.5rem; padding-bottom: 0.5rem;}
    .table-wrapper table .badge-status { width: 5.8rem;}
    .badge-status { font-size: 1rem; line-height: 1.25rem; padding: 0.25rem 0.3rem 0.35rem;}
    
    .steps { margin-bottom: 2rem;}
    .steps:before { height: 0.2rem;}
    .steps .step-item { width: 4.75rem; padding: 0 0.5rem; margin: 0 0.5rem; height: 3.75rem; line-height: 3.6rem; font-size: 0.667rem;}
    .steps .step-item:before { width: 3.75rem; height: 3.75rem;}
    
    .white-block { line-height: 1.5; padding: 1.5rem;}
    .white-block h5 { line-height: 1.5;}
    .data-row { padding: 1rem 0;}
    .data-row .icon, .data-row .data-item { margin-right: 1.5rem;}
    .download-link { font-size: 1rem; line-height: 1.25rem; padding: 0.33rem 1.8rem 0.33rem 2.5rem; margin-bottom: 0.8rem; margin-right: 0.75rem;}
    .white-label-info { padding-top: 0;}
    .white-label-link { font-size:1rem; padding: 1.1rem 1.5rem;}
    .white-label-link a { margin-left: 1rem;}
    .package-block .icon { width: 4.2rem; margin-right: 1.5rem;}
    .package-block .package-company { width: 12%;}
    .package-company .company-logo { margin-bottom: 0.7rem;}
    .package-company .company-logo img { height: auto; max-width: 100%;}
    .package-company .company-name { display: none;}
    .package-block .package-data a { font-size: 1rem; margin-left: 0;}
    .order-detail-cart-table tfoot .total td { font-size: 1rem; line-height:1.5;}
    .order-detail-cart-table .total-wrap .btn { padding-left: 2rem; padding-right: 2rem;}
    table.no-style tr th+th, table.no-style tr th+td, table.no-style tr td+td { padding-left:1.5rem !important;}
    
    .settings-navbar+.settings-navbar { margin-top: 1.65rem;}
    .dashboard-caption, .white-block .fieldset .legend { padding-bottom: 1rem; margin-bottom: 1.4rem;}
    .settings-nav li { margin-bottom: 1rem;}
    .field-logo { width: 6.4rem; text-align: center; margin-bottom: 1.2rem;}
    .field-logo .user-icon { width: 6.4rem; height: 6.4rem; line-height: 5.6rem; font-size:3.4rem; margin-bottom: 1rem;}
    .field-logo { width: auto;}
    .field-logo .user-icon { width: 5.2rem; height: 5.2rem; flex:0 0 5.2rem; line-height: 4.8rem; font-size: 2.8rem; margin-bottom: 0; margin-right: 1.5rem;}
    .table-accounts tbody td { line-height: 1.5; padding-top: 1.58rem; padding-bottom: 1.58rem;}
    .table-accounts tbody td.avatar { padding-top: 0.58rem; padding-bottom: 0.58rem;}
    
    .cart.table-wrapper { padding: 1rem 2rem;}
    table.cart thead th.item, table.cart tbody td.item { padding-left: 0;}
    table.cart thead th.qty, table.cart tbody td.qty { padding-right: 0;}
    table.cart tbody td.qty { text-align: center;}
    .cart .product-item-name { font-size: 1rem; margin-bottom:0.5rem;}
    .cart .qty-number { width:5.2rem;}
    .cart.actions .btn.clear, .cart.actions .btn.continue { width: calc(50% - 1.6rem); padding-left: 1.2rem; padding-right: 1.2rem;}
    .cart.actions .btn.checkout { width: calc(100% - 1.6rem);}
    
    .footer.content { padding: 1.25rem 0;}
    .col-footer { padding-top: 1.25rem; padding-bottom: 1.25rem;}
    .col-footer .row { margin-left: -0.75rem; margin-right: -0.75rem;}
    .col-footer .row>[class^="col"] { padding-left: 0.75rem; padding-right: 0.75rem;}
    .footer-title { font-size: 1.16rem;}
    .col-copyright { order:-1;}
    .footer-socials { justify-content: center; margin: 0;}
    .footer-socials li { margin: 0 0.65rem;}
    .footer-socials li a i.ico:before { font-size: 3rem;}
    .footer-links { display: inline;}
    .footer-links li { display: inline;}
    .footer-links li:after { content:' | '; margin: 0 0.25rem;}
    
    .block-chat { right:1.25rem; bottom:2rem; top:auto; transform:none; z-index: 1000;}
    .account .block-chat { bottom:3.2rem;}
    .block-chat.opened { right:1.25rem; z-index: 1040;}
    .chat-toggler { width: 4.083rem; height: 4.083rem; padding: 0.75rem; border-radius:50%;}
    .chat-toggler .ico { font-size: 2.417rem;}
    .chat-toggler .toggler-text { display:none;}
    .chat-content { display: none; position: fixed; background: #f3f3f3; width:70vw; height: 20rem; max-height: 80vh; left:15vw; bottom:10vh; overflow: auto;}
    .block-chat.opened .chat-content { display: block;}
    .chat-content .chat-window { height: calc(100% - 8.5rem);}
	
	.ico-quote:before {
    content:''; 
  display: block; 
  left:0.9rem; 
  top:0.3rem; 
  width: 1.6rem; 
  height: 1.6rem; 
	background: url(../images/quote-icon-black.svg) no-repeat 0 0; 
  background-size: 100% 100%;
}

	.ico-print:before {
    content:''; 
  display: block; 
  left:0.9rem; 
  top:0.3rem; 
  width: 1.6rem; 
  height: 1.6rem; 
	background: url(../images/printer-icon.svg) no-repeat 0 0; 
  background-size: 100% 100%;
}

}

@media screen and (max-width:420px) {
    .home-top-section { background-image: url(../images/home-header-mobile.jpg);}
    .home-top-section:before { display: none;}
	
	a.action.duplicate.btn.btn-secondary {
    padding: 1.2rem 0.4rem;
	}
	table.item-options.no-style {
    font-size: 0.8rem;
}
}

.info-tooltip .tooltip-content {
  color: inherit;
  display: none;
}
.field .control label.placeholder {
  z-index: 100;
  border: 1px solid transparent;
  position: absolute;
  touch-action: none;
  cursor: text;
  left: 0;
  top: 0;
  height: 3.1rem;
  max-height: 100%;
    line-height: 3rem;
  width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    padding: 0 1.5rem;
}
.field .control label.placeholder span.text {
  opacity: 0.4;
}
.field .control label.placeholder span.char {
  color: red;
}
.opc-wrapper .field .control label.placeholder {
    height: calc(3.3rem + 2px);
    line-height: 1.3rem;
    padding: 1rem 1.8rem;
    font-size: 1rem;
}
.loading-mask {
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  background: white;
  /* background: rgba(255,255,255,0.5); */
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery .loader,
.product-options .loader {
  padding-top: 3rem;
  height: 200px;
  background-size: 2rem 2rem;
  background-image: url(../images/loader.gif);
  background-position: center center;
  background-repeat: no-repeat;
}
.block.block-minicart {
  background: white;
  border-radius: 0.8rem;
  position:relative;
  z-index:100;
}
.block.block-minicart:before { 
  content:''; 
  display: block; 
  position: absolute; 
  right:1rem; 
  bottom:100%; 
  margin-bottom: -1px; 
  border-bottom:0.85rem solid #fff; 
  border-left:0.65rem solid transparent; 
  border-right:0.65rem solid transparent;
}
.block.block-minicart .block-title {
  display: none;
}
.block.block-minicart .block-content {
  border: none;
  border-radius: 0;
}
.block.block-minicart .block-content .action.close {
  display: none;
}
/* modals */
body._has-modal {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.modals-overlay {
  z-index: 8999;
}
.modal-slide,
.modal-popup {
  bottom: 0;
  left: 0;
  min-width: 0;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s .3s, opacity .3s ease;
  transition: visibility 0s .3s, opacity .3s ease;
}
.modal-slide._show,
.modal-popup._show {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.modal-slide._show .modal-inner-wrap,
.modal-popup._show .modal-inner-wrap {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-slide .modal-inner-wrap,
.modal-popup .modal-inner-wrap {
  background-color: #ffffff;
  margin: 2rem auto;
  box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
  opacity: 1;
  pointer-events: auto;
  border-radius: 1.5rem;
}
.modal-slide {
  left: 44px;
  z-index: 9000;
}
.modal-popup .modal-inner-wrap {
  margin: 2rem auto; 
}
.modal-slide._show .modal-inner-wrap {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.modal-slide .modal-inner-wrap {
  height: 100%;
  overflow-y: auto;
  position: static;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  width: auto;
}
.modal-slide._inner-scroll .modal-inner-wrap {
  overflow-y: visible;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.modal-slide._inner-scroll .modal-header,
.modal-slide._inner-scroll .modal-footer {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.modal-slide._inner-scroll .modal-content {
  overflow-y: auto;
}
.modal-slide._inner-scroll .modal-footer {
  margin-top: auto;
}
.modal-slide .modal-header,
.modal-slide .modal-content,
.modal-slide .modal-footer {
  padding: 0 2.6rem 2.6rem;
}
.modal-slide .modal-footer button[data-role="action"]:focus,
.modal-slide .modal-footer button[data-role="action"]:active {
  box-shadow: none;
  outline: none;
}
.modal-slide .modal-footer button[data-role="action"] {
  /* border-top-left-radius: 1.5rem; */
  /* border-bottom-right-radius: 1.5rem; */
  /* border: none; */
  /* padding: 0 2rem; */
  /* line-height: 3rem; */
  /* font-size: 1.3rem; */
  /* background: #62C8A0; */
  /* color: #fff; */
}
.modal-footer button {
  display: none;
 }
 .modal-footer button.ml-2.btn-primary {
   display: block;
 }
.modal-slide .modal-header {
  padding-bottom: 2.1rem;
  padding-top: 2.1rem;
}
.modal-popup {
  z-index: 9000;
  left: 0;
  overflow-y: auto;
}
.modal-popup.confirm .modal-inner-wrap {
  max-width: 50rem;
}
.modal-popup.confirm .modal-inner-wrap .modal-content {
  padding-right: 7rem;
}
.modal-popup._show .modal-inner-wrap {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.modal-popup .modal-inner-wrap {
  margin: 2rem auto;
  width: 75%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  box-sizing: border-box;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: transform .2s ease;
}
.modal-inner-wrap, .modal-content img {
  border-radius: 1vw!important;
 }
.modal-popup._inner-scroll {
  overflow-y: visible;
}
.ie11 .modal-popup._inner-scroll {
  overflow-y: auto;
}
.modal-popup._inner-scroll .modal-inner-wrap {
  max-height: 95%;
  width: 50%;
}
.ie11 .modal-popup._inner-scroll .modal-inner-wrap {
  max-height: none;
}
.modal-popup._inner-scroll .modal-content {
  overflow-y: auto;
  overflow-x: hidden;
  margin: 1rem 0 0 0!important;
  padding: 0 2rem 2rem!important;
}
.modal-popup .modal-header,
.modal-popup .modal-content,
.modal-popup .modal-footer {
  /*padding-left: 3rem;*/
  /*padding-right: 3rem;*/
  font-size: 1rem;
  padding: 1rem;
  border: none;
  background: transparent;
}
.modal-popup .modal-header p:last-child,
.modal-popup .modal-content p:last-child,
.modal-popup .modal-footer p:last-child {
  margin-bottom: 0;
}
.modal-popup .modal-header,
.modal-popup .modal-footer {
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.modal-popup .modal-header {
  display: block;
  padding-bottom: 0;
  padding-top: 0;
  background: #F3F3F3;
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
}
.modal-popup .modal-footer {
  margin-top: auto;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  /*padding-bottom: 3rem;*/
  /*padding-top: 3rem;*/
}
.modal-popup .modal-footer-actions {
  text-align: right;
}
.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close {
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-shadow: none;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 0;
  color: #483c8b;
  width: 3rem!important;
  height: 3rem!important;
  z-index: 1;
}
.modal-custom .action-close,
.modal-popup .action-close,
.modal-slide .action-close,
.modal-custom .action-close:focus,
.modal-popup .action-close:focus,
.modal-slide .action-close:focus,
.modal-custom .action-close:active,
.modal-popup .action-close:active,
.modal-slide .action-close:active {
  outline: none;
  box-shadow: none;
}
.modal-custom .action-close:focus,
.modal-popup .action-close:focus,
.modal-slide .action-close:focus,
.modal-custom .action-close:active,
.modal-popup .action-close:active,
.modal-slide .action-close:active {
  background: none;
  border: none;
}
.modal-custom .action-close:hover,
.modal-popup .action-close:hover,
.modal-slide .action-close:hover {
  background: none;
  border: none;
}
.modal-custom .action-close.disabled,
.modal-popup .action-close.disabled,
.modal-slide .action-close.disabled,
.modal-custom .action-close[disabled],
.modal-popup .action-close[disabled],
.modal-slide .action-close[disabled],
fieldset[disabled] .modal-custom .action-close,
fieldset[disabled] .modal-popup .action-close,
fieldset[disabled] .modal-slide .action-close {
  pointer-events: none;
  opacity: 0.5;
}
.modal-custom .action-close > span,
.modal-popup .action-close > span,
.modal-slide .action-close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.modal-custom .action-close:before,
.modal-popup .action-close:before,
.modal-slide .action-close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 2.5rem;
  line-height: 3rem;
  color: #483c8b;
  font-weight: bold;
  content: "\00d7";
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.modal-content {
	width: auto;
}

.modal-custom .action-close:hover:before,
.modal-popup .action-close:hover:before,
.modal-slide .action-close:hover:before {
  color: inherit;
}
.modal-custom .action-close:active:before,
.modal-popup .action-close:active:before,
.modal-slide .action-close:active:before {
  color: inherit;
}
.modal-custom .action-close:hover:before,
.modal-popup .action-close:hover:before,
.modal-slide .action-close:hover:before {
  color: #1a1a1a;
}
.modal-custom .action-close {
  margin: 25px;
}
.modal-popup {
  pointer-events: none;
}
.modal-popup .modal-title {
  display: block;
  text-align: center;
  /*border-bottom: 1px solid #c1c1c1;*/
  color: #62C8A0;
  font-weight: 500;
  /*padding-bottom: 10px;*/
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 4rem;
  margin-bottom: 0;
  /*min-height: 1em;*/
  word-wrap: break-word;
}
.modal-popup .action-close {
  padding: 10px;
}
.modal-slide .action-close {
  padding: 0;
  width: 3rem;
  height: 3rem;
  text-align: center;
  cursor: pointer;
}
.modal-slide .page-main-actions {
  margin-bottom: -12.9rem;
  margin-top: 2.1rem;
}
.modals-overlay {
  background-color: rgba(51, 51, 51, 0.55);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.modal-content::-webkit-scrollbar {
  width: 10px;
  height: 15px;
}
.modal-content::-webkit-scrollbar-thumb {
   background: linear-gradient(to bottom right, #d9d8d8 0%, #dbdbdb 100%);
  border-radius: 5px;
}
.modal-content::-webkit-scrollbar-track:horizontal {
  background-color: white;
  box-shadow: inset 0 0 2px 2px #d9d8d8;
}
/* body._has-modal-custom .modal-custom-overlay { */
  /* height: 100vh; */
  /* left: 0; */
  /* position: fixed; */
  /* top: 0; */
  /* width: 100vw; */
  /* z-index: 899; */
/* } */

a.use-ajax.action.towishlist.action-towishlist {
  display: none;
}
.page.messages .messages {
  margin-bottom: 1rem;
}
.page.messages .messages .message {
  padding: 0.5rem 1rem;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  color: rgb(62, 62, 62);
}
.page.messages .messages .message+.message {
  margin-top: 0.5rem;
}
.page.messages .messages .message.success {
  background-color: #e5efe5;
  border-color: #006400;
  color: #006400;
}
.page.messages .messages .message.error {
  background: #fae5e5;
  border-color: #e02b27;
  color: #e02b27;
}
.page.messages .messages .message.error > div,
.page.messages .messages .message.success > div {
  position: relative;
  padding-left: 2rem;
  line-height: 1.5rem;
}
.page.messages .messages .message.error > *:first-child:before,
.page.messages .messages .message.success > *:first-child:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: 'icons-blank-theme';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    width: 1.5rem;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.page.messages .messages .message.error > *:first-child:before {
    color: #b30000;
    content: '\e602';
}
.page.messages .messages .message.success > *:first-child:before {
    color: #006400;
    content: '\e610';
}
.block-minicart .minicart-items .product-item+.product-item {
  border-top: 1px solid #dcdcdc;
  margin-top: 1rem;
  padding-top: 1rem;
}
.block-minicart .minicart-items .product-item .product-item-image {
  width: 4rem;
}
.block-minicart .minicart-items .product-item .product-item-details .product-item-name {
  padding: 0 0.5rem 0 0;
}
.block-minicart .minicart-items .product-item .product-item-details .product-item-qty {
  padding: 0 0.5rem;
}
.block-minicart .minicart-items .product-item .product-item-details .product-item-pricing {
  padding: 0 0 0 0.5rem;
}
.block-minicart .subtotal {
  font-size: 1.3rem;
  font-weight: bold;
}
.block-minicart .product-item-pricing {
  line-height: calc(2.3rem + 2px);
}
.block-minicart .product-item-pricing .price {
  font-size: 1.1rem;
}
.block-minicart .minicart-items table td {
  padding: 1rem 0.5rem;
}
.block-minicart .minicart-items .product-item .product-item-name {
  min-width: 8rem;
}
.minicart-counter-number {
  position: absolute;
  right: 0;
  top: 0;
  color:white;
  margin-top: -15px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  background: #DB99D9;
  border-radius: 20px;
  font-size: 11px;
}
.delivery-date {
	font-size: 1rem;
	color: #62c8a0;
}
.cart button.btn.editor,
.order-cart button.btn.editor {
  background-color: rgb(51, 152, 255);
  padding: 0.8rem 2rem;
  border-radius: 5px;
  color: #fff;
}
@media screen and (min-width: 992px) {
  .widget-name.d-flex > div.field {
    width: 50%;
  }
  .widget-name.d-flex > div.field:nth-child(odd) {
    padding-right: 0.5rem;
  }
  .widget-name.d-flex > div.field:nth-child(even) {
    padding-left: 0.5rem;
  }
}
.text-nowrap {
	font-size: unset;
}

.leverdatum > .text-nowrap {
    font-size: smaller;
    color: #62C8A0;
}

a.edit-cart {

background: #FD8B4C;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 16%);
    border: 1px solid transparent;
    color: #fff;
    max-width: 100%;
    padding: 1.2rem 1.4rem;
    border-radius: 1.75rem 1.75rem 0 1.75rem;
    line-height: 1.3;
    font-weight: 500;
    text-decoration: none;
}

a.edit-quote {

background: #FD8B4C;
    box-shadow: 0px 4px 5px rgb(0 0 0 / 16%);
    border: 1px solid transparent;
    color: #fff;
    max-width: 100%;
    padding: 1.2rem 1.4rem;
    border-radius: 1.75rem 1.75rem 0 1.75rem;
    line-height: 1.3;
    font-weight: 500;
    text-decoration: none;
	margin: 17px;
}

li.item.product.product-item {
    display: inline-block;
	padding-top: 10px;
	height: calc(100% - 2.6rem);
    position: relative;
    border: 1px solid #dcdcdc;
    border-radius: 1.1rem;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 2.6rem;
}

li.item.product.product-item .product-action-link {
	float: right;
    display: block;
    background: #62c8a0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: bold;
    padding: 0.65rem 1.1rem 0.65rem 1.25rem;
    border-radius: 1.1rem 0 1.1rem 0;
    white-space: nowrap;
}

li.item.product.product-item strong.product-item-name a {
	padding: 20px;
	color: #3e3169;
	text-decoration:none;
}
button.product-action-link {
    border: none;
}

span.shipping_sub_title {
	float: left;
	font-size: 0.8rem;
    position: relative;
    width: 100%;
}

span.shipping_title {
	float: left;
    position: relative;
    width: 100%;
}

a.parent-green {
color: #62c8a0 !important;
}

li.sub-cat-group {
	display:inline-block;
	float: Left;
	width: 50%;
}
div#checkout-step-payment {
    border: 1px solid #F3F3F3;
}

.opc-block-address.step-content,
div#checkout-step-shipping {
border: 1px solid #F3F3F3;
}

.opc-block-overview.step-content {
border: 1px solid #F3F3F3;
}
.opc-block-summary.step-content.p-3 {
border: 1px solid #F3F3F3;
padding-bottom: 33px!important;
}

div#checkout-step-billing {
    border: 1px solid #F3F3F3;
}

div#checkout-step-shipping_method {
	border: 1px solid #F3F3F3;
}


#shipping-method-top-fieldset {
	margin-top: 0px;
    margin-bottom: 0px;
}

label.error {
    color: red;
}

.field-error,
.mage-error {
    color: red;
}

span#block-discount-heading {
    color: #62C8A0;
    text-decoration: underline;
}

span.discount.coupon {
    color: #62C8A0;
	font-style: italic;
    font-size: 0.8rem;
}

.opc-wrapper .form-login {
	margin-bottom: 0px !important;
}

button.btn-edit:hover {
	background: #62c8a0;
}

.mage-error2 {
  color: red;
  margin: 14px 0;
  background-color: #f1072c40;
  border-color: #dc3545;
  color: #dc3545;
  border: 1px solid;
  border-radius: 4px;
  padding: 4px;
  font-size: 0.8rem;
  width: 100%;
}

.mage-error2 span {
    display: block;
}

.mage-error2 > *:first-child:before {
    color: #006400;
    content: '\e610';
}
.mage-error2:not(:last-child){
  display: none;
}
.miniquote-wrapper {
    margin-left: 8px;
}

button.action.primary.quote-submit.quote-move-print {
    background-color: white;
    border: 0px;
	cursor: pointer;
}

button.action.primary.quote-submit.quote-move-print:focus {
    background-color: white;
    border: 0px;
	cursor: pointer;
}

.quote-bestellen {
    float: right;
}

.quote-annuleren {
    float: left;
}

.print-quote {
    width: 100%;
    float: right;
    text-align: right;
	position: relative;
    margin-top: -34px;
}

button.quote-print {
    border: 0px;
    background-color: white;
	cursor: pointer;
}

button.quote-print:focus {
    border: 0px;
    background-color: white;
	outline: 0px;
}

button.quote-print:active {
    border: 0px;
    background-color: white;
}

button.quote-print:hover {
    border: 0px;
    background-color: white;
}

table.table.order-detail-cart-table button.btn-edit {
margin-left: 0% !important;
}

.item-title {
font-weight: bold;
color: #634594;
}

dl.item-options dt {
    float: left;
	min-width: 55%;
	font-size: 0.9rem;
}

dl.item-options dd {
    float: left;
	margin-left: 5px;
	font-size: 0.9rem;
word-break: break-word;
    width: 40%;
}
.dashboard-detail.row .white-block .d-flex.status {
    justify-content: space-between;
}

.options-td {
border-bottom: 0px !important;
padding: 0rem !important;
}

table.table.order-detail-cart-table td{
border-bottom: 0px !important;
}

.option-row{
border-bottom: 1px solid #dcdcdc;
}

button.action-secondary.action-dismiss {
    background: #f3f3f3;
    border: 1px solid #62C8A0;
    color: #62C8A0;
    box-shadow: none;
    margin-top: 5px;
}

button.action-primary.action-accept {
background: #FD8B4C;
box-shadow: 0px 4px 5px rgb(0 0 0 / 16%);
border: 1px solid transparent;
color: #fff;
margin: 13px;
border-radius: 5px;
padding:8px;
}

/*.widget-name.d-flex > div.field {
  width: 50%;
}*/
/*@media screen and (min-width: 992px) {
  .block-minicart .minicart-items .product-item .product-item-details {
    width: 20rem;
  }
  .block-minicart .minicart-items .product-item .product-item-details .product-item-name {
    width: 9rem;
  }
  .block-minicart .minicart-items .product-item .product-item-details .product-item-qty {
    width: 5.5rem;
  }
  .block-minicart .minicart-items .product-item .product-item-details .product-item-pricing {
    width: 5.5rem;
  }
}*/

/*NUBIX TEAM PAGE*/
.show-staff-list{margin-top:-12.76vw;}
.staff-item{box-shadow: 0px 3px 6px rgba(0,0,0,0.16); border:none; background:#FFF;}
.staff-section-full .form-control .staffFilter{border-radius: 0 1.66rem 0 0}

.medewerkers-index-index .show-staff-list{margin-top:-12.76vw;margin-bottom: 8vw;}
.medewerkers-index-index .block-staff .form-control{border-radius:1.66rem; border-top-left-radius:0; border-bottom-left-radius: 0; min-width:10.2rem}
.medewerkers-index-index .block-staff{margin: 0 auto 10.25rem; width:45%;}
.show-staff-list .row div:nth-child(4) .staff-item img{border-radius:0}

.staff-section-full{
    margin-bottom: 8vw;
}

@media screen and (min-width:992px){
.show-staff-list .row:nth-of-type(1) .col-6.col-sm-3:nth-of-type(4) .staff-item{border-radius:0 2rem 0 0}
.show-staff-list .row:nth-of-type(1) .col-6.col-sm-3:nth-of-type(4) .staff-item img{border-radius:0 2rem 0 0}
.show-staff-list .row:last-of-type .col-6.col-sm-3:nth-of-type(4) .staff-item{border-radius:0 0 2rem 0}
.show-staff-list .row:last-of-type .col-6.col-sm-3:nth-of-type(1) .staff-item{border-radius:0 0 0 2rem}
.medewerkers-index-index .filter {padding-left: 80px; padding-right: 80px;}
}
@media screen and (max-width:991px){
.show-staff-list .row:nth-of-type(1) .col-6.col-sm-3:nth-of-type(2) .staff-item{border-radius:0 2rem 0 0}
.show-staff-list .row:nth-of-type(1) .col-6.col-sm-3:nth-of-type(2) .staff-item img{border-radius:0 2rem 0 0}
.show-staff-list .row:last-of-type .col-6.col-sm-3:nth-of-type(4) .staff-item{border-radius:0 0 2rem 0}
.show-staff-list .row:last-of-type .col-6.col-sm-3:nth-of-type(3) .staff-item{border-radius:0 0 0 2rem}
.show-staff-list .col-sm-3{flex: 0 0 50%; max-width:50%;}
.show-staff-list .col-6{flex:0 0 50%; max-width:50%;}
.staff-section-full .input-group{justify-content:center; align-content:space-between; height:8.2rem}
.staff-section-full .input-group>.form-control:not(:first-child){border-top-left-radius:1.66rem; border-bottom-left-radius:1.66rem;}
.staff-section-full .input-group .form-control{border-radius:1.66rem}
.staff-section-full .input-group-prepend{justify-content:center; width: 100%;}
.staff-section-full .form-control .staffFilter, .staff-section-full .input-group-prepend .filterLeft{border-radius:1.66rem}
.medewerkers-index-index .show-staff-list{margin-top:-40.86vw}
}
.staff-item .caption{padding:0.85rem 1.4rem 0}
.staff-item .caption.caption-position{padding:0 0 0.85rem 1.4rem; font-weight: 400; font-size: 0.7rem; background:transparent}
.staff-item:hover{border-color:none;}
.staff-item:hover .caption{background:none; color:#453572;}
.medewerkers-index-index .subscribe-section h1{margin-bottom:0;}
.block-staff select#staffFilter {
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #FFF!important;
    /* -webkit-appearance: none!important; */
    background-position-x: 90%!important;
}

/*END NUBIX TEAM PAGE*/

/*NUBIX JOBBOARD PAGE*/
.jobboard-index-index .card{border-radius:0.75rem !important}
.jobboard-index-index .card-header{/*box-shadow:0 5px 4px 0 rgb(0 0 0 / 8%);*/ border-radius:0.75rem; }
.jobboard-index-index .jobaccordion{box-shadow:none; border-radius:0.75rem;}
.jobboard-index-index .workhours::before, .jobboard-index-index .experience::before,  .jobboard-index-index .department::before{filter:none;}
@media screen and (min-width:992px){
.medewerkers-index-index .filter {padding-left: 100px; padding-right: 100px;}
}
@media screen and (max-width:991px){
.staff-section-full .container{margin-top:-23px!important}
.jobboard-index-index .jobBoard-section{padding:8.5rem 0 2.5rem;}
.jobboard-index-index .card .card-header .container .row .col-5{flex:60%;}
.jobboard-index-index .workhours,.jobboard-index-index .experience,.jobboard-index-index .department{padding-left:18px;}
.jobboard-index-index .form-control.jobFilter{border-radius:1.66rem !important}

}

@media screen and (max-width:600px){
.col-2{flex: 0 0 33.666667%;max-width:33% !important;}
}

select#jobFilter, select#staffFilter {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
}

.job-form .btn-subscribe span::before {
margin-top: -5px;
}

#cookienotification-block {
    position: fixed;
    left: 0;
    z-index: 6;
    padding: 2rem;
    display: block;
    line-height: 1.5;
    font-size: 1rem;
    font-family: 'TT Commons', Arial, sans-serif;
    margin: 0 0 25px 25px;
    width: 27rem;
    border-radius: 1rem;
    border: 1px solid #6ecca7;
    box-shadow: 0px 6px 10px rgb(0 0 0 / 16%);
}

button#btn-cookienotification-allow {
    cursor: pointer;
    font-size: 1rem;
    border: solid #FD8B4C 1px;
    padding: 0.7rem 1.4rem;
    border-radius: 1.75rem 1.75rem 0 1.75rem;
    float: right;
}
button#btn-cookienotification-more {
    cursor: pointer;
    font-size: 1rem;
    border: solid #62c8a0 0px;
    border-radius: 1.75rem 1.75rem 0 1.75rem;
    padding: 0.7rem 0;
    text-decoration: underline;
}

main#maincontent .staff-section-full{
    margin-bottom: 8vw;
}

.department::before {
	transform: translateY(-55%)!important;
}

.button-next {
    margin-right: 0;
    text-align: right;
}

.viewcart:nth-child(1) {
	margin-right: 25px;
}

.viewcart:nth-child(2) {
	
}

.fotorama__thum {
	background:white!important;
}

/*NUBIX MINICART*/

.block-minicart .block-content .actions.text-center .secondary{display:flex; justify-content:space-between;}
.block-minicart .block-content .actions.text-center .secondary .viewcart:nth-child(1){padding: 25px 25px 25px 0px; text-decoration: underline;}
.block-minicart .product-item-pricing .price{font-size:0.9rem;}


#minicart-content-wrapper .block-content .d-inline-block{width:100%}
#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row {flex-wrap:wrap}
#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row > span {width:60%;  text-align: left;}
#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row .amount.price-container{display:flex; width:40%; justify-content: flex-end;}
#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row div:nth-of-type(2){display:flex; width:100%; background: #f1f1f1; border-radius:14px; padding:10px 3%; margin-top:11px; justify-content: space-between; }
#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row div:nth-of-type(2) span{font-size: 0.7rem; font-weight: 200; color:#929292; font-style: italic;}
#minicart-content-wrapper .block-content .subtotal.d-flex.flex-row div:nth-of-type(2) span span{}
#minicart-content-wrapper .block-content .text-center.mb-3{margin-bottom:1.4rem !important;}

/*NUBIX CART PAGE*/
.checkout-cart-index li.item.pages-item-next {margin:unset !important;}
.checkout-cart-index .pages-item-next .next{position:relative; left:unset; top:unset !important; margin-top:0.8rem !important;}
.checkout-cart-index .pages-item-previous .previous{margin-top:0.8rem !important;}

/*NUBIX KLEDING MATEN GRID*/
@media screen and (min-width:768px){
.overview-table tbody td{padding: 0.75rem 0.63rem;}
.overview-table tbody tr:first-child td{text-align: center;}
span.selected-gender{display: inline-block !important; width: 2.6rem !important; text-align: center !important; padding: 0.1rem 0.7rem !important; margin-left: 0 !important;}
}

@media screen and (max-width:768px){
.overview-table tbody td{padding: 0.75rem 0.3rem;}
.overview-table tbody tr:first-child td{text-align: center;}
span.selected-gender{display: inline-block !important; width: 2.6rem !important; text-align: center !important; padding: 0.1rem 0.5rem !important; margin-left: 0 !important;}
}
/*NUBIX CHECKOUT*/
.checkout-index-index .totals-tax-details{display:none;}
.checkout-index-index tr.totals.sub.incl {
	display:none;
}

.field-tooltip.toggle {
    display: none;
}

.fotorama__thumb {
background-color: transparent!important;
}


.opc-wrapper .checkout-payment-method .payment-method + .payment-method {
	/*height: 2rem;*/
}

.items.payment-methods {
    margin-top: 26px;
}

.ec-gtm-cookie-directive, .ec-gtm-cookie-directive div {
  max-width: 575px !important;
    max-height: 95vh!important;
}

.ec-gtm-cookie-directive {
  left: 0;
  bottom: 0;
  margin: 0 0 0.7rem 0.7rem;
  text-align: left;
  padding: 0 0 20px 20px;
  max-width: 95vw;
  z-index: 9999999999;
}

.ec-gtm-cookie-directive > div {
  border-radius: 1rem;
  border: 1px solid #6ecca7;
  padding: 2rem 2rem 0.7rem 2rem !important;
}

.ec-gtm-cookie-directive p:first-child {
  text-align: start;
  font-size: 1.2rem;
  color: #363434!important;
  display: block !important;
}

.ec-gtm-cookie-directive > div > div > div p {
  color: #888!important;
  margin-bottom: 0.8rem;
}

.ec-gtm-cookie-directive .ec-gtm-cookie-directive-segments,
.ec-gtm-cookie-directive .ec-gtm-cookie-directive-segments label {
  margin: 0;
  padding: 0;
  font-size: 0.9rem;
}

.ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note-toggle {
  margin-top: 0;
}

.ec-gtm-cookie-directive-segments > div {
  width: 50%;
}

.ec-gtm-cookie-directive-segments > div label {
  width: 100%;
}

.ec-gtm-cookie-directive-segments > div input[type="checkbox"] + label::before {
  margin-top: 12px;
  border-width: 2px;
}

.ec-gtm-cookie-directive-segments {
  display: flex;
  flex-wrap: wrap;
}

.ec-gtm-cookie-directive .action {
  width: 100% !important;
  border-radius: 1rem !important;
  margin: 10px 0 0 0 !important;
}

.ec-gtm-cookie-directive .action.accept-all {
  color: #fff !important;
  padding: 0.9rem 0 !important;
  background: #6ecca7;
  border: 1px solid #6ecca7;
  text-align: center !important;
  margin-bottom: 0.5rem !important;
  width: 60% !important;
}

.ec-gtm-cookie-directive .action.customize {
  width: 35% !important;
  float: right !important;
  font-weight: 600 !important;
  padding: 0.9rem 0 !important;
  background: #eee;
  border: 1px solid #eee;
  text-align: center !important;
}

.ec-gtm-cookie-directive .action.accept {
  text-align: center !important;
  padding: 0.9rem 0 !important;
  border: 1px solid #d9d9d9;
  margin: 0.5rem 0 !important;
}

.ec-gtm-cookie-directive .action.decline {
  display: none !important;
}

.ec-gtm-cookie-directive .action.refuse {
  color: #a0a0a0 !important;
  text-decoration: none;
  font-size: 12px;
  text-align: left !important;
  margin-left: 10px !important;
  margin-top: 0 !important;
}

@media (max-width: 1192px) {
  .ec-gtm-cookie-directive .action.accept-all,
  .ec-gtm-cookie-directive .action.accept {
    width: 100%;
  }
}

@media (max-width: 990px) {
  .ec-gtm-cookie-directive {
    padding: 0 0 10px 10px !important;
  }

  .ec-gtm-cookie-directive-segments label {
    font-size: 1.1rem;
  }

  .ec-gtm-cookie-directive div:first-child {
    max-width: calc(100vw - 40px) !important;
  }
}




.qty-wrapper {
  display: grid !important;
  grid-template-areas:
    ' aantal meerminder prijsEscl prijsEscl'
    ' prijsincl prijsincl prijsincl btw ';
}

.qty { grid-area: aantal; }
.qty-number { grid-area: meerminder; }
.catalog-price-excl { grid-area: prijsEscl;  }
.catalog-price-incl { grid-area: prijsincl; text-align: right; font-size: 57%; margin-top: -7%; padding-right: 6.5%; }
.catalog-price-incl-text { grid-area: btw; padding-left: 5px; font-size: 57; font-size: 57%; margin-top: -33%; margin-left: -33.5%;}

@media screen and (max-width: 600px){
.catalog-price-incl { grid-area: prijsincl; text-align: right; font-size: 57%; margin-top: -7%; padding-right: 4.5%;}
.catalog-price-incl-text { grid-area: btw; padding-left: 5px; font-size: 57; font-size: 57%; margin-top: -32%; margin-left: -26.5%;}

}
.hhb-subtitle {
  font-size: 1.75rem;
  font-weight: 800;
  color: #634594;
  margin: 1rem 0 0.5rem 0;
}

.hhb-timeline,
.hhb-sub-italic {
  margin: auto;
}

.hhb-sub-italic {
  color: #634594;
  font-size: 1.2rem;
  font-style: italic;
  width: 35vw;
  margin: auto;
  margin-bottom: 1rem;
}

.hhb-spc {
  margin-bottom: 4rem;
}

.hhb-bg {
  box-shadow: 0 0 0 100vmax #CADEE9;
  background-color: #CADEE9;
  clip-path: inset(0 -100vmax);
}

.hhb-owner-timeline-col {
  padding: 6rem 0;
  margin-top: 5rem;
  justify-content: space-around;
  margin-bottom: -2.2rem;
}

.hhb-gal img,
.hhb-owner-info img {
  border-radius: 1rem;
  width: 100%;
  height: 15vw;
  object-fit: cover;
}

.hhb-owner-info {
  width: 50%;
}

.hhb-owner-info img {
  position: relative;
  object-position: center 25%;
}

.hhb-owner-img {
  padding-right: 3rem;
  height: 15vw;
}

.hhb-usp {
  padding-bottom: 5rem;
  margin: 0 0 -2.2rem -1.25rem;
}

.hhb-job {
  margin-top: -0.75rem;
}

.hhb-usp ul li {
  list-style: none;
  font-size: 1.5rem;
  font-weight: 100;
  color: #634594;
}

.hhb-usp ul li::before {
  content: "> ";
}

.hhb-gal {
  padding: 2rem 0;
}

@media screen and (max-width: 991px) {
  .hhb-sub-italic {
    width: 80vw;
  }
  .hhb-8 {
    max-width: 100%;
    flex: 100%;
  }
  .hhb-gal img,
  .hhb-owner-info img {
    height: 30vw;
  }
  .hhb-owner-img {
    margin-bottom: 5rem;
  }
  .hhb-timeline {
    display: none;
  }
  .hhb-owner-timeline-col {
    margin-left: 0;
  }
  .hhb-usp {
    margin: 2rem 0 -6.2rem 0;
  }
}

.jobboard-index-index .message-error {
  display: none;
}

/*Categorypage Changes*/

/* .submenu-dropdown .two-cols .submenu li {
    padding: 0;
}
.submenu-dropdown .submenu li {
    margin-bottom:0;
}
.submenu .parent li {
    width: 10vw;
} */
.submenu-dropdown.submenu-all {
    width:73vw!important;
}

@media screen and (max-width: 991px) {
.product-item-box .price-box .price-label { margin-top:0; }
}

.submenu a strong{
    margin-top:2rem!important;
}
.submenu {
    width: 100%;
    padding-right: 0.5rem;
}

/* .submenu li:last-child {
    padding-bottom: 1rem!important;
} */

/*Wistia player CSS*/
.wistia_embed div:first-child {
  border-radius: 1rem;
}

.w-vulcan-icon-wrapper {
  display: none !important;
}

.w-bottom-bar-right {
  background-image: url(https://www.printshopz.nl/media/logo/default/logo_1.png);

  background-size: 80%;

  background-repeat: no-repeat;

  background-position: left;
}

.w-dialog,
.w-context-menu {
  display: none !important;
}

/*SEO CATEGORYPAGE*/
.category-description, .product.attribute.overview  {
    box-shadow: 0 0 0 100vmax #fbfbfb;
    background-color: #fbfbfb;
    clip-path: inset(0 -100vmax);
    padding: 5rem 0 8rem 0;
    margin-top: 5rem;
    margin-bottom: -6rem;
}

.category-description h2, .category-description h3, .category-description h4, .overview h2, .overview h3, .overview h4{
    font-size: 1.25rem;
    font-weight: 600;
}


/*25-07-2023 Temporary fix for Tax price*/
/*07-08-2024 Disabled because Google*/
/* .delivery-table.active span.catalog-price-incl{visibility: hidden;} */

/*18-08-2023 Restoring basic structure checkout*/
@media screen and (min-width:768px){
.opc-wrapper{width: 66.66666667%; float: left; padding-right: 30px;}
.opc-sidebar{margin: 46px 0 20px; width: 33.33333333%; float: right;}

}

.opc-summary-wrapper .modal-header .action-close{display:none;}
.opc-block-summary{background: #f5f5f5; margin: 0 0 20px; padding: 22px 30px;}
.opc-block-summary>.title{display:block;}
.checkout-index-index .opc-block-summary{display:block !important}
.opc-block-summary .minicart-items .product>.product-image-container{float:left;}

/*14-08-2023 New Checkout style*/
.checkout-index-index .authentication-wrapper{display:none;}
.checkout-index-index .authentication-dropdown .modal-inner-wrap .modal-content, .checkout-index-index .authentication-dropdown .modal-inner-wrap .modal-header, 
.checkout-index-index .authentication-dropdown .modal-inner-wrap .modal-content .block-customer-login {border:none;}
.checkout-index-index .authentication-wrapper > button{display:none;}
div#checkout-step-shipping{margin-bottom: 54px;}
.checkout-index-index .opc-block-address.step-content, div#checkout-step-shipping{border:none}
.checkout-index-index .opc-progress-bar{font-size: 1.4rem; font-weight: 600; margin-bottom: 2.2rem; position:relative; color:#634594;padding-left: 0;background: url(../images/step-navigator-devider-bg.png) center center repeat-x}
.checkout-index-index .opc-progress-bar .opc-progress-bar-item {}
.checkout-index-index .opc-progress-bar .opc-progress-bar-item._active {}
.checkout-index-index .opc-progress-bar .opc-progress-bar-item {position: relative; display: flex; width: 100%; justify-content: center;}
.checkout-index-index .opc-progress-bar .opc-progress-bar-item > span {position: relative; background: white; padding: 0 10px;}
.checkout-index-index .opc-progress-bar .opc-progress-bar-item > span > span{position: relative; z-index: 2;opacity: 20%;font-weight: 800;}
.checkout-index-index .opc-progress-bar .opc-progress-bar-item._complete > span > span,
.checkout-index-index .opc-progress-bar .opc-progress-bar-item._active > span > span{opacity: 100%;}
/*.checkout-index-index .opc-progress-bar .opc-progress-bar-item:before{content:""; display:inline-block; width:50px; height:3px; background:grey; margin-right: 22px;}*/
.checkout-index-index .opc-progress-bar .opc-progress-bar-item._active:before{opacity:20%}
.checkout-index-index .opc-progress-bar .opc-progress-bar-item:nth-of-type(odd) > span:after{opacity: 20%;content: ""; display: inline-block; width: 1.5rem; height: 1.5rem; background-color: #dc99da; color: transparent; border-radius: 20px;
position: absolute; left: 0; bottom: 8px; z-index: 0;}
.checkout-index-index .opc-progress-bar .opc-progress-bar-item:nth-of-type(even) > span:after{opacity: 20%;content: ""; display: inline-block; width: 1.5rem; height: 1.5rem; background-color: #cadee9; color: transparent; border-radius: 20px;
position: absolute; left: 0; bottom: 8px; z-index: 0;}
.checkout-index-index .opc-progress-bar .opc-progress-bar-item._complete:nth-of-type(odd) > span:after,
.checkout-index-index .opc-progress-bar .opc-progress-bar-item._complete:nth-of-type(even) > span:after,
.checkout-index-index .opc-progress-bar .opc-progress-bar-item._active:nth-of-type(odd) > span:after,
.checkout-index-index .opc-progress-bar .opc-progress-bar-item._active:nth-of-type(even) > span:after {opacity: 100%;}
.checkout-index-index .step-title{font-size: 1.8rem;font-weight: 800; color: #634594; padding: 15px 30px; background: #f3f3f3; border-radius: 18px; margin-bottom: 18px;}
.checkout-index-index .field>.label, .checkout-index-index .fieldset>.field>.label, .checkout-index-index .fieldset>.fields>.field>.label,.checkout-index-index .note{padding-left:24px;}
.checkout-index-index .note{padding-top:20px}

.checkout-index-index .actions-toolbar .primary:hover{cursor:pointer}
.checkout-index-index .actions-toolbar .action.login.primary,.checkout-index-index .actions-toolbar .button.action.continue.primary,
.checkout-index-index .actions-toolbar button.action.primary.checkout{background: #FD8B4C; box-shadow: 0px 4px 5px rgba(0,0,0,0.16); border: 1px solid transparent;
color: #fff; max-width: 100%; padding: 1.2rem 2.4rem; border-radius: 1.75rem 1.75rem 0 1.75rem; line-height: 1.3; font-weight: 500; text-decoration: none;}
.checkout-index-index .actions-toolbar .action.login.primary:hover,.checkout-index-index .actions-toolbar .button.action.continue.primary:hover,
.checkout-index-index .actions-toolbar button.action.primary.checkout:hover{background-color: #FD8B4C;color: #fff;
border-color: transparent;box-shadow: 2px 8px 6px rgba(0,0,0,0.16);}

div#checkout-step-shipping_method, div#checkout-step-payment, .checkout-index-index header.modal-header{border:none;}


.checkout-index-index .table-checkout-shipping-method td.col.col-method:nth-of-type(1),.checkout-index-index .table-checkout-shipping-method th.col.col-method:nth-of-type(1),
.checkout-index-index .table-checkout-shipping-method thead .row{display:none;}
.checkout-index-index .table-checkout-shipping-method .col.col-price{order:3; text-align:right; padding-right:60px;}
.checkout-index-index .table-checkout-shipping-method .col.col-method{order:2}
.checkout-index-index .table-checkout-shipping-method .col.col-carrier{padding-left: 39px;}
.checkout-index-index .table-checkout-shipping-method tbody .row{border: 1px solid #bbbbbb; border-radius: 14px; padding: 10px; margin: 0px 0px 14px 0px; font-size: 1.1rem;}
.checkout-index-index .table-checkout-shipping-method input[type="radio"]:checked{background: #f7fcfa; border: 1px solid #65c9a2 !important;}

.checkout-index-index .form.payments hr {display:none;}
.checkout-index-index .form.payments .legend span{display:none}

.checkout-index-index .opc-block-summary, .checkout-index-index .opc-block-summary .mark{background:#FFF;}
.checkout-index-index .opc-block-summary .mark{border-top:none;}
.checkout-index-index .opc-block-summary .grand.totals.excl{display:none}
.checkout-index-index .opc-sidebar .modal-content {border: 1px solid #dee2e6; border-radius:20px}

a#morelink {
    border: dotted;
    border-radius: 9px;
    width: 7rem;
    height: 7rem;
    content: "•";
}
body.customer-account-create .field div.field-success,
body.customer-address-form .field div.field-success {
  color: green;
}
body.customer-account-create .field div.field-error,
body.customer-account-create .field div.field-success,
body.customer-account-create .field label.label {
  padding-left: 1rem;
}
body.customer-address-form .field div.field-error,
body.customer-address-form .field div.field-success,
body.customer-address-form .field label.label {
  padding-left: 1rem;
}
body.customer-account-create .fieldset .field input.input-text[readonly="true"],
body.customer-address-form .fieldset .field input.input-text[readonly="true"] {
  pointer-events: none;
  cursor: default;
  border-color: rgba(220, 220, 220, 0.5);
}
body.customer-account-create .fieldset div.field.choice {
  padding-left: 24px;
}
body.customer-account-create .fieldset div.field.choice .field-title {
  color: #634594;
}
body.customer-account-create .fieldset div.field.choice > input[type="checkbox"] {
  display: none;
}
body.customer-account-create .fieldset div.field.choice > .label {
  padding-left: 20px;
  line-height: 1.2rem;
}
body.customer-account-create .fieldset div.field.choice > .label:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
  background-size: 34px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../Magento_Checkout/css/img/checkbox-ico.png);
}
body.customer-account-create .fieldset div.field.choice > input[type="checkbox"]:checked + .label:before {
  background-position: -17px 0;
}
body.customer-account-create .fieldset div.field.choice > .label {
  position: relative;
}


body.customer-address-form .fieldset div.field.choice {
  padding-left: 24px;
}
body.customer-address-form .fieldset div.field.choice .field-title {
  color: #634594;
}
body.customer-address-form .fieldset div.field.choice > input[type="checkbox"] {
  display: none;
}
body.customer-address-form .fieldset div.field.choice > .label {
  padding-left: 20px;
  line-height: 1.2rem;
}
body.customer-address-form .fieldset div.field.choice > .label:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 17px;
  background-size: 34px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url(../Magento_Checkout/css/img/checkbox-ico.png);
}
body.customer-address-form .fieldset div.field.choice > input[type="checkbox"]:checked + .label:before {
  background-position: -17px 0;
}
body.customer-address-form .fieldset div.field.choice > .label {
  position: relative;
}

/*TOOLTIP TABLE */
.product .description table, .modal-content table  { border-radius: 0rem; border: none; margin-bottom: 1rem; }
.description tbody tr:nth-child(odd), .modal-popup .modal-content tbody tr:nth-child(odd) { background-color: #f1f1f1; }
.product .description td, .modal-content td   { padding: 0.5rem 0 0.5rem 0.5rem; border-top: 1px solid  #cecece }
.product .description tr td:first-child, .modal-content tr td:first-child { width: 30%!important; } 
.description h3, .modal-popup h3 { font-size: 1.3rem; }
.description h3 { color: #656565; }
.modal-footer button { display: none; }
.modal-footer button.ml-2.btn-primary { display: block; }

/* CATALOGIMG  */
.easycatalogimg-grid ul.list-subcategories { display: none; }
.easycatalogimg .easycatalogimg-listing { width: 100%; height: auto; display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;-ms-overflow-style: -ms-autohiding-scrollbar;align-items: baseline; }
.easycatalogimg .easycatalogimg-listing::-webkit-scrollbar { display: none; }
.easycatalogimg-grid { padding: 0; border-radius: 4rem; }
.easycatalogimg .item { padding: 0.4rem 1rem; border: none; border: 1px solid #F3F3F3; border-radius: 5rem; background-color: #F3F3F3; margin: 0 0.5rem; transition-duration: 500ms;}
.easycatalogimg .item .image { width: 2.25rem; margin-right: 0.5rem; }
.easycatalogimg .item .parent-category-wrapper { white-space: nowrap; display: flex; flex-direction: row-reverse; align-items: center; }
.easycatalogimg .category-name a { text-decoration: none!important; color: #483c8b; font-weight: bold }
.easycatalogimg-grid .item:first-child { margin-left: 3.6rem; }
.easycatalogimg-grid .item:last-child { margin-right: 3.6rem; }
.easycatalogimg .item:hover { border: 1px solid #483d89; border-radius: 5rem!important; background-color: #ffffff!important; }

@media screen and (max-width: 991px) {   
    .easycatalogimg .item { margin: 0 0.4rem;}
    .easycatalogimg .item .image {display: none;}
    .category-name.parent-category.parent-category-top { padding:0.5rem 0.7rem; }
}
.page-title { margin-bottom: 1.5rem; }
.scroll-buttons { position: absolute; width: 100%; display: flex; justify-content: space-between; pointer-events: none; z-index: 2; padding: 0 1.25rem; margin-left: -1.25rem;}
.scroll-buttons button { background-color: #634594; border: none; font-size: 1.2rem; pointer-events: auto; cursor: pointer; padding: 0.5rem; color: white; border-radius: 50%; width: 3rem; height: 3rem; line-height: 1.4rem; }
.scroll-buttons button:disabled { color: white !important; cursor: not-allowed; background-color: #dcdcdc; }
.scroll-buttons .scroll-left { rotate: 180deg; }
.scroll-buttons .scroll-left::before { content: '\e900'; }
.scroll-buttons .scroll-right::before { content: '\e900'; }
.scroll-buttons .scroll-left, .scroll-buttons .scroll-right { padding: 0.5rem 0.7rem; }
.scroll-buttons .scroll-right { margin-left: auto; }

 /*SPECIALS PAGE*/
 .overlap-container { background-size: cover; background-position: center center; margin-top: 5rem; width: 150%; margin-left:  -25%; }
 .overlap-container  .overlay{ height: 90vh; margin-bottom: -5rem; background-image: linear-gradient(to right, rgba(202,222,233,0.94), rgba(202,222,233,0.84)); }
 .overlap-block p { color: #634692; }
 .overlap-block { width: 50vw; padding: 4rem 7rem; margin: auto; border-radius: 1rem; background-color: #ffffff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
 .overlap-block button { margin-top: 1rem; }
 .theme_header { background-size: cover; background-position: center center; width: 142%; margin-left: -21%; margin-top: -8rem; margin-bottom: -6rem; min-height: 60vh; height: auto; display: flex; justify-content: center; }
 ._formpage { width: 50%; text-align: center; padding: 11rem 3rem; }
 @media screen and (max-width:992px) {
     .overlap-container { width: 110%; margin-left: -5%; }
     .overlap-block { width: 90vw; padding: 3rem; }
     .overlap-container .overlay { height:70vh; }
     .theme_header { min-height: 20vh; margin-top: -5rem!important; margin-bottom: -3.5rem; width: 110%; margin-left: -5%; }
     ._formpage { padding: 5rem 3rem 6rem!important; width: 100%; }
 }

/* NAV SPECIALS */
.nav-item.Koningsdag { color: #FD8B4C; }

/*CAMPAIGN FIELDS */
 ._form-label { font-weight: bold; }
 ._field-wrapper input::placeholder { color: #dcdcdc; }
 ._form_element { margin-top: 1rem; }
 ._form-content select,
 ._form-content ._field-wrapper input,
 ._form-content textarea,
 ._form-content select {
   border: 1px solid #DCDCDC;
   border-radius: 1rem;
   padding: 0.6rem 1.2rem;
   height: calc(2.6rem + 2px);
   width: 100%;
 }
 ._formpage { padding-top: 11rem; }
 ._form-content .datetime_date, ._form-content .datetime_time { width: 49.5%!important; }
 ._form-content .form-sr-only { display: none; }
 ._form-content ._submit {
   margin-top: 2rem;
   max-width: 100%;
   padding: 1.2rem 2.4rem;
   border-radius: 1.75rem 1.75rem 0 1.75rem;
   line-height: 1.3;
   font-weight: 500;
   text-decoration: none;
   background-color: #FD8B4C;
   color: #fff;
   border-color: transparent;
 }
 ._form-content ._submit:hover { box-shadow: 2px 8px 6px rgba(0,0,0,0.16); cursor: pointer; }
 ._form-content ._row input[type="checkbox"],
 ._form-content ._row input[type="radio"]{
   outline: 1px solid #DCDCDC;
   transition: 0.5s;
 }
 ._form-content input[type=checkbox]:checked,
 ._form-content input[type="radio"]:checked{ 
 transition: 0.5s;
 background-color: #62C8A0;
 border-color: #ffffff;
 outline: 1px solid #62C8A0;
 }
 ._form-content ._row input[type="checkbox"],
 ._form-content ._row input[type="checkbox"]:checked,
 #_form_18_ ._row input[type="radio"],
 #_form_18_ ._row input[type="radio"]:checked
 {
 margin-right: 0.5rem;  
 width: 1.2rem;
 height: 1.2rem;
 appearance: none;
 -webkit-appearance: none;
 border: 2px solid #ffffff;
 border-radius: 0.2rem;
 }
 ._row._checkbox-radio { display: flex; align-items: flex-start; }
 ._form-content ::placeholder, .datetime_date, .datetime_time, .date_field{ color: #717171; }
 ._field-wrapper.listbox select { height: 100%; padding-bottom: 0; overflow: hidden; }
 ._field-wrapper.listbox select option:focus-visible,
 ._field-wrapper.listbox select option:checked { background-color: #f4f5f7; color: #717171; }
 ._field-wrapper ._error-inner { color: red; }
 ._field-wrapper textarea:last-child { min-height: 20vh; }
 .notfound-block { margin: auto; }

/* Extra from Nick */
.input-text, .form-control, select { border-radius: 14px!important; }
.form .form-discount  { display: flex; justify-content: space-between; }
.input-text, .form-control, .form-shipping-address .select{ border-radius: 14px!important; }
#customer-email-fieldset, #customer-email-fieldset .actions-toolbar { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
#customer-email-fieldset .actions-toolbar {align-items: center; }
#customer-email-fieldset .field.required, .choice.field { width: 100%; }
#customer-email-fieldset .field._required { width: 49%; }
.form-shipping-address input:read-only, .fieldset-content input:read-only,.form-billing-address input:read-only { background-color: #f1f1f1; }
.form-shipping-address .choice.field label { margin-left: 0.7rem; }
.checkout-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field { margin: 0 0 0.2rem; }


.one-step-checkout-wrapper .step-title { font-size: 1.3rem; font-weight: 800; color: #634594; padding: 15px 30px; background: #f3f3f3; border-radius: 14px 14px 0 0; padding: 1rem 2.3rem; }
.one-step-checkout-wrapper .opc-block-summary,
.one-step-checkout-wrapper .opc-block-address,
.one-step-checkout-wrapper .opc-block-overview
{ background-color: #fff; border-radius: 0 0 14px 14px; margin-bottom: 2rem; }
.one-step-checkout-wrapper .table-totals th{ background-color: #fff; border-top: 0; }
.one-step-checkout-wrapper .btn-secondary-green { margin: 3rem 0; float: right; width: 100%; }
a.edit-quote { background: none; box-shadow: none; color: #DC99DA; padding: 0; border-radius:0; margin: 0 0 0 2.5rem; }

@media screen and (max-width:972px) {
.form.form-discount { display: block; }
}


/*30-03-2024 New quote style*/
.quoteextension-index-index .authentication-wrapper{display:none;}
.quoteextension-index-index .authentication-dropdown .modal-inner-wrap .modal-content, .quoteextension-index-index .authentication-dropdown .modal-inner-wrap .modal-header, 
.quoteextension-index-index .authentication-dropdown .modal-inner-wrap .modal-content .block-customer-login {border:none;}
.quoteextension-index-index .authentication-wrapper > button{display:none;}
.quoteextension-index-index .opc-block-address.step-content, div#checkout-step-shipping{border:none}
.quoteextension-index-index .opc-progress-bar{font-size: 1.4rem; font-weight: 600; margin-bottom: 2.2rem; position:relative; color:#634594;padding-left: 0;background: url(../images/step-navigator-devider-bg.png) center center repeat-x}
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item {}
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._active {}
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item {position: relative; display: flex; width: 100%; justify-content: center;}
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item > span {position: relative; background: white; padding: 0 10px;}
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item > span > span{position: relative; z-index: 2;opacity: 20%;font-weight: 800;}
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._complete > span > span,
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._active > span > span{opacity: 100%;}
/*.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item:before{content:""; display:inline-block; width:50px; height:3px; background:grey; margin-right: 22px;}*/
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._active:before{opacity:20%}
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item:nth-of-type(odd) > span:after{opacity: 20%;content: ""; display: inline-block; width: 1.5rem; height: 1.5rem; background-color: #dc99da; color: transparent; border-radius: 20px;
position: absolute; left: 0; bottom: 8px; z-index: 0;}
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item:nth-of-type(even) > span:after{opacity: 20%;content: ""; display: inline-block; width: 1.5rem; height: 1.5rem; background-color: #cadee9; color: transparent; border-radius: 20px;
position: absolute; left: 0; bottom: 8px; z-index: 0;}
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._complete:nth-of-type(odd) > span:after,
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._complete:nth-of-type(even) > span:after,
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._active:nth-of-type(odd) > span:after,
.quoteextension-index-index .opc-progress-bar .opc-progress-bar-item._active:nth-of-type(even) > span:after {opacity: 100%;}
.quoteextension-index-index .step-title{font-size: 1.8rem;font-weight: 800; color: #634594; padding: 15px 30px; background: #f3f3f3; border-radius: 18px; margin-bottom: 18px;}
.quoteextension-index-index .field>.label, .quoteextension-index-index .fieldset>.field>.label, .quoteextension-index-index .fieldset>.fields>.field>.label,.quoteextension-index-index .note{padding-left:24px;}
.quoteextension-index-index .note{padding-top:20px}

.quoteextension-index-index .actions-toolbar .primary:hover{cursor:pointer}
.quoteextension-index-index .actions-toolbar .action.login.primary,.quoteextension-index-index .actions-toolbar .button.action.continue.primary,
.quoteextension-index-index .actions-toolbar button.action.primary.checkout{background: #FD8B4C; box-shadow: 0px 4px 5px rgba(0,0,0,0.16); border: 1px solid transparent;
color: #fff; max-width: 100%; padding: 1.2rem 2.4rem; border-radius: 1.75rem 1.75rem 0 1.75rem; line-height: 1.3; font-weight: 500; text-decoration: none;}
.quoteextension-index-index .actions-toolbar .action.login.primary:hover,.quoteextension-index-index .actions-toolbar .button.action.continue.primary:hover,
.quoteextension-index-index .actions-toolbar button.action.primary.checkout:hover{background-color: #FD8B4C;color: #fff;
border-color: transparent;box-shadow: 2px 8px 6px rgba(0,0,0,0.16);}

.quoteextension-index-index .table-checkout-shipping-method td.col.col-method:nth-of-type(1),.quoteextension-index-index .table-checkout-shipping-method th.col.col-method:nth-of-type(1),
.quoteextension-index-index .table-checkout-shipping-method thead .row{display:none;}
.quoteextension-index-index .table-checkout-shipping-method .col.col-price{order:3; text-align:right; padding-right:60px;}
.quoteextension-index-index .table-checkout-shipping-method .col.col-method{order:2}
.quoteextension-index-index .table-checkout-shipping-method .col.col-carrier{padding-left: 39px;}
.quoteextension-index-index .table-checkout-shipping-method tbody .row{border: 1px solid #bbbbbb; border-radius: 14px; padding: 10px; margin: 0px 0px 14px 0px; font-size: 1.1rem;}
.quoteextension-index-index .table-checkout-shipping-method input[type="radio"]:checked{background: #f7fcfa; border: 1px solid #65c9a2 !important;}

.quoteextension-index-index .form.payments hr {display:none;}
.quoteextension-index-index .form.payments .legend span{display:none}

.quoteextension-index-index .opc-block-summary, .quoteextension-index-index .opc-block-summary .mark{background:#FFF;}
.quoteextension-index-index .opc-block-summary .mark{border-top:none;}
.quoteextension-index-index .opc-block-summary .grand.totals.excl{display:none}
.quoteextension-index-index .opc-sidebar .modal-content {border: 1px solid #dee2e6; border-radius:20px}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content {
    border: none;
    border-radius: 0;
    padding: 0 0 0 3.9vw
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content {
        padding:0 0 0 0
    }
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .opc-block-summary {
    border: 1px solid #dee2e6;
    border-radius: 10px;
    padding: 0
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .opc-block-summary .step-title {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2.3rem;
    padding-right: 2.3rem;
    margin-bottom: 0
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .opc-block-summary .step-title {
        padding-left:1.6rem;
        padding-right: 1.6rem
    }
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .opc-block-summary .step-content {
    padding-left: 2.3rem;
    padding-right: 2.3rem
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .opc-block-summary .step-content {
        padding-left:1.6rem;
        padding-right: 1.6rem
    }
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .actions-toolbar .primary.disabled {
    cursor: default
}

.quoteextension-index-index .opc-sidebar.opc-summary-wrapper .modal-content .actions-toolbar .primary.disabled button.button {
    opacity: 0.6;
    pointer-events: none
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice .field-title,.quoteextension-index-index .checkout-information-email div.field.choice .field-title,.quoteextension-index-index .checkout-information-shipping div.field.choice .field-title {
    color: #634594
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice>input[type="checkbox"],.quoteextension-index-index .checkout-information-email div.field.choice>input[type="checkbox"],.quoteextension-index-index .checkout-information-shipping div.field.choice>input[type="checkbox"] {
    display: none
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice>.label,.quoteextension-index-index .checkout-information-email div.field.choice>.label,.quoteextension-index-index .checkout-information-shipping div.field.choice>.label {
    padding-left: 20px;
    line-height: 1.2rem
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice>.label:before,.quoteextension-index-index .checkout-information-email div.field.choice>.label:before,.quoteextension-index-index .checkout-information-shipping div.field.choice>.label:before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(../Magento_Checkout/css/img/checkbox-ico.png);
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice>input[type="checkbox"]:checked+.label:before,.quoteextension-index-index .checkout-information-email div.field.choice>input[type="checkbox"]:checked+.label:before,.quoteextension-index-index .checkout-information-shipping div.field.choice>input[type="checkbox"]:checked+.label:before {
    background-position: -17px 0
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field.choice>.label,.quoteextension-index-index .checkout-information-email div.field.choice>.label,.quoteextension-index-index .checkout-information-shipping div.field.choice>.label {
    position: relative
}

.quoteextension-index-index .checkout-information-email .field.choice,.quoteextension-index-index .checkout-information-email .field-error {
    padding-left: 24px
}

.quoteextension-index-index .checkout-information-email .field-error {
    color: red;
    font-size: 0.8rem
}

.quoteextension-index-index .opc-block-summary .table {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-block-summary .table {
        margin-top:1rem;
        margin-bottom: 1rem
    }
}

.quoteextension-index-index .opc-block-summary .table tbody tr td,.quoteextension-index-index .opc-block-summary .table tbody tr th {
    padding: .35rem 0
}

.quoteextension-index-index .opc-block-summary .table tbody tr .mark {
    font-weight: normal;
    vertical-align: middle;
    padding-left: 0
}

.quoteextension-index-index .opc-block-summary .table tbody tr .mark span.label+span.value {
    font-size: 0.7rem;
    color: #dcdcdc;
    margin-left: 4px
}

.quoteextension-index-index .opc-block-summary .table tbody tr .amount {
    vertical-align: middle;
    text-align: right;
    padding-right: 0
}

.quoteextension-index-index .opc-block-summary .table tbody tr.devider td {
    padding: .25rem 0
}

.quoteextension-index-index .opc-block-summary .table tbody tr.devider td::before {
    display: block;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #dcdcdc
}

.quoteextension-index-index .opc-block-summary .table tbody tr.grand.totals.incl {
    border-top: 0
}

.quoteextension-index-index .opc-block-summary .summary-edit-cart {
    margin-bottom: 2.3rem
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-block-summary .summary-edit-cart {
        margin-bottom:1.6rem
    }
}

.quoteextension-index-index .step-title {
    border-radius: 10px;
    margin-bottom: 12px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2.3rem;
    padding-right: 2.3rem
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .step-title {
        font-size:1.2rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}

.quoteextension-index-index .table-checkout-shipping-method tbody .row {
    padding: 7px 10px 7px 0;
    margin: 0px 0px 10px 0px
}

.quoteextension-index-index .opc .step-content .table-checkout-shipping-method .col.col-carrier {
    padding-left: 2.3rem
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc .step-content .table-checkout-shipping-method .col.col-carrier {
        padding-left:0.8rem;
        padding-right: 0.8rem
    }
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc .step-content .table-checkout-shipping-method .col {
        padding-left:0.8rem;
        padding-right: 0.8rem
    }
}

.quoteextension-index-index .opc-wrapper {
    padding-right: 1.2vw
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-wrapper {
        padding-right:0
    }
}

.quoteextension-index-index .opc-progress-bar {
    margin-top: 0.75vw;
    margin-bottom: 2.5vw
}

@media screen and (max-width: 961px) {
    .quoteextension-index-index .opc-progress-bar span span {
        font-size:1rem
    }
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap {
    border-radius: 1vw;
    width: 46%
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-header {
    background: transparent;
    padding-left: 2rem
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-header .modal-title {
    text-align: left;
    line-height: 3.5rem;
    color: #634594;
    font-weight: 800
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content {
    margin: 0 2rem;
    padding: 0
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset {
    margin: 0
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field {
    margin: 0 0 .5rem
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field label.label {
    padding-left: 1.2rem;
    font-size: 0.8rem
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field input.input-text {
    padding: .6rem 1.2rem;
    height: calc(2.6rem + 2px);
    border-color: rgba(220, 220, 220, 1)
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field input.input-text[readonly="true"] {
    pointer-events: none;
    cursor: default;
    border-color: rgba(220, 220, 220, 0.5)
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field select.select {
    border-radius: 2.1rem;
    height: calc(2.6rem + 2px);
    padding: .6rem .8rem;
    font-size: 0.8rem
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field._required>label>span::after {
    display: inline-block;
    content: "*";
    margin-left: 5px;
    color: #DB99D9
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.message.success {
    color: green
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.mage-error,.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.message.warning,.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field-error {
    color: red
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.mage-error,.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.field-error,.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.message.warning,.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset div.message.success,.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset label.error {
    padding-left: 1.2rem;
    font-size: 0.8rem
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset fieldset.field {
    margin: 0;
    overflow: hidden
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset fieldset.field .control {
    margin: 0 -5px
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset fieldset.field .control div.field {
    padding: 0 5px
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset fieldset.field .control div.field .control {
    margin: 0
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-content .fieldset fieldset.field._error div.field {
    margin-bottom: 0
}

.quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-footer {
    padding: 1.5rem 2rem
}

.quoteextension-index-index span#block-discount-heading span:before {
    display: inline;
    content: '>';
    margin-right: 5px
}

.quoteextension-index-index span#block-discount-heading {
    color: #DC99DA;
    text-decoration: none;
    cursor: pointer
}

@media screen and (max-width: 991px) {
    body.quoteextension-index-index .opc-wrapper,body.quoteextension-index-index .opc-sidebar {
        width:100%;
        float: none
    }

    .modal-popup .modal-inner-wrap {
        margin: 1rem auto
    }

    .quoteextension-index-index .opc-address-modal.modal-popup .modal-inner-wrap .modal-footer {
        padding: .75rem 2rem 1rem
    }
}


.ec-gtm-cookie-directive:not(:has(.action.accept)) {
    opacity: 0;
}


.option-item, .option-label, .option-item .d-flex {
    height: 100%!important;
}

.options-grid.row>[class^="col"]>.option-label>.option-item .caption {
    height: auto;
}

/*CUSTOMPAGES */

.pz-spacer-sm { margin-bottom: 3rem; }    
.pz-spacer-md { margin-bottom: 10rem; } 
.pz-spacer-lg { margin-bottom: 12rem; }

.pz-radius-md { border-radius: 0.7rem; }
.pz-radius-lg { border-radius: 1.4rem; }

.pz-color-purple { color: #634594; }
.pz-color-white { color: #ffffff; } 
.pz-color-l-gray { color: #DCDCDC; }
.pz-bg-lightblue { background-color: #EFF4F7; }

.pz-block-image { background-size: cover; background-position: center; }
.pz-t-white { h1 { color: #ffffff;} span { color: #DCDCDC;} h3 { color: #ffffff; } }

.pz-block-image { padding-bottom: 50vh; }

.pz-form { margin-top: -10vh; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; min-height: 550px; padding: 3rem; }
.pz-block-lg { border-radius: 1.4rem; background-color:#ffffff;;}
.pz-forms-usp { margin-top: 2rem;}
.pz-block-hero-lg, .pz-block-hero-form, .pz-block-hero-form-no { padding: 230px 0; }
.pz-block-hero-md { padding: 150px 0; }
.pz-block-hero-sm { padding: 50px 3rem; }
.pz-block-image { padding-bottom: 40%; }
.w-40 { width: 40%;}
.btn-gr { background-color: #62C8A0; color:#ffffff!important; }
.btn-p { background-color: #634594; color:#ffffff!important; }
.cta-btn { white-space: nowrap; align-self: center; margin-top: 1rem; padding: 1rem 2rem; border-radius: 5px; text-decoration: none; width: fit-content; margin: 0 auto; }
.pz-block-fw::before { content: ""; position: absolute; width: 100vw; padding-bottom: 41%; margin-top: 3rem; z-index: -1; background-color: #EFF4F7; }
.pz-image-cover { background-size: cover; background-position: center; }
.usp-horizontal { justify-content: center; }
.pz-block-image-grid:nth-child(odd) { margin-right: 3rem;}
.pz-grid-image { width: calc(25% - 0.75rem); padding-bottom: calc(25% - 0.75rem) }
.pz-block-image-grid { width: calc(50% - 1.5rem); padding: 15% 4rem ;}

.pz-usp-ul { padding-left: 0; }
.pz-usp-ul li:before { content: ""; background-image: url('/media/wysiwyg/pz-uspcheck.png'); background-size: contain; background-repeat: no-repeat; width: 1.5rem;  height: 1.5rem;  margin: 0 0.5rem 0 1.5rem;  }
.pz-usp-ul li {  display: flex; align-items: center; margin-right:1.5rem; }
.pz-forms-usp li { margin-bottom: 1rem; }
.form-control.staffFilter { border-radius: 0 1.66rem 1.66rem 0!important; }
.filterLeft { display: grid; }
.pz-forms-usp { margin-top: 5rem; }
.pz-block-fw::before + .pz-block-cta-image .pz-block-cta {  margin-top: 3rem; }
.pz-usp-ul.usp-horizontal { font-weight: 600;  font-size: 1.2rem;  color: #453572; }


@media screen and (min-width: 992px) {
  .pz-lr { padding-left: 7rem; padding-right: 7rem;}
  }
  
@media screen and (max-width: 991px) {
  .pz-forms-double { width: 95%; margin: auto; }
  .pz-forms-double .pz-forms-usp { padding: 0 1rem; padding-left: 2rem; margin-top: 5rem; }
  .w-40 { width: 90%; }
  .pz-form { margin-top: -50vh; min-height: 450px; }
  .pz-block-hero-form { padding: 10vh 1rem 60vh 1rem; }
  .pz-block-hero-form-no { padding: 14vh 1rem; }
  .pz-block-image { padding-bottom: 80%; }
  .pz-block-fw::before { padding-bottom: 100vh; }
  .pz-fw-m-last::before { padding-bottom: 80vh!important; }
  .pz-block-cta { margin: 5rem 0; }
  .pz-block-hero-lg { padding: 28% 2rem; }
  .pz-block-hero-md { padding: 20% 2rem; }
  .pz-block-hero-sm { padding: 15% 5%; }
  .pz-block-hero-sm .cta-btn { display: none; }
  .usp-horizontal { justify-content: center; }
  .pz-block-image-grid { width: 100%; margin: 1.25rem!important; }
  .pz-spacer-md { margin-bottom: 4rem; }
  .pz-spacer-sm { margin-bottom: 1rem; }
  .pz-spacer-lg { margin-bottom: 7rem; }
  .cta-btn { margin-top: 3rem!important; }
  .pz-grid-image { width: calc(50% - 0.75rem); padding-bottom: calc(50% - 0.75rem); margin-bottom: 1.5rem; }
  .form-control.staffFilter { border-radius: 1.66rem!important; }
  .pz-usp-ul li { margin-right: 0.5rem; }
}

.pz-scroll-container {  width: 100%;  overflow: hidden; }
.pz-scroll-content {  display: flex;  justify-content: flex-start;  align-items: center;  width: 200%; }
.pz-usp-ul.pz-ul-scroll  { display: flex; flex-wrap: nowrap; list-style-type: none; padding: 0; margin: 0; animation: scroll 15s linear infinite; }
.pz-usp-ul.pz-ul-scroll li {  padding: 0 20px;   white-space: nowrap;  font-weight: 600;  font-size: 1.2rem;  color: #453572; }

@keyframes scroll {
  0% {     transform: translateX(0);  }
  100% {   transform: translateX(-50%);  }
}

@media screen and (max-width: 991px) {
    .nav-main-list { overflow-x: hidden; }
    .submenu-dropdown .submenu li.parent>a:after { right: 1.5rem;}
    .submenu-body .submenu, .submenu.d-flex { flex-wrap: nowrap; flex-direction: column!important; }
    .submenu-dropdown .submenu, .submenu-dropdown .submenu .flexed { max-height: none; }
    .submenu-dropdown .submenu .parent { margin-bottom: 0.5rem !important; }
}

.lac-notification-sticky .top-container { display: flex; flex-direction: column; align-items: center; }
.lac-notification-text { text-align: center; }
.lac-notification { width: 20rem; z-index: 6; position: fixed!important; bottom: 0!important; margin: 0 0 1rem 1rem; padding: 1rem; background-color: #ffffffb8; border-radius: 1rem; box-shadow: 0px 6px 10px rgb(0 0 0 / 16%); }
.lac-notification-icon {display: none; }
.lac-notification-links { margin: 1.5rem 0 0.5rem 0; }
.lac-notification-links a { max-width: 100%; padding: 0.8rem 2rem; border-radius: 10px; line-height: 1.3; font-weight: 500; text-decoration: none!important; background: #FD8B4C; box-shadow: 0px 4px 5px rgba(0,0,0,0.16); color: #ffffff; }
.gender-size { width: 100%!important; }
.genderSizes .selected-gender { height: 1.2rem; }
.easycatalogimg-grid,
.scroll-left,
.scroll-right {
  visibility: hidden;
}


.actions-toolbar label.label>span {
    padding-left: 21px !important;
}

.actions-toolbar label.label {
    margin-top: 10px !important;
}

input.required-captcha.checkbox {
	display: none;
}

.delivery-table tbody tr td label input[type="radio"]:checked + span {
	border: 1px solid #62C8A0;
	/*margin: -0.05rem;*/
	margin: -1.05rem;
}
.delivery-table tbody tr td label {
	white-space:nowrap;
}
.delivery-table {
	background-color: #ffffff; 
}
.delivery-table.active tbody td span.catalog-price-incl {
	/*margin: 3px -12px;*/
	white-space: nowrap; 
	left: 0!important;
}
.catalog-price-incl {
	text-align: left; padding-left: 0.5rem;
}

@media screen and (max-width: 991px) {
    .product-options-bottom .block-content .priceTable {  
	overflow-x: scroll;  
	}
    .delivery-table.active tbody td span.catalog-price-incl {  
	margin: 3px -8px;  
	}
}

.showImage img {
    max-height: 150px!important;
   width: auto!important;
}
.cart-container .table-wrapper form  {
    text-align: center;
}
.cart-container .table-wrapper .download-link { 
  display: none; 
}

.dashboard-detail .order-detail-cart-table .option-row img {
    object-fit: contain;
    max-height: 175px!important;
}

.submenu .px-0 > a:not(:has(+ ul)) {
    font-weight: 100!important;
}
.modal-footer button {
    display: block!important;
}
.qtyTable .qty-wrapper .catalog-price-incl {
   text-align: right!important;
}
.easycatalogimg .easycatalogimg-listing {
   overflow-x: hidden;
}