@font-face{
    font-family: 'Pathway Gothic One';
    src: url("../../fonts/PathwayGothicOne.woff");
}

@font-face{
    font-family: 'Open Sans';
    src: url("../../fonts/OpenSans-Regular.woff");
}

@font-face{
    font-family: 'Open Sans';
    src: url("../../fonts/OpenSans-Italic.woff");
    font-style: italic;
}

@font-face{
    font-family: 'Open Sans';
    src: url("../../fonts/OpenSans-Bold.woff");
    font-weight: bold;
}

@font-face{
    font-family: 'OstrichSans Black';
    src: url("../../fonts/OstrichSans-Black.woff");
}

@font-face{
    font-family: 'OstrichSans Medium';
    src: url("../../fonts/OstrichSans-Medium.woff");
}

@font-face{
    font-family: 'BlackJackRegular';
    src: url("../../fonts/blackjack.woff");
}

html{
    -webkit-font-smoothing: antialiased;
}

body{
    line-height: 24px;
}

h1,
h2,
h3,
h4{
    text-transform: uppercase;
    line-height: 1.4em;
    font-weight: normal;
    margin: 0;
}

h1,
h2{
    line-height: 1;
}

.h1-holder,
.html-wrapper h1{
    padding-top: 13px;
    margin-bottom: 6px;
}

.h1-holder h1{
    display: inline;
}

.h1-holder .additional{
    margin-left: 56px;
}

.h1-link{
    float: right;
}

.combined-description{
    padding-bottom: 10px;
}

.font-lowercase{
    text-transform: lowercase;
}

a{
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

button{
    outline: none;
}

button::-moz-focus-inner{
    border: 0;
    padding: 0;
}

textarea{
	resize: none;
}

.tbx textarea {
    height: 50px;
    width: 98%;
    background: #eee;
    border-color: #eee;
}

sup{
    top: -0.7em;
    font-size: 50%;
}

img{
    max-width: 100%;
}

.hide{
	display: none !important;
}

.invisible{
    visibility: hidden;
}

.clearfix:before,
.clearfix:after{
    display: table;
    content: " ";
}

.clearfix:after{
    clear: both;
}

header{
    position: fixed;
    width: 100%;
    z-index: 2;
}

.text-left{
    text-align: left;
}

.text-center{
    text-align: center;
}

.text-right{
    text-align: right;
}

.no-script{
    margin: 0;
}

.content{
    position: relative;
    top: 200px;
    z-index: 1;
}

.content.animate{
    top: 200px;
}

.bluegrey{
    background: #9fbfb4;
}

.center-1000{
    margin: 0 auto;
    max-width: 1000px;
    position: relative;
}

.quote{
    color: #323232;
    background-image: url(../../files/icons/quote@2x.png);
    background-size: 6%;
    background-repeat: no-repeat;
}

.testimonials-list .quote{
    background: none;
}

.testimonials-list .quote-desc{
    font-size: 16px;
    font-style: normal;
}

.testimonials-list .testimonials img.quote-img.fr-tag.fr-fin{
    display: block;
    margin: 0 auto 20px auto;
    max-width: 100%;
    width: auto;
    padding: 0;
}

img.quote-img.fr-tag.fr-fin{
    width: 30%;
    padding: 5% 0 0 0;
    display: block;
    margin: 0;
}

.quote-desc{
    /*font-family: 'Lato';*/
    font-style: italic;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.5px;
}

.quote-author{
    letter-spacing: 1px;
    font-weight: 900;
    font-size: 10px;
    margin: 15px 0 0 0;
}

.quote-unit{
    letter-spacing: 0.2px;
    font-size: 12px;
}

.center{
    margin: 0 auto;
    max-width: 1000px;
}

footer .center{
    max-width: 1000px;
}

footer .columns-general{
    margin: 0;
    width: 100%;
}

.center:before,
.center:after{
    content: " ";
    display: table;
}

.center:after{
    clear: both;
}

.ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btn-icon-left.btn-big{
    padding: 0 54px 0 73px;
}

.btn-icon-left.btn-medium{
    padding: 0 40px 0 55px;
}

.btn-icon-right.btn-big{
    padding: 0 73px 0 54px;
}

.btn-icon-right.btn-medium{
    padding: 0 55px 0 40px;
}

.product-action .wishlist-add-to-basket{
    display: table;
    margin: auto;
    min-width: 60px;
    line-height: 34px;
}

.variant-quantity-holder{
    display: inline-flex;
}

.add-to-wishlist-cnt, .select-variants,
.simple-product-add, .variant-product-add{
    display: table-cell;
    vertical-align: middle;
}

.add-to-wishlist-cnt .hyp-add-to-wishlist{
    display: inline-block;
    width: 15px;
    height: 14px;
    background-image: url(../../files/icons/favorite@2x.png);
    background-size: 15px 14px;
}

.select-variants .btn,
.simple-product-add .btn{
    display: inline-block;
    line-height: 14px;
    padding: 0;
    background: none;
    border: none;
    overflow: visible;
    line-height: 35px;
}

.variant-product-add .btn:hover,
.simple-product-add .btn:hover {
    background: none;
    border: none;
}

.select-variants .btn .btn-cnt,
.simple-product-add .btn .btn-cnt {
    display: inline-block;
    width: 14px;
    height: 14px;
}

.select-variants .btn:not(.no-icon) .btn-cnt:before,
.simple-product-add .btn:not(.no-icon) .btn-cnt:before{
    background-image: url(../../files/icons/cart-yellow@2x.png);
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    left: 0;
}

.checkout-h1 {
    text-align: center;
    margin-top: 30px;
}

.checkout-ordersubmit-page .checkout-h1 {
    margin-top: 30px;
}

.video-container-wrapper .btn{
    width: 100%;
    padding: 0 18px;
    margin: 0 0 42px 0;
}

.checkout-h1 h1,
.one-step-checkout-header h2 {
    font-size: 28px;
}

.basket-steps {
    display: flex;
    border-radius: 40px;
    border: 1px solid #9fbfb4;
    margin: 30px 0;
}

.basket-step{
    display: inline-flex;
    border-radius: 40px;
    width: 20%;
    height: 36px;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
    color: #9fbfb4;
}

.basket-step-1 .basket-step:nth-child(1),
.basket-step-2 .basket-step:nth-child(2),
.basket-step-3 .basket-step:nth-child(3),
.basket-step-4 .basket-step:nth-child(4),
.basket-step-5 .basket-step:nth-child(5){
    background: #9fbfb4;
}

.basket-step-1 .basket-step:nth-child(1) a,
.basket-step-2 .basket-step:nth-child(2) a,
.basket-step-3 .basket-step:nth-child(3) a,
.basket-step-4 .basket-step:nth-child(4) a,
.basket-step-5 .basket-step:nth-child(5) a{
    color: #fff;
}

.basket-step-holder{
    margin: auto;
}

.multi-address-question{
    text-align: center;
}

.btn {
    border: none;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    box-sizing: border-box;
    height: 35px;
    line-height: 34px;
    padding: 0 40px 0 14px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 40px;
    letter-spacing: 2px;
}

.btn.btn-gray{
    background: #9b9b9b;
}

.btn.btn-gray.no-icon{
    padding-left: 30px;
    padding-right: 30px;
}

.btn:not(.no-icon) .btn-cnt:before{
    content: '';
    position: absolute;
    width: 27px;
    height: 35px;
    background: url(../../files/icons/next@2x.png) center center no-repeat;
    background-size: 20px auto;
}

.order-box .btn.btn-add-to-basket:not(.no-icon) .btn-cnt:before{
    content: '';
    position: absolute;
    width: 27px;
    height: 44px;
    background: url(../../files/icons/cart@2x.png) center center no-repeat;
    background-size: 16px auto;
}

.order-box .ui-selectmenu-menu{
    display: block;
    position: static !important;
    margin: 0 0 20px 0;
}

.order-box .ui-selectmenu-button, .order-box .ui-menu{
    background: none;
    border: none;
}


.order-box .ui-selectmenu-button{
    visibility: hidden;
}

.order-box .ui-selectmenu-button .ui-selectmenu-text{
    padding: 0;
    line-height: 0;
}

.order-box .ddlb{
    height: auto;
}

.order-box .ui-selectmenu-menu .ui-menu .ui-menu-item{
    display: inline-block;
    padding: 0 15px;
    line-height: 20px;
    border-radius: 3px;
    border: 1px solid;
    margin: 0 10px 10px 0;
    font-size: 12px;
    min-width: 85px;
}

.order-box .ui-menu-item.ui-state-focus{
    background-color: #fff;
}

.order-box .ui-selectmenu-menu .ui-menu{
    max-height: none;
    width: 100% !important;
    border: none;
}

.variants-slider{
    position: relative;
    padding: 9px 0;
}

.variants-bar{
    width: 100%;
    height: 2px;
    background: #9b9b9b;
}

.variants-pointer{
    border: 2px solid;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    position: absolute;
    top: 0;
    background-color: #fff;
    cursor: pointer;
    /*-webkit-transition: left .2s;
    transition: left .2s;*/
}

.btn.btn-back:not(.no-icon) .btn-cnt:before{
    background: url(../../files/icons/back@2x.png) center center no-repeat;
    background-size: 20px auto;
}

.btn.btn-footer-email .btn-cnt:before{
    background: url(../../files/icons/btn-icon-arrow.png) center center no-repeat;
    width: 20px;
    height: 20px;
    background-size: 8px 12px;
    left: 0;
}

.btn.btn-discount .btn-cnt:before {
    background: url(../../files/icons/arrow-right@2x.png) center center no-repeat;
    width: 20px;
    height: 20px;
    background-size: 6px 9px;
    left: 0;
}

.btn-small{
    height: 30px;
    line-height: 30px;
    padding-right: 14px;
}

.btn-small .btn-cnt:before{
    display: none;
}

.btn-medium{
    height: 40px;
    line-height: 40px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding: 0 40px;
}

.btn.btn-medium.no-icon{
    padding: 0 40px;
}

.btn.btn-medium .btn-cnt:before{
    width: 30px;
    height: 40px;
    background-size: 16px auto;
    margin-left: -30px;
}

.btn-big{
    height: 45px;
    line-height: 45px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding: 0 54px;
    font-weight: 900;
}

.btn-big.btn-print-id {
    font-weight: 500;
}

.btn-print-id .btn-id{
    font-weight: 900;
}

.btn.btn-big.btn-icon-left .btn-cnt:before,
.btn.btn-big.btn-icon-right .btn-cnt:before{
    width: 38px;
    height: 45px;
}

.btn.btn-big.btn-icon-left .btn-cnt:before{
    margin-left: -38px;
}

.btn.btn-big.btn-icon-left.btn-back .btn-cnt:before{
    margin-left: 38px;
    left: 0;
}

.btn.btn-big.btn-icon-right .btn-cnt:before{
    width: 38px;
    height: 45px;
    margin-right: 38px;
    right: 0;
}

.btn.btn-big.btn-icon-right-corner .btn-cnt:before{
    width: 38px;
    height: 45px;
    margin-right: 10px;
    right: 0;
}

.btn.btn-add-address{
    padding: 0 54px;
}

.btn.btn-add-address:not(.no-icon) .btn-cnt:before{
    background: url(../../files/icons/add-icon.png) center center no-repeat;
    background-size: 20px auto;
    left: 20px;
}

a.btn:hover{
    text-decoration: none;
}

.btn.no-icon{
    padding-right: 14px;
}

.btn-big.no-icon{
    padding-right: 18px;
}

.btn.no-icon:after,
.btn.no-icon .btn-cnt:after{
    display: none;
}

.btn-disabled{
    cursor: default;
    pointer-events: none;
    text-shadow: none;
}

.btn.btn-disabled .btn-cnt:after{
    background: url(../../files/icons/btn-icon-arrow-disabled.png) center center no-repeat;
}

.btn-load-more:after{
    background-image: url(../../files/icons/btn-icon-rev-bg.png);
}

.btn-load-more .btn-cnt:after{
    background-image: url(../../files/icons/btn-icon-arrow-down.png);
}

.btn-load-more.loading{
    cursor: default;
    pointer-events: none;
}

.btn-load-more.loading .btn-cnt:after{
    background-image: url(../../files/icons/btn-loading.gif);
}

.font-btn{
    text-transform: uppercase;
}

.btn-back,
.btn-cancel{
    background: none;
    border: none;
    display: inline-block;
    vertical-align: middle;
}

.btn-back:hover,
.btn-cancel:hover{
    text-decoration: none;
}

.btn-plus{
    padding: 0 14px 0 40px;
}

.btn-plus:after{
    background: url(../../files/icons/_btn-icon-bg.png) right bottom no-repeat;
    left: 0;
}

.btn-plus .btn-cnt:after{
    background-image: url(../../files/icons/increase.png);
    left: 0;
}

.btn-show-hide{
    width: 25px;
    height: 25px;
    padding: 0;
}

.btn-show-hide:after{
    display: none;
}

.btn-show-hide:before{
    background-image: url(../../files/icons/increase.png);
    margin-top: -5px;
    margin-left: -5px;
    height: 11px;
    width: 10px;
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
}

.expanded > .btn-show-hide:before,
.btn-show-hide.expanded:before{
    background-image: url(../../files/icons/decrease.png);
    height: 3px;
    width: 7px;
    margin-top: -1px;
    margin-left: -3px;
}

.hyp-btn{
    cursor: pointer;
    line-height: 16px;
    vertical-align: top;
}

.hyp-btn:hover{
    text-decoration: none;
}

.hyp-btn:before{
    content: '';
    display: inline-block;
    margin-right: 16px;
    vertical-align: top;
}

.hyp-clear:before,
.hyp-clear-multiaddress:before {
    background: url(../../files/icons/clear.png) no-repeat scroll 0 0 transparent;
    height: 13px;
    width: 11px;
}

.hyp-btn-disabled.hyp-clear:before,
.hyp-btn-disabled.hyp-clear-multiaddress:before {
    background: url(../../files/icons/clear-disabled.png) no-repeat scroll 0 0 transparent;
}

.hyp-update:before,
.hyp-update-multiaddress:before {
    background: url(../../files/icons/refresh.png) no-repeat scroll 0 0 transparent;
    height: 14px;
    width: 12px;
}

.hyp-btn-disabled.hyp-update:before,
.hyp-btn-disabled.hyp-update-multiaddress:before {
    background: url(../../files/icons/refresh-disabled.png) no-repeat scroll 0 0 transparent;
}

.hyp-wishlist:before{
    background: url(../../files/icons/wishlist.png) no-repeat scroll 0 0 transparent;
    height: 12px;
    width: 14px;
}

.hyp-btn-disabled.hyp-wishlist:before{
    background: url(../../files/icons/wishlist-disabled.png) no-repeat scroll 0 0 transparent;
}

.hyp-save:before{
    background: url(../../files/icons/save.png) no-repeat scroll 0 0 transparent;
    height: 12px;
    width: 12px;
}

.hyp-btn-disabled.hyp-save:before{
    background: url(../../files/icons/save-disabled.png) no-repeat scroll 0 0 transparent;
}

.hyp-load:before{
    background: url(../../files/icons/load.png) no-repeat scroll 0 0 transparent;
    height: 13px;
    width: 15px;
}

.btn-like-link{
    background: none;
    border: none;
}

.btn-like-link:hover{
    text-decoration: underline;
}

.semicolumn{
    width: 60%;
}


/*          flexi controls           */
.html-wrapper{
    word-wrap: break-word;
}

.flow-img-tiles .column{
    margin-bottom: 20px;
}
/*          END flexi controls           */


/*          text boxes           */
.tbx,
.tar{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-radius: 3px;
    position: relative;
}

.tbx.tbx-main-search{
    border-radius: 40px 0 0 40px;
    border: none;
}

.tbx.tbx-email-newsletter,
.tbx.tbx-email-newsletter.focused,
.tbx.tbx-promotion,
.tbx.tbx-promotion.focused{
    border-radius: 40px;
    background-color: transparent;
    border: 1px solid #666154;
}

.tbx-main-search + .btn-search{
    border-radius: 0 40px 40px 0;
    background: #fff;
    border-color: transparent;
}

.tbx.tbx-email-newsletter + .btn{
    background: transparent;
    border-color: transparent;
    padding: 0;
    position: absolute;
    top: 0;
    right: 20px;
}

.tbx.tbx-promotion + .btn{
    background: transparent;
    border-color: transparent;
    padding: 0;
    position: absolute;
    top: 5px;
    right: 20px;
}

.tbx.tbx-email-newsletter + .btn:after,
.tbx.tbx-promotion + .btn:after{
    content: none;
}

.tbx.tbx-email-newsletter + .btn .btn-cnt,
.tbx.tbx-promotion + .btn .btn-cnt{
    display: block;
    width: 20px;
    height: 20px;
}

.tbx-main-search + .btn-search:hover,
.tbx-main-search + .btn-search.hover{
    background: #fff;
    border-color: #fff;
}

textarea:focus, input:focus{
    outline: none;
}

.tbx input,
.tar textarea{
    display: block;
    border: 0 none;
    background: transparent;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    padding: 0 18px;
}

.tbx input{
    height: 46px;
}

.tar textarea{
    height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tbx-date{
    padding-right: 19px;
}

.tbx-date:after{
    background: url(../../files/icons/date.png);
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
}

.tbx-date button{
    display:none;
}

.tbx-search input{
    height: 39px;
}

.tbx-search:after{
    background: url(../../files/icons/btn-quickorder-search.png) center center no-repeat;
    content: '';
    width: 40px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.arrow-blue,
.arrow-grey,
.arrow-black,
.arrow-red{
    display: inline-block;
    padding-left: 7px;
	position: relative;
}

.arrow-blue:before,
.arrow-grey:before,
.arrow-black:before,
.arrow-red:before{
    content: '› ';
    display: inline;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 0;
}

.arrow-blue:before{
    color: #1f7bc9;
}

.arrow-grey:before{
    color: #b2b2b2;
}

.arrow-black:before{
    color: #000;
}

.arrow-red:before{
    font-size: 14px;
    color: #323232;
    font-weight: bold;
}

.sign-plus,
.sign-minus{
    padding-left: 10px;
    position: relative;
}

.sign-plus:before{
    content: '+';
    display: inline;
    position: absolute;
    left: 0;
}

.sign-minus:before{
    content: '-';
    display: inline;
    position: absolute;
    left: 0;
}


/*          jquery ui menus            */
.ui-menu .ui-menu-item{
    padding: 0;
    list-style: none;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active{
    margin: 0;
}


/*          loading indicator            */
.loading-indicator{
    box-shadow: 0 0 3px rgba(0,0,0,0.15);
    display: none;
    text-align: center;
}

.main-loading{
	padding: 20px;
	position: fixed;
	margin-left: -100px;
	margin-top: -50px;
	top: 50%;
	left: 50%;
	width: 150px;
	z-index: 1000004;
}

/*          grids           */
.gvi{
    line-height: 20px;
	width: 100%;
}

.gvi td{
    border-width: 0;
    border-style: solid;
    padding: 9px 5px;
    font-size: 12px;
}

 .gvi.gvi-basket-overview td{
     padding: 18px 5px;
 }

.gvi th{
    font-weight: 900;
    padding: 9px 5px;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.2px;
}

.total-cell .price-node{
    font-weight: 900;
}

.gvi-basket tr td,
.gvi-basket-overview tr td{
    position: relative;
}

.filtered-addresses-wrapper .gvi th{
    white-space: normal;
}

.gvi .col-img{
    width: 90px;
}

.gvi .title{
    font-weight: bold;
}

.gvi .product-title-super{
    text-transform: uppercase;
    font-weight: 900;
}

.action-links .hyp{
    line-height: 20px;
}

.action-links .hyp + .hyp{
    margin-left: 10px;
}

.inner-row td{
    border: none;
}

.gvi-name-value td{
    padding: 5px;
    vertical-align: top;
}

.gvi-name-value .name{
    width: 35%;
}

.gvi-represent .customer-name{
    font-weight: bold;
}

/*          product tile            */
.flow-products .product-description{
	margin-bottom: 13px;
}

.product-tile{
    display: table;
    width: 100%;
}

.product-tile .product-img{
    display: table-cell;
    vertical-align: top;
    width: 75px;
}

.product-tile .hyp-thumbnail{
    height: 64px;
    width: 64px;
}

.product-tile .product-info{
    display: table-cell;
    vertical-align: top;
}

.product-tile .product-title{
    display: inline-block;
    font-weight: bold;
    line-height: 16px;
    font-size: 12px;
}

.font-product-title{
    word-break: break-word;
    font-family: 'Lato', sans-serif;
    margin-left: -4px;
}

.product-tile .prices{
    margin-bottom: 7px;
}

.product-tile .lbl-price{
    font-weight: bold;
}

.product-tile .msg-not-available{
    line-height: 35px;
}

.lbl-stock{
    font-weight: bold;
}

/*          top header           */
.top-header{
    box-sizing: border-box;
    display: table;
    padding: 0 10px;
    position: relative;
    width: 100%;
    z-index: 3;
}

.top-header > div {
    display: table-cell;
}

.top-info{
    margin-top: 5px;
    vertical-align: middle;
}

.top-info.phone-icon:before{
    background: url('../../files/icons/phone.png');
    content: '';
    display: inline-block;
    margin-right: 9px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}

.top-header .top-action{
    vertical-align: top;
    text-align: right;
}

.top-action > div{
    text-align: left;
}

.top-action .impersonated .opener{
    width: 218px;
}

.top-dropdown,
.top-hyp{
    display: inline-block;
    vertical-align: middle;
}

.top-dropdown{
    z-index: 14;
    height: 100%;
}

.top-dropdown .summary{
    border-width: 1px;
    border-style: solid;
    display: none;
    position: absolute;
    top: 100%;
    z-index: 11;
}

.top-dropdown:hover{
    margin-top: 0;
    margin-bottom: 0;
}

.top-dropdown:hover .summary{
    display: block;
}

.top-dropdown:hover .opener{
    z-index: 12;
}

.top-dropdown.service{
    width: 44px;
}

.service.top-dropdown .opener:before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto;
}

.service .opener:before{
    content: "";
    display: inline-block;
    background-image: url(../../files/icons/support.png);
    background-size: 19px 20px;
    width: 19px;
    height: 19px;
    vertical-align: middle;
}

.top-dropdown.service a{
    display: block;
    height: 100%;
}

.top-hyp{
    padding: 0 15px;
}

.top-dropdown .opener{
    background: transparent;
    height: 100%;
}

.opener{
    position: relative;
}

/*           language            */
.language.top-dropdown .opener{
    min-width: 44px;
}

.language .flag{
    margin-right: 13px;
}

.language.top-dropdown .opener .flag{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 17px;
}

.language.top-dropdown .summary{
    padding-top: 4px;
    left: -1px;
    min-width: 127px;
}

.language .hyp{
    display: block;
    padding: 0 30px 0 18px;
    line-height: 40px;
    white-space: nowrap;
}

.language .hyp:hover{
    text-decoration: none;
}

.service .hyp{
    display: block;
    padding-left: 20px;
    line-height: 34px;
    font-size: 10px;
    text-transform: uppercase;
}

.service .hyp:hover{
    text-decoration: none;
}

/*          login            */
.fake-btn{
    position: absolute;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    top: 50%;
    -webkit-transform: translate(-23px, -50%);
    transform: translate(-23px, -50%);
    background-color: #323232;
}

.fake-btn:after{
    content: "";
    position: absolute;
    background-image: url(../../files/icons/next@2x.png);
    background-repeat: no-repeat;
    background-size: 25px 23px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 25px;
    height: 23px;
}

.forgot-password-icon{
    background-image: url(../../files/icons/arrow-right@2x.png);
    background-repeat: no-repeat;
    background-size: 5px 8px;
    background-position: right center;
    padding: 0 10px 0 0;
}

.login .opener{
    min-width: 44px;
}

.login .person{
    margin-left: 17px;
    margin-right: 55px;
    vertical-align: middle;
}

.login .user-name{
    font-weight: 900;
}

.login .opener:before{
    background-image: url('../../files/icons/account@2x.png');
    background-size: 19px 19px;
    content: '';
    display: inline-block;
    height: 19px;
    width: 19px;
    vertical-align: middle;
}

.login.top-dropdown .opener:before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto;
}

.impersonated .opener:before{
    background: url('../../files/icons/login-blue.png');
}

.login.top-dropdown .summary{
    width: 180px;
    padding: 0 0 20px 0;
    right: 0;
}

.login .hyp{
    display: block;
    padding-left: 20px;
    line-height: 34px;
    font-size: 10px;
    text-transform: uppercase;
}

.login .hyp:hover{
    text-decoration: none;
}

#loginFailurePage {
    width: 80%;
    margin: 0 auto;
}

.login-failure-message-holder {
    margin-top: 100px;
    background-color: #fff;
    padding: 10px;
}

.login-failure-message-holder p {
    color: #000;
    font-size: 22px;
}

.login-failure-message-holder .msg-block-error{
    border: 3px solid #000;
}

.login-failure-message-holder a {
    font-size: 16px;
    color: #000;
}

p.login-failure-errorid {
    font-size: 10px;
    font-style: italic;
}

.login-failure-message-holder h1 {
    color: #000 !important;
}

.center-sso-button {
    margin: 0 auto;
    margin-top:10px;
    width: 400px;
    text-align:center;
}

.center-login-button {
    margin: 0 auto;
    margin-top: 10px;
    width: 400px;
    text-align: center;
}


.RecaptchaContainer {
    margin-bottom: 20px;
    margin-left: 13%;
}

div.validation-recaptcha .field-validation-error
{
    padding-left:0px;
}

.login-button {
}

.alt-login-button{
    margin-top: 25px;
}

.btn-pearlcard {
    width: 350px;
}

.btn-pearlcard:before {
    background-image: url(../../files/icons/login-pearlcard.png) !important;
    background-size: 24px auto !important;
}

.btn-sso:before {
    background-image: url(../../files/icons/login-sso.png) !important;
    background-size: 24px auto !important;
}

.icon-profile:before, .icon-wishlist:before,
.icon-logout:before {
    content: "";
    background-repeat: no-repeat;
    background-size: 15px 15px;
    display: inline-block;
    position: relative;
    padding: 0 10px 0 0;
    width: 15px;
    height: 15px;
    top: 2px;
}

.icon-profile:before{
    background-image: url(../../files/icons/dropdown-profile@2x.png);
}

.icon-wishlist:before{
    background-image: url(../../files/icons/dropdown-wishlist@2x.png);
}

.icon-logout:before{
    background-image: url(../../files/icons/dropdown-logout@2x.png);
}

.welcome{
    padding: 15px 20px 5px 20px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    white-space: normal;
}

.budget {
    /*padding: 15px 20px 5px 20px;*/
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 16px;
    font-size: 12px;
    white-space: normal;
    color: #ffffff;
}

.budget.animate {
    visibility: hidden;
    padding: 0;
    text-transform: none;
}

.budget span.animated {
    visibility: hidden;
    padding-bottom: 20px;
    padding-left: 50px;
}


.budget.animate span.animated {
    visibility: visible;
}

.service .welcome {
    font-size: 10px;
}

.stop-representing{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin: 0 20px;
}

.logout{
    border-top-width: 1px;
    border-top-style: solid;
    line-height: 43px;
    margin: 5px 20px 0;
}

/*          middle header            */
.middle-header{
    position: relative;
    display: table;
    width: 100%;
    height: 80px;
    margin: 0 10px;
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
    z-index: 2;
}

.middle-header-wrapper {
    padding: 0 4%;
}

.middle-header.animate{
    height: 80px;
}

.bottom-header.animate nav .hyp-top-lvl,
.bottom-header.carousel-header nav .hyp-top-lvl {
    color: #000;
}

.bottom-header.carousel-header nav .hyp-top-lvl {
    text-shadow: none;
}

.middle-header > div{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.middle-header .search{
    padding: 0 10%;
}

.middle-header .top-action{
    text-align: right;
    white-space: nowrap;
}

/*          logo            */
.logo{
	position: relative;
	z-index: 2;
}

.logo a{
	display: block;
	line-height: 0;
	max-width: 100%;
}

.middle-header .logo{
    margin-right: 15px;
}

/* search */
.search{
    position: relative;
    margin: 0 auto;
    width: 50%;
    top: 0;
    -webkit-transition: top 0.2s;
    transition: top 0.2s;
}

.middle-header.animate .search{
    top: -40px;
}

.middle-header .logo img{
    -webkit-transition: max-width 0.2s;
    transition: max-width 0.2s;
}

.middle-header.animate .logo img{
    max-width: 46%;
}

.btn-search{
    border: none;
    border-radius: 0 2px 2px 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    min-width: 55px;
}

.btn.btn-search {
    padding-right: 40px;
}

.btn-search:before{
    background: url(../../files/icons/search.png);
    background-size: 19px 19px;
    content: '';
    display: inline-block;
    margin-top: 11px;
    height: 19px;
    width: 19px;
}

.btn-search span{
    display: none;
}

.search-wrapper{
    position: relative;
    padding-right: 55px;
}

.tbx-main-search{
    overflow: hidden;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tbx-main-search input{
    height: 40px;
    padding: 0 16px;
}

.suggest-item{
    display: table;
    line-height: normal;
    padding: 7px 0;
    width: 100%;
}

.suggest-item > span{
    display: table-cell;
    vertical-align: middle;
}

.suggest-img{
    width: 50px;
}

.suggest-img img{
    height: 40px;
    width: 40px;
}

.suggest-title-id{
    display: block;
}

/*          basket           */
.basket{
    position: relative;
}

.over-summary{
    background: transparent;
    position: relative;
    height: 100%;
}

.over-summary .hyp{
    background-image: url(../../files/icons/cart@2x.png);
    background-size: 17px 17px;
    background-repeat: no-repeat;
    height: 17px;
    width: 17px;
    display: block;
    margin: 0 9px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.basket:hover .over-summary:not(.is-empty){
    z-index: 6;
}

/*.over-summary.is-empty .over-summary-number{
    display: none;
}*/

.over-summary .over-summary-number{
    position: absolute;
    top: -50%;
    left: 50%;
    display: inline-block;
    padding: 0 2px;
    border-radius: 20px;
    background-color: #e2bf31;
    min-width: 12px;
    min-height: 12px;
    text-align: center;
    line-height: 16px;
}

.summary-footer{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    line-height: 58px;
    table-layout: fixed;
}

.summary-footer .value-total{
    float: right;
}

footer{
    position: relative;
    top: 200px;
}

/*          basket modal popup            */
.basket-summary{
    border-width: 1px;
    border-style: solid;
    display: none;
    overflow-y: auto;
    position: absolute;
    padding: 0 14px 11px 16px;
    top: 100%;
    right: 0;
    width: 318px;
    z-index: 5;
}

.basket-summary .products-list{
    display: table;
    border-collapse: collapse;
    width: 100%;
}

.basket:hover .basket-summary{
    display: block;
}

.summary-title{
    margin: 15px 0;
    text-transform: uppercase;
}

.summary-title.alt,
.just-added .summary-title.main{
    display: none;
}

.just-added .summary-title.alt{
    display: block;
}

.btn.js-search-address{
    position: absolute;
    right: 5px;
    top: 10px;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    letter-spacing: 1px;
}

.tbx.search-address-input input{
    padding-right: 80px;
}

.basket-loading{
    position: absolute;
    top: 100%;
    right: 0;
    padding: 15px 20px;
    width: 200px;
    z-index: 2;
}

.qty-price{
    text-align: right;
}

.added-product{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.added-product .quantity{
    float: left;
}

.added-product .product-img,
.added-product .product-info{
    padding: 15px 0;
}

.added-product .variant-title{
    line-height: 1.6;
}

.added-product .lbl-price{
    font-size: inherit !important;
    font-weight: normal;
}

.product-extra-main{
    display: flex;
    width: 100%;
    margin: 40px 0 30px 0;
    flex-flow: row wrap;
}

.main-image, .main-description,
.main-action{
    vertical-align: top;
}

.description-title{
    font-weight: 900;
    text-transform: uppercase;
    margin: 5px 0;
    font-size: 12px;
}

.description-size{
    margin: 5px 0;
    font-size: 12px;
}

.description-price{
    font-weight: bold;
    margin: 5px 0 28px 0;
    font-size: 12px;
}

.main-added-extra + .main-action .description-price{
    margin: 5px 0 10px 0;
}

.action-description{
    font-size: 16px;
    letter-spacing: 0.2px;
    margin: 0 0 65px 0;
}

.description-arrow{
    position: relative;
    padding-right: 5px;
}

.description-arrow:after{
    content: "";
    background-image: url(../../files/icons/arrow-extra@2x.png);
    background-repeat: no-repeat;
    background-size: 36px 64px;
    width: 36px;
    height: 64px;
    position: absolute;
    top: 100%;
    left: 100%;
}

.product-extra-subheader{
    margin: 15px 0;
    text-transform: none;
    font-size: 24px;
    font-weight: bold;
    font-family: Lato;
}

.product-extra-additional{
    margin: 15px 0 30px 0;
    text-align: center;
    position: relative;
    font-size: 12px;
    vertical-align: top;
}

.additional-image{
    padding: 0 20px;
}

.main-image img{
    padding: 0 20px 0 0;
    box-sizing: border-box;
}

.product-extra-additional-wrapper{
    display: flex;
    flex-flow: row wrap;
}

.service-row .product-info img{
    max-width: 64px;
}

.main-added-extra .additional-image{
    text-align: center;
}

.main-added-extra .additional-add{
    margin: 0;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.main-added-extra{
    position: relative;
    flex: 1 1 50%;
}

.additional-title, .additional-price{
    margin: 10px 0;
}

.additional-add{
    position: absolute;
    right: 0;
    width: 36px;
    height: 36px;
    margin-top: -36px;
}

.additional-title{
    text-transform: uppercase;
}

#productExtraPage{
    margin: 20px 0 45px 0;
}

/*          bottom header            */
.mCustomScrollbar .mCSB_inside > .mCSB_container {
    padding: 1px 4% 4% 4%;
}

.bottom-header {
    position: absolute;
    width: 100%;
    opacity: 0.95;
    word-wrap: break-word;
    text-overflow: ellipsis;
}

.bottom-header .nav-wrapper {
    width: 100%;
}


/*          top menu            */
nav{
    position: relative;
}

nav .hyp-top-lvl{
    text-transform: uppercase;
    text-decoration: none;
}

.bottom-header.animate .nav-item-arrow:after,
.bottom-header.carousel-header .nav-item-arrow:after {
    background-image: url(../../files/icons/right-arrow.png);
}

.nav-item.selected .hyp-top-lvl span{
    position: relative;
}

.nav-item.selected .hyp-top-lvl span:after{
    content: '';
    position: absolute;
    height: 3px;
    bottom: -6px;
    left: -6px;
    right: -6px;
}

.nav-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

/*          menu level 2             */
.nav-wrapper {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    display: none;
    position: absolute;
    max-height: 400px;
    right: 0;
    z-index: 5;
}


.nav-lvl-2 {
    columns: 4;
    column-gap: 5px;
    -webkit-columns: 4;
    -moz-columns: 4;
    background-color: #fff;
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
}

.nav-lvl-2 li {
    -webkit-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;
}

.nav-lvl-2 .wrapper {
    position: relative;
    height: 100%;
    width: 100%;
}

.nav-item-block {
    box-sizing: border-box;
    padding: 10px 15px 30px 15px;
    vertical-align: top;
    height: 100%;
}

/* navigation items blocks row system */
.nav-lvl-2 .separator{
    display: none;
}

.nav-lvl-3 .nav-item{
    padding: 1px 0;
}

.nav-lvl-3 .hyp{
    line-height: 23px;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
}

.img-in-row{
    box-sizing: border-box;
    display: table-cell;
    text-align: right;
    line-height: 0;
    padding-right: 20px;
    padding-left: 10px;
    vertical-align: bottom;
}

.img-in-row.push-right-bottom .wrapper{
    height: inherit;
}

.img-in-row.push-right-bottom .wrapper img{
    margin-right: -20px;
    margin-bottom: -22px;
}

.img-in-row.size-original img{
    max-width: inherit;
}

.img-in-row.size-adapt img{
    width: 100%;
}

.nav-more{
    position: absolute;
    line-height: 24px;
    bottom: -24px;
    width: 100%;
}

.nav-more a {
    width: 100%;
    vertical-align: bottom;
}

/*          mini nav            */
.nav-list-sub{
    border-width: 1px;
    border-style: solid;
    display: none;
    position: absolute;
    width: 198px;
    z-index: 5;
    padding: 7px 0;
    margin-top: -1px;
}

.mini .nav-item-root{
    position: relative;
}

.ribbon-header .nav-list-sub{
    margin-top: 0;
}

.nav-cell .nav-list-sub{
    top: 0;
    left: 100%;
}

.nav-list-sub .nav-list-sub{
    padding: 17px 0;
    top: -17px;
    left: 100%;
}

.nav-item-sub:first-child .nav-list-sub{
    top: -7px;
}

.nav-item.hover > .nav-list-sub{
    display: block;
}

.nav-item-sub{
    padding-left: 30px;
    position: relative;
}

.nav-item-sub .hyp{
    display: block;
    line-height: 40px;
    text-decoration: none;
}

header .font-h4{
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
}

/* footer */

footer {
    position: relative;
    top: 200px;
}

footer .font-h4{
    display: block;
    line-height: 1.4em;
    padding-bottom: 12px;
}

footer ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

footer .top{
	padding-top: 40px;
	padding-bottom: 70px;
}

footer .bottom{
	padding-top: 20px;
	padding-bottom: 38px;
}

/*          sitemap          */
.sitemap-nav li{
    float: left;
    padding-right: 13px;
    width: 150px;
}

.sitemap-nav li.sitemap-first-child{
    font-size: 10px;
    display: inline-block;
    float: none;
    padding-right: 10px;
    width: 46%;
}

.sitemap-first-child > .hyp{
    font-weight: 900;
    letter-spacing: 0.6px;
}

.sitemap-first-child > ul {
    margin: 5px 0 0 0;
}

.sitemap-second-child{
    font-size: 12px;
}

/*          bottom footer          */
.footer-nav{
    text-align: right;
}

.footer-nav .hyp{
	padding-left: 10px;
    text-decoration: none;
}

.column.contact-info,
.column.newsletter{
    color: #fff;
}

.column.copyright{
    font-size: 12px;
}

.newsletter-bottom-info{
    font-size: 12px;
    line-height: 22px;
    margin: 10px 0 20px 0;
}

.contact-info-header{
    font-size: 12px;
    letter-spacing: 1.5px;
    font-weight: 900;
}

.contact-info-address{
    font-size: 14px;
    line-height: 22px;
    margin: 5px 0 0 0;
}

.contact-info-phone{
    font-size: 10px;
    letter-spacing: 2px;
    margin: 8px 0 0 0;
}

.contact-info-social{
    margin: 30px 0 0 0;
}

.contact-info-facebook{
    width: 24px;
    height: 24px;
    display: inline-block;
}

.contact-info-twitter{
    width: 24px;
    height: 24px;
    display: inline-block;
    margin: 0 0 0 8px;
}

.order-overview-shipping{
    margin: 20px 0 0 0;
}

.order-overview-purchase-approval {
    margin: 20px 0 0 0;
}

.address-header {
    position: relative; 
    width: 100%;
    padding: 0 0 5px 0;
    font-weight: 900;
    letter-spacing: 2px;
    font-size: 10px;
}

.date-header 
{
    position: absolute;
    width: 66%;
    margin-top: 8px;
    padding: 0 0 1px 0;
    font-weight: 900;
    letter-spacing: 2px;
    font-size: 10px;
}

.comment-header {
    position: relative;
    margin-top: -1.2%;
    padding: 0 0 5px 0;
    font-weight: 900;
    letter-spacing: 2px;
    font-size: 10px;
    margin-top: 10px;
}

.comment-list {
    padding-top: 3px;
}

.address-list, .date-general{
    margin: 20px 0 0 0;
    letter-spacing: 0.2px;
    line-height: 1.33;
}

.address-section {
    display: table-cell;
    float: left;
    margin-right: 30px;
}

.address-excel-upload-message{
    margin: 35px 0 0 0;
    letter-spacing: 0.1px;
    line-height: 1.83;
    font-size: 12px;
}

.address-upload-explanation{
    padding: 20px;
    margin-bottom: 15px;
}

.btn-address-upload {
    margin-top:15px;
}


.address-excel-upload-message img {
    margin: 0 0 0 4px;
}

.shipping-address, .shipping-date{
    text-align: left;
}

.comment-header:after,
.address-header:after,
.date-header:after {
    content: "";
    background-image: linear-gradient(to right, #323232 20%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    height: 1px;
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
}


.box.has-advanced-upload {
    display: inline-block;
    padding: 24px 10px;
    background-color: #eee;
    outline: 2px dotted #323232;
}

.box__input{
    font-size: 16px;
    letter-spacing: 0.2px;
    color: #323232;
}

.box.has-advanced-upload .box__dragndrop {
    display: block;
    text-align: center;
    color: #9b9b9b;
    margin: 10px 0;
}

.box{
    position: relative;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
}

.box.is-dragover {
    opacity: 0.5;
}

.box:after{
    content: "+";
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    font-size: 60px;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0;
}

.box.is-dragover:after{
    opacity: 1;
}

.box__file{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}

.box.is-uploading .box__input {
  visibility: none;
}

.box__input{
    text-align: center;
}

.box__input label{
    display: block;
    margin: 0;
    cursor: pointer;
}

.box.is-uploading .box__uploading {
  display: block;
}

/*          newsletter          */
.newsletter{
    display: table-cell;

}

.tbx-email-newsletter{
    margin-right: 5px;
}

.tbx.tbx-email-newsletter input::-webkit-input-placeholder {color:#fff; font-style: normal; font-size: 12px;}
.tbx.tbx-email-newsletter input::-moz-placeholder          {color:#fff; font-style: normal; font-size: 12px;}
.tbx.tbx-email-newsletter input:-moz-placeholder           {color:#fff; font-style: normal; font-size: 12px;}
.tbx.tbx-email-newsletter input:-ms-input-placeholder      {color:#fff; font-style: normal; font-size: 12px;}

.tbx.tbx-promotion input::-webkit-input-placeholder {color:#323232; font-style: normal; font-size: 12px;}
.tbx.tbx-promotion input::-moz-placeholder {color:#323232; font-style: normal; font-size: 12px;}
.tbx.tbx-promotion input:-moz-placeholder {color:#323232; font-style: normal; font-size: 12px;}
.tbx.tbx-promotion input:-ms-input-placeholder {color:#323232; font-style: normal; font-size: 12px;}

.tbx input::-webkit-input-placeholder {color:#b1b1b1; font-style: normal; font-size: 12px;}
.tbx input::-moz-placeholder {color:#b1b1b1; font-style: normal; font-size: 12px;}
.tbx input:-moz-placeholder {color:#b1b1b1; font-style: normal; font-size: 12px;}
.tbx input:-ms-input-placeholder {color:#b1b1b1; font-style: normal; font-size: 12px;}

.tbx-email-newsletter input{
    padding: 0 20px;
    color: #fff;
    height: 34px;
}

.floating-label {
    position: absolute;
    top: 14px;
    left: 18px;
    opacity: 0;
    font-size: 12px;
    color: #bcb5b9;
    color: var(--warm-gray);
    transform-origin: left top;
    transition: transform 200ms ease;
    will-change: transform;
    pointer-events: none;
    cursor: text;
}

.tbx.typed .floating-label {
    opacity: 1;
    transform: translate(-18px, -31px) scale(0.9);
}

.tbx.focus .floating-label {

}

/*.floating-label{
    color: #b1b1b1;
    font-size: 12px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 18px;
    cursor: text;
}*/

.has-value + .floating-label{
    top: -25%;
    -webkit-transition: top .2s;
    transition: top .2s;
}

.newsletter-line{
    display: table;
    margin-top: 8px;
    width: 100%;
}

.comments-label{
    margin-bottom: 12px;
}

.newsletter-line li{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    position: relative;
}

/*          price         */
.lbl-price{
    white-space: nowrap;
}

.list-price{
	margin-right: 20px;
	text-decoration: line-through;
    white-space: nowrap;
}


/* columns layout */
.home-page .content .columns-general{
    padding: 0;
}

.columns-general{
    box-sizing: border-box;
    padding: 12px 0;
    height: 100%;
}

.columns-general > .column{
    box-sizing: border-box;
    height: 100%;
}

.columns-general.rtl{
    direction: rtl;
}

.columns-general.rtl > .column{
    direction: ltr;
}

.column > .wrapper{
    padding: 12px 0;
}
/* END columns layout */




/* forms general styles */

form label{
    line-height: normal;
}

.form-holder{
    padding-top: 18px;
}

.form-row,
.form-button{
    margin-bottom: 20px;
}

.form-row .control{
    display: table;
    table-layout: fixed;
    width: 100%;
}

.form-row-login-links{
    margin-bottom: 0px !important;
}


.form-row .label,
.form-row .field{
    display: table-cell;
    vertical-align: middle;
}

.order-address-wrapper .form-row .field,
.order-info-wrapper .form-row .field{
    width: 100%;
}

.order-address-wrapper .form-row .label,
.order-info-wrapper .form-row .label {
    line-height: 1.2;
}

.order-address-wrapper .form-row .tooltip-sign,
.order-info-wrapper .form-row .tooltip-sign{
    position: relative;
    top: 10px;
    right: -2px;
    z-index: 1;
}

.form-row .label{
    width: 36%;
    padding-right: 3%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.row-comments .label{
    vertical-align: top;
    padding-top: 5px;
}

.form-row .validation:not(.left),
.form-row .description,
.form-button{
    padding-left: 36%;
    margin-top: 0px;
}

.checkout-step .form-row .validation{
    padding-left: 0;
}

.row-under-columns{
    margin-top: -12px;
}

.field-validation-valid{
    display: none;
}

.basket-details-page .form-row .field-validation-error,
.upper-row .field-validation-error,
.form-row .feedback-message {
    display: block;
    line-height: 12px;
    padding: 4px 0px 4px 24px;
    margin-top: 4px;
}

.quantity-error-message,
.basket-details-page .upper-row .field-validation-error,
.form-row .field-validation-error {
    background: url(/content/files/icons/form-icon-invalid.png) no-repeat scroll left center;
}

.form-row .feedback-message{
	background: url(/content/files/icons/form-icon-description.png) no-repeat scroll left center;
}

.msg-not-available{
    font-weight: bold;
    text-transform: lowercase;
    white-space: nowrap;
}

.add-to-wishlist-cnt + .msg-not-available-wrapper {
    padding: 0 0 0 12px;
}

.msg-not-available-wrapper{
    display: table-cell;
}

.form-row .in-line{
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
}

.form-row .in-line.left-part{
    width: 48%;
}

.form-inline{
    display: inline-block;
    vertical-align: middle;
}

.skip-order-address .form-row .label{
    width: 51%;
    padding-right: 3%;
}

.skip-order-address .form-row:first-child .label{
    height: 46px;
}


.form-button-register{
    margin: 5px;
    padding: 7px;
}



/*          message blocks          */
.msg-block{
    font-style: italic;
    margin: 45px 0;
    line-height: 60px;
    text-align: center;
}

.msg-block-multiline {
    line-height: 24px;
    text-align: left;
    padding: 15px;
    padding-left: 25px;
}



.msg-block-error,
.validation-summary-errors,
.msg-block-confirm,
.msg-block-info,
.msg-block-alert{
    position: relative;
	margin: 20px 0;
    padding: 15px 20px 15px 36px;
    line-height: normal;
}

.msg-block-error:before,
.validation-summary-errors:before,
.msg-block-confirm:before,
.msg-block-info:before,
.msg-block-alert:before{
    content: '';
	position: absolute;
}

.msg-block-error:before,
.validation-summary-errors:before{
    background: url(../../files/icons/error.png);
    top: 18px;
    left: 10px;
    height: 12px;
    width: 12px;
}

.msg-block-confirm:before{
    background: url(../../files/icons/msg-confirm.png);
    top: 15px;
    left: 9px;
    height: 16px;
    width: 14px;
}

.msg-block-info:before{
    background: url(../../files/icons/msg-info.png);
    top: 16px;
    left: 12px;
    height: 16px;
    width: 8px;
}

.msg-block-alert:before{
    background: url(../../files/icons/msg-alert.png);
    top: 15px;
    left: 13px;
    height: 14px;
    width: 5px;
}

.msg-block-error ul{
	list-style: none;
    padding: 0;
    margin: 0;
}

.validation-summary-errors ul{
    display: none;
}




.ifrm{
    padding: 5px;
}

.ifrm iframe{
	height: 300px;
	overflow: auto;
	width: 100%;
}

/* END forms general styles */



/* custom checkbox */
label .chb{
	vertical-align: middle;
}

label .chb ins{
    display: inline-block;
    vertical-align: sub;
    width: 18px;
    height: 18px;
    overflow: hidden;
    background: url(/content/files/icons/form-checkbox.png) -10px 0 no-repeat;
    margin-right: 4px;
    margin-top: -1px;
    cursor: pointer;
}

label .chb input[type="checkbox"]{
    display: none;
}

label:hover .chb ins{
    background-position: -10px -38px;
}

label .chb input[type="checkbox"]:checked + ins{
    background-position: -10px -19px;
}

label:hover .chb input[type="checkbox"]:checked + ins{
    background-position: -10px -19px;
}

.checkout-step label .chb ins {
    background-position: 0 0;
}

.checkout-step label:hover .chb ins{
    background-position: 0 -38px;
}

.checkout-step label .chb input[type="checkbox"]:checked + ins{
    background-position: 0 -19px;
}

.checkout-step label:hover .chb input[type="checkbox"]:checked + ins{
    background-position: 0 -19px;
}



/* END custom checkbox */










/* custom radiobox */

.timeframe-radio{
    margin: 0 0 8px 0;
}

.timeframe-radio label{
    font-size: 12px;
}

.timeframe-radio .rdb{
    margin-right: 10px;
}

.timeframes-title,
.notification-title{
    font-size: 12px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    font-weight: 900;
}

label .rdb{
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    padding: 2px;
    margin-right: 5px;
    margin-top: -3px;
}

label .rdb ins{
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
    cursor: pointer;
}

label .rdb input[type="radio"]{
    display: none;
}

label .rdb input[type="radio"]:checked + input + ins:after,
label .rdb input[type="radio"]:checked + ins:after{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    overflow: hidden;
    position: absolute;
    top: 1px;
    left: 1px;
}

.from-price-wrapper{
    position: relative;
}

.from-label{
    position: absolute;
    font-style: italic;
    color: #c4c0c1;
    margin: 0 5px 0 0;
    right: 100%;
}

/* END custom checkbox */










/* breadcrumbs */
.breadcrumbs li{
    display: inline-block;
    vertical-align: middle;
}

.breadcrumbs li:first-child .hyp{
    margin-left: 0;
}

.breadcrumbs .hyp{
    margin: 0 10px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
}

/* END breadcrumbs */





/*          ribbon header           */
.ribbon-header{
    border-width: 1px 0;
    border-style: solid;
    top: 0;
    width: 100%;
    transition: all 0.4s ease-out 0s;
}

.ribbon-header.animate{
     top: 0;
     transition: .1s ease-out;
}

.sticky-elements{
    display: table;
    position: relative;
    width: 100%;
    z-index: 2;
}

.sticky-elements > div{
    display: table-cell;
    vertical-align: middle;
}

.logo-cell{
    padding-top: 14px;
}

.ribbon-header .logo img{
    height: 32px;
}

.search-cell{
    padding-top: 7px;
    width: 40%;
}

.search-cell .search{
    width: 100%;
}

.search-results .font-title{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
}

.search-results-qnt{
    font-size: 9px;
    border-radius: 3px;
    padding: 2px 14px;
    color: #fff;
    position: relative;
    top: -3px;
    margin: 0 0 0 10px;
}

.top-action-cell{
    text-align: right;
    min-width: 195px;
}

.top-action-cell > div{
    text-align: left;
}

.sticky-elements .person{
    display: none;
}

.ribbon-header .stop-representing{
    margin-top: 10px;
    padding-bottom: 10px;
}

.top-action-cell .basket{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.top-action-cell .over-summary{
    height: 100%;
    min-width: 44px;
}

.top-action-cell .over-summary .hyp{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.nav-cell{
    border-width: 0 1px;
    border-style: solid;
    height: 60px;
    width: 64px;
}

.nav-opener{
    cursor: pointer;
    position: relative;
    height: 60px;
    width: 64px;
    z-index: 1;
}

.nav-opener:before{
    background: url('../../files/icons/nav-open.png') no-repeat -9999px -9999px;
    content: '';
    position: absolute;
    top: 22px;
    left: 22px;
    height: 17px;
    width: 22px;
}

.nav-opener:after{
    background: url('../../files/icons/nav-close.png') no-repeat -9999px -9999px;
    content: '';
    position: absolute;
    top: 19px;
    left: 23px;
    height: 19px;
    width: 18px;
}

.nav-is-closed .nav-opener:before,
.nav-is-opened .nav-opener:after{
    background-position: 0 0;
}

.ribbon-header nav{
    display: none;
    position: absolute;
    top: 100%;
    width: 25%;
    margin-top: -1px;
}

.nav-is-opened nav{
    display: block;
}

.nav-cell .nav-list-root{
    padding: 11px 0;
    margin-left: -1px;
    width: 100%;
}

.nav-cell .nav-wrapper{
    top: 0;
    left: 100%;
    min-height: 100%;
    overflow-y: auto;
    width: 299%;
}

.nav-cell .nav-item-block{
    width: auto;
}

.nav-cell .nav-lvl-2{
    table-layout: fixed;
}

.nav-cell .img-in-row{
    display: none;
}

/*          login page             */
.profile-login-page,
.profile-samlresponse-page {
    background-image: url(../../files/images/login-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.login-page-cnt {
    display: flex;
    width: 100%;
    height: auto;
}

.login-page-cnt h1{
    color: #fff;
}

.login-page-cnt .h1-holder,
.login-container{
    display: table-cell;
    vertical-align: top;
}

.login-page-cnt .h1-holder{
    width: 51%;
    padding: 26px 25px 0 0;
}

.login-container {
    width: 49%;
    position: relative;
    overflow: hidden;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.35);
}

.login-container-blur{
    position: absolute;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: -51vw;
    filter: blur(20px);
    background-image: url(../../files/images/login-background.jpg);
    background-size: cover;
    z-index: -1;
}

.login-logo{
    text-align: right;
}

.login-logo img {
    max-width: 119px;
    display: inline-block !important;
}

.login-logo:after{
    content: "";
    display: block;
    clear: both;
}

.login-container label .chb ins{
    background: url(/content/files/icons/form-checkbox.png) -28px 0 no-repeat;
}

.login-container label .chb input[type="checkbox"]:checked + ins{
    background-position: -10px -57px;
}

.login-container label:hover .chb input[type="checkbox"]:checked + ins{
    background-position: -10px -57px;
}

.remember-forgot label,
.remember-forgot a{
    font-size: 12px;
}

.login-container .form-row .in-line{
    width: 50%;
    margin-right: -2px;
    line-height: 37px;
}

.login-container .form-row .in-line + .in-line{
    text-align: right;
}

.tbx-password, 
.tbx-pincode {
    margin: 0 0 45px 0;
    position: relative;
}



.tbx.tbx-password,
.tbx .tbx-pincode,
.tbx.tbx-password.focused,
.tbx.tbx-pincode.focused {
    background: none;
    border: none;
}

.tbx-email,
.tbx-cardnumber{
    margin: 0 0 80px 0;
    position: relative;
}

.tbx.tbx-email,
.tbx .tbx-cardnumber,
.tbx.tbx-email.focused,
.tbx.tbx-cardnumber.focused {
    background: none;
    border: none;
}

.tbx-email .floating-label,
.tbx-cardnumber .floating-label,
.tbx-pincode .floating-label,
.tbx-password .floating-label {
    color: #323232;
    font-size: 18px;
    left: 33px;
    font-weight: 300;
}

.tbx-email .field-validation-error{
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
}

.tbx-email input,
.tbx-cardnumber input,
.tbx-pincode input,
.tbx-password input {
    width: 100%;
    border: none;
    border-bottom: solid 2px #323232;
    padding: 5px 5px 5px 33px;
    font-size: 18px;
    box-sizing: border-box;
    background: transparent;
}

.tbx-email:before{
    background-image: url(../../files/icons/login-email.png);
}

.tbx-pincode:before {
    background-image: url(../../files/icons/login-pincode.png);
}

.tbx-cardnumber:before {
    background-image: url(../../files/icons/login-cardnumber.png);
}

.tbx-email:before {
    background-image: url(../../files/icons/login-email.png);
}

.tbx-password:before{
    background-image: url(../../files/icons/login-password.png);
}

.tbx-email:before,
.tbx-cardnumber:before,
.tbx-pincode:before,
.tbx-password:before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: left center;
    width: 24px;
    height: 24px;
    top: 5px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color ease-in-out 0s;
    transition-delay: 50000s;
}

.tbx-email input{
    background-image: url(../../files/icons/);
}

.tbx-pincode input {
    background-image: url(../../files/icons/);
}

.tbx-cardnumber input {
    background-image: url(../../files/icons/);
}

.tbx-password input{
    background-image: url(../../files/icons/);
}

.tbx-email input::-webkit-input-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-password input::-webkit-input-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-pincode input::-webkit-input-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-cardnumber input::-webkit-input-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-email input::-moz-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-password input::-moz-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-pincode input::-moz-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-cardnumber input::-moz-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-email input:-moz-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-password input:-moz-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-pincode input:-moz-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-cardnumber input:-moz-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-email input:-ms-input-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-password input:-ms-input-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-pincode input:-ms-input-placeholder {color:#323232; font-style: normal; font-size: 18px;}
.tbx-cardnumber input:-ms-input-placeholder {color:#323232; font-style: normal; font-size: 18px;}

.login-page-cnt .validation-summary-errors{
    margin-top: 0;
}

.btn-login {

}

.login-container .form-holder{
    padding-top: 110px;
}

/*          tabs             */
.tab-control .reviews,
.tab-control .variants,
.tab-control .prepacks,
.tab-control .specifications,
.tab-control .description{
    min-height: 195px;
}

.ui-tabs{
    padding: 0;
}

.ui-tabs .ui-tabs-nav{
    padding: 0;
}

.ui-tabs .ui-tabs-nav li{
    margin: 0;
    outline: none;
}

.ui-tabs-nav li:not(:first-child){
    margin-left: 70px;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    padding: 0;
    font-weight: bold;
}

.hidden-tabs-name{
    display: none;
    cursor: default;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.ui-tabs-active .ui-tabs-anchor:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
}

.no-underline .ui-tabs-anchor:after{
    display: none;
}

.ui-tabs .ui-tabs-panel{
    padding: 25px 0;
}


/*          text boxes with spinners          */
.tbx-quantity{
	display: inline-block;
    vertical-align: middle;
    margin: 0 35px;
    width: 62px;
    border: 1px solid #323232;
    border-radius: 0;
}

.tbx.tbx-quantity{
    background: #fff;
    border-color: #323232;
}

.tbx.tbx-quantity.focused {
    border-color: #323232;
}

.tbx-quantity input{
    text-align: center;
    padding: 0 18px 0 3px;
    height: 44px;
}

.qty-error{
    line-height: 0;
    position: absolute;
    left: -10px;
    top: -9px;
    z-index: 1;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ui-spinner-input{
    margin: 0;
}

.ui-spinner-button{
	position: absolute;
    height: 22px;
    width: 18px;
    line-height: normal;
}

.btn.ui-spinner-button {
    background: none;
    border-color: transparent;
    padding: 0;
}

.btn.ui-spinner-button:hover{
    background: none;
    border-color: transparent;
    cursor: pointer;
}

.ui-spinner-up{
    top: 0;
	right: 0;
}

.ui-spinner-down{
    bottom: 0;
    right: 0;
}

.ui-spinner-button:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ui-button-text-only .ui-button-text{
    display: none;
}

.ui-spinner-up:before{
    background-image: url(../../files/icons/arrow@2x.png);
    height: 4px;
    width: 6px;
    background-size: 6px 4px;
}

.ui-spinner-down:before{
    background-image: url(../../files/icons/arrow-down@2x.png);
    height: 4px;
    width: 6px;
    background-size: 6px 4px;
}



/* order details */
.orders-details-page .columns-general .column.wide{
    width: 77%;
}

.history-details .hyp-print-preview{
    margin-left: 15px;
}

.history-details .btn{
    margin: 0 15px;
}

.lines-inside{
    margin-top: 45px;
}

.gvi-order-lines tbody td:last-child,
.gvi-order-lines thead th:last-child{
    padding-right: 7px;
}

.gvi-order-lines tfoot td{
    padding: 12px 20px;
}

.gvi-order-lines tfoot .cell-value{
    font-weight: bold;
}

.gvi-order-lines tfoot .hyp,
.gvi-order-lines .toggle-hyp-inside{
    float: right;
}

.gvi-order-lines.collapsed tbody,
.gvi-order-lines.collapsed .toggle-hyp-inside .sign-minus,
.gvi-order-lines.expanded .toggle-hyp-inside .sign-plus{
    display: none;
}

.gvi-order-lines .col-price,
.gvi-order-lines .col-total{
    white-space: nowrap;
}

.gvi-totals{
    text-align: right;
    margin-bottom: 30px;
}

.gvi-totals .cell-value {
    width: 75px;
}

.gvi-totals .cell-name{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.gvi-totals td{
    border: none;
    padding: 5px 7px;
}

.gvi-totals tr:first-child td{
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 15px;
}

.gvi-totals tr:last-child td{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 15px;
}

.gvi-totals.gvi-totals-basket-overview tr:first-child td,
.gvi-totals.gvi-totals-basket-overview tr:last-child td{
    border: none;
}

.basket-page-cnt .gvi-totals.gvi-totals-basket-overview.gvi td{
    font-size: 10px;
}

.gvi-totals.gvi-totals-basket-overview.gvi td{
    font-size: 12px;
    letter-spacing: 0.2px;
    font-weight: 900;
}

.row-promotion{
    line-height: 20px;
}

.basket-page-cnt .row-promotion .title-discount{
    display: inline-block;
    padding: 13px 0 7px;
}

.row-promotion .title-discount{
    display: inline-block;
    padding: 0;
}

.row-promotion .enter-discount{
    display: inline-block;
}

#promotionForm{
    position: relative;
}

/* END order details */





/* general panel */

.panel-general{
    padding-top: 30px;
    margin-bottom: 30px;
}

.basket-page-cnt > .panel-general{
    padding-top: 0;
}

.panel-header{
    margin-bottom: 11px;
}

.panel-footer > div{
    padding-top: 6px;
}

.panel-footer > .more-inside{
    padding-top: 0;
}

/* END general panel */







/* thumbNails */
.hyp-thumbnail{
    display: inline-block;
    position: relative;
    height: 75px;
    width: 75px;
}

.thumbnail{
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.thumbnail img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}


/*          facets           */
.facet{
    word-break: break-all;
}

.facet-border, .facet-top-border{
    background-image: linear-gradient(to right, #323232 20%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    height: 1px;
}

.facet-border {
    margin: 20px 0;
}

.facet-top-border {
    margin: 0 0 20px 0;
}

.facet .hdr{
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 6px 4px;
    cursor: pointer;
}

.facet .cnt{
    margin: 12px 0 0 0;
}

.column-facets h4{
    font-family: Lato;
    font-weight: 900;
    letter-spacing: 1.5px;
}

.client-service{
    padding: 56px 0 0 0;
}

.client-service h4,
.product-keywords h4{
    margin: 0 0 5px 0;
    font-family: Lato;
    font-weight: 900;
}

.product-keywords .keyword{
    display: inline-block;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 15px;
    margin: 10px 12px 5px 0;
}

.client-service .description{
    font-size: 16px;
    color: #666;
}

.client-service .phone{
    color: #323232;
    letter-spacing: 0.2px;
    font-weight: 700;
    margin-left: 12px;
}

.client-links{
    text-align: center;
}
.client-links a{
    text-decoration:none;
}

.client-link-chat img.fr-tag.fr-fin,
.client-link-email img.fr-tag.fr-fin{
    margin: 15px 10px;
    display: inline;
    padding: 0;
}

.facet .hdr.collapsed{
    background-image: url(../../files/icons/arrow-down@2x.png);
}

.facet .hdr.expanded{
    background-image: url(../../files/icons/arrow@2x.png);
}

.facet .hyp-toggle{
    display: inline-block;
    font-weight: bold;
}

.list-facets li{
    position: relative;
    white-space: nowrap;
}

.facet-selected li,
.multiselect-mode .facet li{
    padding-left: 24px;
}

.facet li{
    padding-right: 20px;
    line-height: 28px;
}

.list-facets li .chb{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.list-facets .count{
    margin-left: 4px;
    position: absolute;
    top: 50%;
    right: 0;
    font-size: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.facet-item{
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
}

.list-facets.limited li:nth-of-type(n+6){
    display: none;
}

.limited + .hyp-toggle .collapse,
.unlimited + .hyp-toggle .expand{
    display: none;
}

.facet-selected .facet-title{
    font-weight: bold;
}

.facet-selected .hyp-remove{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    font-weight: bold;
}

.clear-facets-selection{
    margin-bottom: 37px;
    font-weight: bold;
}

/*           product page            */
.back-wrapper{
    height: 25px;
    float: left;
}

.back-wrapper + .breadcrumbs{
    float: left;
    padding-left: 41px;
    margin-left: 44px;
}

.hyp-back:hover{
    text-decoration: none;
}

.hyp-back.arrow-red:before{
    content: '‹ ';
}

.has-aside{
    box-sizing: border-box;
    width: 85%;
}

aside .hyp{
    float: left;
    clear: both;
}

#matricesPopup,
#volumePricesPopup,
#bomPopup{
    display: none;
}

.product{
    padding-top: 32px;
}

.product .main{
    margin-bottom: 45px;
}

.has-aside > div,
.no-aside > div{
    display: table-cell;
    padding: 0 1%;
    vertical-align: top;
}

.no-aside{
    width: 100%;
}

/*           product images             */
.has-aside .details-img{
	width: 40%;
}

.no-aside .details-img{
    width: 60%;
}

.carousel-image{
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

.carousel-image .no-image{
    max-width: 100%;
}

.carousel-content{
	position: absolute;
	top: 0;
	margin-left: 0;
	width: 33440px;
	z-index: 1;
}

.carousel-item{
	float: left;
    margin-right: 137px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.carousel-item img{
	margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

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

.carousel-image-slider{
    margin: 30px 0;
}

.carousel-content{
	margin: 0;
	padding: 0;
	list-style: none;
}

.carousel-centering{
	margin: 0 auto;
    padding: 0 15px;
    position: relative;
    height: 100px;
}

.carousel-positioning{
    position: relative;
}

.carousel-cutter{
	overflow: hidden;
    height: 100%;
}

.list-thumbs{
	position: absolute;
	top: 0;
	width: 33440px;
}

.list-thumbs li{
	float: left;
}

.list-thumbs .hyp-thumbnail{
    box-sizing: border-box;
    display: block;
    margin: 0 10px;
    height: 100px;
    width: 100px;
}

.list-thumbs .thumbnail{
    display: block;
}

.list-thumbs .hyp-thumbnail:hover .thumbnail:after{
    content: '';
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
}

.btn-prev-img,
.btn-next-img{
    background-image: url(../../files/icons/arrows-thumbnail.png);
    background-repeat: no-repeat;
    background-size: 31px auto;
    cursor: pointer;
	height: 28px;
	position: absolute;
    margin-top: -13px;
	top: 50%;
	width: 15px;
    display: none;
}

.btn-prev-img{
    background-position: 0 -54px;
    left: 0;
}

.btn-next-img{
    background-position: -16px -54px;
    right: 0;
}

.btn-prev-img:hover{
    background-position: 0 -27px;
}

.btn-prev-img.disabled{
    background-position: 0 -54px;
}

.btn-next-img:hover{
    background-position: -16px -27px;
}

.btn-next-img.disabled{
    background-position: -16px -54px;
}

.zoomContainer{
    z-index: 1;
}

/*          lightbox image slider          */
.slider-wrapper{
    position: relative;
    top: 0;
    left: 0;
    width: 1000px;
    height: 748px;
    overflow: hidden;
}

.slider-list{
    cursor: move;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 1000px;
    height: 748px;
}

.slider-list-item{
    position: relative;
}

.slider-list-item img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    max-width: 90%;
}

.slider-al,
.slider-ar,
.slider-aldn,
.slider-ardn{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../../files/icons/arrows-thumbnail.png) no-repeat;
    overflow: hidden;
    width: 15px;
    height: 25px;
}

.slider-al,
.slider-aldn{
    background-position: 0 0;
    left: 8px;
}

.slider-ar,
.slider-ardn{
    background-position: -16px 0;
    right: 8px;
}

.slider-al:hover{
    background-position: 0 -26px;
}

.slider-ar:hover{
    background-position: -16px -26px;
}

.slider-b{
    position: absolute;
    bottom: 6px;
    right: 6px;
}

.slider-b div{
    position: absolute;
    width: 12px;
    height: 12px;
}

.slider-b div,
.slider-b div:hover,
.slider-b .av{
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border-radius: 10px;
}

.slider-b div{
    background-color: #ccc;
}

.slider-b div:hover,
.slider-b .av:hover{
    background-color: #999;
}

.slider-b .av{
    background-color: #000;
}

.slider-b .dn,
.slider-b .dn:hover{
    background-color: #000;
}


/*          product details          */
.details-info .description{
	display: inline-block;
    margin-top: 22px;
	width: 100%;
    word-wrap: break-word;
}

.hyp-read-description + .hyp-print-preview{
    margin-left: 50px;
}

.details-info .product-id .name{
    display: inline-block;
    width: 73px;
}

.rating-reviews{
    margin-top: 10px;
}

.rating-reviews .hyp{
    margin-left: 10px;
}

.rating-reviews .hyp + .hyp{
    padding-left: 15px;
}

/* productRatingControl (jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/) */
.rating{
	display: inline-block;
	vertical-align: middle;
}

.rating-cancel,
.star-rating{
    background: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    float: left;
    height: 16px;
    overflow: hidden;
    text-indent: -999em;
    width: 16px;
}

.rating-cancel,
.rating-cancel a{
    background: url(../../files/icons/rating-cancel.png) no-repeat scroll 0 0 transparent !important;
}

.rating-cancel a,
.star-rating a{
    border: 0;
    display: block;
    height: 100%;
    width: 16px;
}

.star-rating a{
    background: url(../../files/icons/rating-star.png) no-repeat scroll 0 0 transparent;
}

.star-rating-on a{
    background: url(../../files/icons/rating-star-on.png) no-repeat scroll 0 0 transparent;
}

.star-rating-hover a{
    background: url(../../files/icons/rating-star-on.png) no-repeat scroll 0 0 transparent;
}

.star-rating-readonly a{
    cursor: default !important;
}

.star-rating{
    background: transparent !important;
    overflow: hidden !important;
}

.row-button-wrapper{
    margin-top: 20px;
}

.order-box{
    margin-top: 20px;
}

.order-box .lbl-price{
    font-weight: bold;
}

.order-box .form-row .label{
    width: 23%;
}

.order-box .after-btn-links{
    vertical-align: middle;
}

.order-box .row-quantity .field{
    white-space: nowrap;
}

.order-box select {
    visibility: hidden;
}

.product-advantages-list,
.delivery-times-dates{
    margin: 30px 0 0 0;
}

.product-advantage{
    background-image: url(../../files/icons/u-s-p-circle@2x.png);
    background-size: 24px 25px;
    background-repeat: no-repeat;
    padding: 0 0 2px 40px;
    margin: 7px 0;
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 300;
}

.product .hyp.hyp-add-to-wishlist{
    background-image: url(../../files/icons/add-to-wishlist.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    display: inline-block;
    text-decoration: underline;
    padding: 0 0 2px 40px;
    margin: 7px 0;
    color: #323232;
    font-size: 16px;
}

.has-aside .field-btn-add{
    text-align: right;
}

.order-box .prices-action{
    margin-bottom: 30px;
}

.no-aside .field-btn-add{
    text-align: left;
}

.prices-action{
    display: table;
    width: 100%;
}

.prices-action > div{
    display: table-cell;
    vertical-align: bottom;
}

.after-prices{
    padding: 0 7px;
    line-height: 20px;
    width: 100%;
}

/* last viewed products */
.hyp-clear-viewed{
	padding-left: 20px;
	margin-left: 20px;
}

.last-viewed{
    margin: 70px 0;
}

.last-viewed .ui-tabs-nav{
    padding-bottom: 10px;
}

.hyp-tab-action{
    font-weight: bold;
    float: left;
    margin: 15px 0 0 45px;
}

/* related info */
.simple-product-tile{
    box-sizing: border-box;
    text-align: center;
    padding: 0 3%;
}

.simple-product-tile .hyp-thumbnail{
    max-width: 100%;
    height: 180px;
    width: 180px;
}

.tabs-horizontal{
    position: relative;
    overflow: hidden;
}

.tabs-horizontal .ui-tabs-nav{
    position: relative;
    width: 300%;
}

.tabs-horizontal .ui-tabs-nav li:not(:first-child){
    margin-left: 33px;
}

.opacity-left,
.opacity-right{
    position: absolute;
    top: 0;
    height: 100%;
    width: 65px;
    z-index: 1;
}

.opacity-left{
    background: -webkit-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,0.5));
    background: -moz-linear-gradient(right,rgba(255,255,255,1),rgba(255,255,255,0.5));
    background: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0.5));
    left: 0;
}

.opacity-right{
    background: -webkit-linear-gradient(left,rgba(255,255,255,0.5),rgba(255,255,255,1));
    background: -moz-linear-gradient(right,rgba(255,255,255,0.5),rgba(255,255,255,1));
    background: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,1));
    right: 0;
}

.btn-prev,
.btn-next{
    cursor: pointer;
    background: url(../../files/icons/arrows.png);
    position: absolute;
    top: 10px;
    height: 19px;
    width: 12px;
    z-index: 1;
}

.btn-prev{
    background-position: 0 0;
    left: 0;
}

.btn-next{
    background-position: -13px 0;
    right: 0;
}

.btn-prev:hover{
    background-position: 0 -20px;
}

.btn-next:hover{
    background-position: -13px -20px;
}

/*          social sharing */
.add-this{
    text-align: center;
    margin-top: 10px;
}

.addthis_toolbox{
    display: inline-block;
}

/*          matrices            */
.matrices{
    overflow: visible;
}

.matrices .ui-dialog-titlebar{
    display: none;
}

.matrices .ui-dialog-content{
    overflow: visible;
}

.matrices .ui-tabs-nav{
    position: absolute;
    margin-bottom: 10px;
    bottom: 100%;
    right: 0;
}

.matrices .ui-tabs-nav li{
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    margin-left: 2px;
}

.matrices .ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    padding: 15px 56px;
    line-height: 1;
    text-align: center;
    position: relative;
    margin-bottom: -3px;
}

.matrices .ui-tabs-active .ui-tabs-anchor:after{
    bottom: 10px;
    left: 56px;
    right: 56px;
}

.matrices .btn-back{
    line-height: 44px;
}

.grid-inside{
	clear: both;
	height: 100%;
    margin: 49px 0 23px 0;
	overflow: auto;
	position: relative;
	width: 100%;
    max-height: 450px;
}

.add-box{
    display: table;
    float: right;
}

.add-box li{
    display: table-cell;
    padding-right: 18px;
    vertical-align: top;
}

.quantity-selected{
	line-height: 22px;
}

.quantity-selected .name{
    display: inline-block;
    text-align: right;
    width: 150px;
}

.quantity-selected .value{
    display: inline-block;
    padding-left: 15px;
    width: 80px;
}

/* variants & prepacks */
.variants h2{
    line-height: 1;
}

.variants .product-id .name{
    margin-right: 35px;
}

.gvi-variants th:not(.corner-cell),
.gvi-prepacks th{
    text-transform: uppercase;
}

.corner-cell .lbl-uom-title{
    line-height: 28px;
    vertical-align: middle;
}

.gvi-variants .th-col,
.gvi-prepacks thead th{
    text-align: center;
    padding: 15px;
}

.gvi-variants td,
.gvi-prepacks td{
    text-align: center;
    padding: 23px 15px 10px;
}

.gvi-variants .th-row,
.gvi-prepacks tbody th{
    text-align: left;
    padding-right: 23px;
    padding-left: 19px;
}

.gvi-variants .tbx-quantity,
.gvi-prepacks .tbx-quantity{
    width: 70px;
}

/* variants */
.cell .tbx-quantity{
    margin-bottom: 10px;
}

.cell .stock-indication,
.cell .lbl-price{
    margin: 0 10px;
}

.cell .msg-not-available{
    line-height: 28px;
}

.variants-row{
    font-weight: bold;
    padding-top: 10px;
}

/* prepacks */
.gvi-prepacks .price{
    text-align: left;
}

.prepack-selection{
    margin-top: 20px;
}

.ddlb-prepack-selector{
    display: inline-block;
	margin-left: 25px;
    min-width: 250px;
    vertical-align: middle;
}

/* volume prices and bom */
.gvi-volume-prices th,
.gvi-bom th{
    text-align: left;
}

.gvi-volume-prices th,
.gvi-volume-prices td,
.gvi-bom th,
.gvi-bom td{
    border-bottom: none;
}

.gvi-volume-prices .cell-qty,
.gvi-volume-prices .cell-uom,
.gvi-volume-prices .cell-discount,
.gvi-bom td{
    font-weight: bold;
}

/* bom product grid */
.gvi-bom td{
    vertical-align: top;
}

.gvi-bom .bom-title{
    padding-left: 15px;
    padding-right: 15px;
}

.gvi-bom .variant{
	width: 240px;
}

.gvi-bom .qty{
	width: 60px;
	text-align: right;
}

.bom-nested{
    display: table;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.bom-nested li{
    display: table-row;
}

.bom-nested .lbl-variant{
    display: table-cell;
    width: 80%;
}

.bom-nested .lbl-qty{
    display: table-cell;
    text-align: right;
    width: 20%;
}

/* product reviews */
.list-reviews li{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: 10px;
    padding-bottom: 10px;
}

.list-reviews .rating{
    float: right;
}

.review-title{
	font-weight: bold;
	margin-right: 5px;
}





/*          product list page           */
.btn-add-inside{
    padding-top: 30px;
}

.counter-inside{
    line-height: 35px;
}

.btn-view{
    cursor: pointer;
    display: inline-block;
    margin: 5px 10px;
    height: 24px;
    width: 24px;
    vertical-align: middle;
}

.btn-view:hover{
    background-position: 0 -25px;
}

.changer-grid-mode .to-grid,
.changer-list-mode .to-list{
    cursor: default;
    pointer-events: none;
}

.to-list{
    background: url(../../files/icons/view-list.png);
    background-position: 0 -50px;
}

.changer-list-mode .to-list{
    background-position: 0 0;
}

.to-grid{
    background: url(../../files/icons/view-grid.png);
    background-position: 0 -50px;
}

.changer-grid-mode .to-grid{
    background-position: 0 0;
}

/* sorting */
.ddlb-sorting{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.sorting a{
    font-size: 10px;
    color: #323232;
    text-transform: uppercase;
}

.sorting a:after{
    content: "";
    background-image: url(../../files/icons/sort@2x.png);
    background-size: 20px 17px;
    width: 20px;
    height: 17px;
    display: inline-block;
    margin: 0 0 0 10px;
    position: relative;
    top: 4px;
}

/* paging */
.btn-paging{
    padding: 0;
    height: 21px;
    width: 21px;
    display: inline-block;
    position: relative;
}

.btn-paging:after{
    display: none;
}

.btn-page-prev:before,
.btn-page-next:before{
    content: '';
    position: absolute;
    background-image: url(../../files/icons/arrow-left@2x.png);
    background-size: 4px 6px;
    width: 4px;
    height: 6px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

.btn-page-next:before{
    background-image: url(../../files/icons/arrow-right@2x.png);
}

.btn-paging-disabled{
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.paging{
    padding: 15px 0;
}

ul.pager-list{
    display: inline-block;
    line-height: 20px;
    margin: 0 2px;
    vertical-align: top;
}

.pager-list li:first-child{
    border-left: 1px solid;
}

.pager-list li{
    display: inline-block;
    border-right: 1px solid;
    border-left: 1px solid #fff;
}

.pager-list li a,
.pager-list li span{
    padding: 6px 12px;
    font-size: 12px;
}

.pager-selected{
    font-weight: bold;
}

/*          products list grid            */
.selected-quantity{
    display: none;
    line-height: 12px;
    text-transform: lowercase;
}

.edit-selected{
    padding-left: 17px;
    margin-left: 17px;
}

.product-list .product-id{
    margin-right: 17px;
    padding-right: 17px;
    vertical-align: middle;
}

.list-mode{
    display: table;
    width: 100%;
}

.list-mode > li{
    display: table-row;
}

.list-mode li:first-child .product-tile{
    border-top-width: 1px;
    border-top-style: solid;
}

.list-mode .product-tile{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.list-mode .product-tile .product-img,
.list-mode .product-tile .product-info{
    padding: 15px 0;
}

.list-mode .product-tile .product-img{
    padding-right: 15px;
}

.list-mode .product-tile .prices{
    line-height: 33px;
}

.list-mode .list-price{
    vertical-align: top;
    position: relative;
    top: -5px;
}

.list-mode .product-action{
    white-space: nowrap;
}

.list-mode .product-description{
    display:table-cell;
    width:100%;
    vertical-align: top;
}

.product-details-description{
    margin: 30px 0;
    letter-spacing: 0.2px;
    font-size: 16px;
    font-weight: 300;
}

.get-call-support,
.product-keywords{
    margin: 30px 0;
}

.details-info .get-call-support .description{
    margin-top: 0;
}

.product-stock-available{
    background-image: url(../../files/icons/u-s-p-circle@2x.png);
    background-size: 24px 25px;
    background-repeat: no-repeat;
    letter-spacing: 0.2px;
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 4px 35px;
    display: inline-block;
    position: relative;
    top: -2px;
}

.login-to-view-price-link {
    background-image: url(../../files/icons/Euro-Icon.png);
    background-size: 24px 25px;
    background-repeat: no-repeat;
    letter-spacing: 0.2px;
    font-weight: bold;
    font-size: 16px;
    padding: 0 0 4px 35px;
    display: inline-block;
    position: relative;
    top: -2px;
    color: #323232;
    text-decoration: underline;
}

.order-box .prices-action .prices {
    margin: 0 20px 10px 0;
    display: inline-block;
}

.get-call-support .client-links{
    text-align: left;
}

.get-call-support .client-link-chat img.fr-tag.fr-fin{
    margin-left: 0;
}

.get-call img{
    width: 115px;
}

.get-support .client-service{
    padding: 0;
}

.get-support, .get-call{
    vertical-align: top;
}

.list-mode .selected-quantity{
    margin-top: 7px;
}

ul.grid-mode{
    margin: 0 -1.4%;
    position: relative;
}

.grid-mode > li{
    box-sizing: border-box;
    float: left;
    text-align: center;
    margin-top: 18px;
    padding: 0 1.4% 13px 1.4%;
    height: 360px;
}

.grid-mode .product-tile{
    display: block;
    padding: 2px;
    min-height: 100%;
    width: auto;
}

.grid-mode .product-img{
    display: block;
    padding-top: 12px;
    width: auto;
}

.grid-mode .product-info{
    display: block;
}

.grid-mode .product-img .hyp-thumbnail{
    display: block;
    margin: 0 auto;
    height: 230px;
    max-width: 100%;
    width: 230px;
}

.grid-mode .product-title{
    text-transform: uppercase;
}


.special-label {
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 14px;
    padding: 3px 15px !important;
    color: #fff;
    border-radius: 3px;
    background-color: #e2bf31;
    display: inline;
    line-height: 18px !important;
    z-index: 1;
    
    
    
}

/*#productPage .special-label {
    font-size: 14px !important;
    padding: 3px 15px !important;
    line-height: 18px !important;
}*/

.grid-mode .product-description{
    padding-top: 3px;
    margin-bottom: 3px;
}



.grid-mode .product-id,
.grid-mode .product-attributes {
    display: none;
}

.grid-mode .product-action .form-quantity{
    padding-top: 3px;
}

.grid-mode .hide-for-grid{
    display: none;
}

.variants-selected .selected-quantity{
    display: table-cell;
    vertical-align: middle;
}

.select-variants + .selected-quantity .font-title{
    padding-left: 17px;
    margin-left: 17px;
}

.variants-selected .select-variants{
    display: none;
}

/*          orders          */
.orders{
    margin: 60px 0;
}

.gvi-orders{
    margin-top: 15px;
}

.gvi-orders th{
    text-align: left;
}

.gvi-orders td{
    border-bottom: none;
}





/* custom select styles */
.ddlb{
    height: 46px;
    position: relative;
}

.ddlb-small{
    height: 28px;
}

.ddlb-small .ui-selectmenu-button span.ui-selectmenu-text{
    line-height: 27px;
}

.ui-selectmenu-button{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-radius: 3px;
    outline: none;
}

.ui-selectmenu-menu .ui-menu{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    max-height: 240px;
}

.ui-selectmenu-button span.ui-selectmenu-text{
    line-height: 46px;
    padding: 0 28px 0 18px;
}

.ui-selectmenu-menu .ui-menu .ui-menu-item{
    padding: 7px 28px 7px 12px;
    line-height: 20px;
    box-sizing:border-box;
}

.ui-selectmenu-button span.ui-icon{
    border-top: 4px solid #4d4d4d;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    right: 10px;
    margin-top: -2px;
}



.unit-of-measure{
    display: inline-block;
    vertical-align: middle;
}

.tbx-quantity + .unit-of-measure{
    margin-left: 8px;
    vertical-align: top;
}

.ddlb-uom{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.lbl-uom{
    display: inline-block;
    line-height: 28px;
}


/*          my account          */
.aside-links{
    margin-top: 80px;
}

.order-info-inside{
    margin-top: 65px;
}

.order-info-inside h2{
    display: inline-block;
    margin-right: 25px;
}

.account-name{
    margin: 13px 0 20px;
}

.hyp-account{
    padding-top:5px;
    padding-bottom:5px;
    float: left;
    clear: both;
}

.account-info-inside{
    margin-top: 65px;
}

.account-info-inside .sub-title{
    font-weight: bold;
    margin-right: 40px;
}

.account-info-content{
    margin-bottom: 35px;
}

.btn-prospect{
    margin-top: 15px;
}

.tracking-link{
    display:inline-block;
    max-width:145px;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.tracking-text{
    display:inline-block;
    max-width:150px;
    word-break:break-word;
}

.gvi-orders th,
.gvi-orders td{
    padding-left:5px;
}

.gvi-orders th:first-child,
.gvi-orders td:first-child{
    padding-left:0px;
}


/*          order templates         */
.cell-check-box{
	width: 30px;
}

.templates-action{
    padding-top: 10px;
}

.templates-action .hyp{
    padding-left: 15px;
    margin-left: 15px;
}

.template-header{
    margin-bottom: 10px;
}

.template-header .value{
    font-weight: bold;
}

.gvi-order-details .product-title{
    font-weight: bold;
}

.rush-order-message{
    display: table;
    margin: 25px 0 50px 0;
    font-size: 12px;
    line-height: 18px;
}

.order-info-wrapper .rush-order-message {
    margin: 5px 0 0 0;
}

.rush-order-cell{
    display: table-cell;
    vertical-align: middle;
}

.rush-order-image{
    width: 34px;
}

.video-container-wrapper .client-links{
    text-align: left;
}

.video-container-wrapper{
    max-width: 575px;
    margin: auto;
}

.video-container-wrapper .table{
    margin: 0 0 60px 0;
}

.video-container{
    margin: 0 auto 60px auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-container-wrapper .client-service{
    padding: 0;
}

.video-container-wrapper .table-cell{
    vertical-align: top;
}

.video-container iframe{
    border: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.video-container-play{
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../../files/images/e_support_pimm.jpg);
    background-size: cover;
    background-position-x: 50%;
    cursor: pointer;
}

.video-container-play:before{
    content: "";
    background-color: rgba(68, 19, 68, 0.4);
    position: absolute;
    width: 100%;
    height: 100%;
}

.video-container-play:after {
    content: "";
    background-image: url(../../files/icons/play-icon@2x.png);
    background-size: 84px 84px;
    width: 84px;
    height: 84px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.submit-order-header{
    font-weight: 900;
    font-size: 12px;
    margin: 15px 0;
}

.submit-order-details{
    letter-spacing: 0.2px;
}

.submit-order-icon-holder{
    text-align: center;
    position: relative;
}

.submit-order-content{
    line-height: 20px;
    letter-spacing: 0.2px;
}

.submit-order-icon{
    max-width: 60px;
    display: block;
    position: relative;
    z-index: 1;
    margin-left: calc(50% - 30px);
}

.submit-order-columns .submit-order-cell:first-child .submit-order-icon{
    background-color: #fff;
    margin-left: 0;
}

.submit-order-columns .submit-order-cell:last-child .submit-order-icon{
    background-color: #fff;
    margin-left: calc(50% - 30px);
}

.submit-order-icon-holder:after{
    content: "";
    background-image: linear-gradient(to right, #9fbfb4 20%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 5px 1px;
    background-repeat: repeat-x;
    height: 1px;
    display: block;
    position: absolute;
    top: 50%;
    bottom: 0;
    width: 100%;
}

/*          datepicker           */
.checkout-orderoverview-page .ui-datepicker .ui-datepicker-header{
    position: relative;
}

.checkout-orderoverview-page .ui-datepicker td span, .checkout-orderoverview-page .ui-datepicker td a{
    font-size: 14px;
}

.delivery-calendar,
.delivery-calendar-content {
    position: relative;
}

    .delivery-calendar .ui-datepicker {
        width: 100%;
        height: calc(100% - 63px);
        box-sizing: border-box;
        padding: 63px 0 0 0;
        font-size: 18px;
    }

.delivery-calendar #datepicker{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.calendar-placeholder{
    width: 100%;
}

.delivery-calendar .ui-datepicker .ui-datepicker-header {
    padding: 20px 0;
    position: absolute;
    width: 100%;
    top: 0;
}

.delivery-calendar .ui-datepicker table {
    height: 100%;
    table-layout: fixed;
}

.ui-state-disabled{
    background: #f5f5f5;
}

.ui-datepicker.ui-widget-content{
    margin-top: 1px;
    border-radius: 3px;
    background-color: #fff !important;
}

.delivery-calendar .ui-datepicker .ui-datepicker-title {
    font-weight: 900;
    text-transform: uppercase;
}

.delivery-calendar .ui-datepicker th {
    font-weight: 900;
    padding: .7em;
    font-size: 12px;
    line-height: 2.5em;
    border: 1px solid #eee;
    text-transform: uppercase;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{
    display: none;
}

.ui-datepicker .ui-datepicker-prev{
    background: url(../../files/icons/arrow-left@2x.png) center center no-repeat;
    left: 0;
}

.ui-datepicker .ui-datepicker-next{
    background: url(../../files/icons/arrow-right@2x.png) center center no-repeat;
    right: 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
    height: 24px;
    background-size: 6px 9px;

}

.ui-datepicker .ui-datepicker-prev-hover{
    left: 0;
}

.ui-datepicker .ui-datepicker-next-hover{
    right: 0;
}

.ui-datepicker .ui-datepicker-today{
    font-weight: bold;
}

.ui-datepicker td span, .ui-datepicker td a{
    font-weight: bold;
    font-size: 12px;
    display: inline;
}

.ui-datepicker td span{
    color: #9b9b9b;
}

.ui-datepicker td a{
    color: #323232;
}

.ui-datepicker-current-day{
    background-color: #9fbfb4;
}

.ui-datepicker-current-day .ui-state-active{
    color: #fff;
}

.ui-datepicker td{
    border: 1px solid #eee;
    padding: 0;
    text-align: center;
    cursor: pointer;
}

/*          basket            */
.gvi-basket td{
    vertical-align: middle;
}

.gvi-basket th{
    padding-right: 0;
    padding-left: 0;
}

.gvi-basket .upper-row td,
.gvi-wish-list .upper-row td{
    padding: 15px 3px;
}

.gvi-basket .inner-row td,
.gvi-wish-list .inner-row td{
    padding: 15px 3px;
}

.gvi-basket .vertical-line{
    position: relative;
}

.gvi-basket .vertical-line:before{
    border-left-width: 2px;
    border-left-style: solid;
    content: '';
    position: absolute;
    top: 0;
    bottom: -15px;
    left: -125px;
}

.gvi-basket .last-in-group .vertical-line:before{
    bottom: 0;
}

.gvi-basket .col-price{
    width: 90px;
}

.gvi-basket .col-quantity{
    width: 130px;
}

.gvi-basket .col-total{
    width: 95px;
}

.gvi-basket .col-price,
.gvi-basket .lbl-quantity,
.gvi-basket .product-total{
    line-height: 28px;
}

.gvi-basket .product-total{
    font-weight: 900;
}

.id-variant-aria .product-variant{
    font-size: 12px;
    letter-spacing: 0.2px;
}

.product-total{
    white-space: nowrap;
}

.price-node{
    white-space: nowrap;
}

.cell-total-value,
.cell-price-value{
    display:inline-block;
    text-align:right;
}


.gvi-basket .product-img{
    float: left;
}


/*  start b2c basket lines */
.basket-b2c-mode .gvi-basket .col-first{
    width: 120px;
}

.basket-b2c-mode .gvi-basket .hyp-thumbnail{
    height: 84px;
    width: 84px;
}
/*  end b2c basket lines */

/*  start b2b basket lines */
.basket-b2b-mode .gvi-basket .col-first{
    width: 65px;
}

.basket-b2b-mode .gvi-basket .product-img,
.basket-b2b-mode .gvi-basket .hyp-thumbnail{
    height: 50px;
    width: 50px;
}
/*  end b2b basket lines */

.gvi-basket .vertical-line{
    margin-left: 70px;
    min-height: 50px;
}

.gvi-basket .btn-show-hide{
    float: left;
    margin-top: 15px;
}

.hyp-recalculate{
    text-decoration: underline;
}

.hyp-reload{
    text-decoration: underline;
}

.block-actions{
    height: 47px;
}

.block-actions .hyp-btn{
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
}

.gvi-basket .extended-text{
    margin: 7px 0;
}

.checkout-offers{
    margin: 70px 0;
}

.checkout-offers .ui-tabs-nav{
    padding-bottom: 10px;
}

.basket-details h2{
    margin-bottom: 15px;
}

ul.list-totals{
    margin: 30px 0;
}

.list-totals li{
    line-height: 30px;
    clear: both;
}

.list-totals .total-price{
    padding-top: 7px;
}

.list-totals .total-unit{
    line-height: 1;
}

.list-totals .name{
    float: left;
    max-width:60%;
}

.list-totals .value{
    display: block;
    text-align: right;
    margin-left: 40%;
}

.list-totals .total-value,
.list-cart .total-value,
.gvi-totals .cell-price-value
{
    display:inline-block;
}

.basket-page-cnt .gvi-totals.gvi-totals-basket-overview.gvi td.cell-total{
    font-size: 24px;
    font-weight: bold;
}

.basket-page-cnt .gvi-totals.gvi-totals-basket-overview.gvi .row-shipping .price-node,
.basket-page-cnt .gvi-totals.gvi-totals-basket-overview.gvi .row-promotion .price-node{
    font-size: 12px;
    font-weight: bold;
}

.basket-buttons{
    margin-bottom: 25px;
}

.basket-buttons .hyp-btn{
    clear: both;
    float: left;
    margin: 13px 0;
}

.hyp-btn-disabled{
    cursor: default;
    pointer-events: none;
}

.basket-details .btn-checkout{
    margin-bottom: 58px;
    width: 100%;
}

.msg-empty-basket{
    display: none;
}

.basket-empty .msg-empty-basket{
    display: block;
}

.basket-empty .msg-basket-recalculate{
    display: none;
}

.basket-empty .gvi-basket,
.basket-empty .block-actions,
.basket-empty .enter-discount,
.basket-empty .gvi-totals,
.basket-empty .list-totals{
    display: none;
}

.row-expanded .product-total,
.row-expanded .lbl-quantity{
    visibility: hidden;
}

/*          checkout            */
.checkout-page-cnt .wide .h1-holder{
    padding-top: 0;
    margin-bottom: 35px;
}

.checkout-page-cnt .wide h2{
    margin-top: 10px;
}

.checkout-step{
    padding-top: 20px;
    margin-bottom: 60px;
}

#basketPage #basketContent{
    margin: 30px 0 60px 0;
}

#basketPage #basketContent.js-onestepcheckoutbasket{
    margin: 30px 0;
}

.checkout-text{
    margin-bottom: 10px;
}

.terms-row{
    padding-top: 10px;
    margin-bottom: 12px;
}

.pay-row .btn-back{
    float: left;
    line-height: 45px;
}

.shipping-separator{
    text-align: center;
    position: relative;
    margin: 15px 0;
}

.next-inside .btn{
    margin-top: 20px;
}

.shipping-separator:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

.shipping-separator .text{
    cursor: pointer;
    display: inline-block;
    padding: 0 15px;
    position: relative;
}

.gvi-methods{
    margin-bottom: 20px;
}

.gvi-methods tr{
    line-height: 24px;
}

.gvi-methods td{
    vertical-align: top;
    padding: 12px 0;
}

.gvi-methods th{
    padding: 4px 0;
}

.gvi-methods .method-title{
    vertical-align: middle;
}

.gvi-methods .rdb{
    margin-top: 0;
    margin-left: -2px;
}

.gvi-methods .radio{
    display: inline-block;
    line-height: 24px;
    margin-right: 15px;
    vertical-align: bottom;
}

.gvi-methods .cell-price{
    text-align: right;
    width: 60px;
    padding-right: 16px;
}

.gvi-methods .cell-price-value{
    min-width: 45px;
}

.gvi-methods .hyp-more{
    text-transform: lowercase;
}

.method-img{
    max-height: 24px;
    margin-right: 7px;
    vertical-align: middle;
}

.weight-value{
    font-weight: bold;
}

.cart-summary{
    margin-bottom: 40px;
}

.cart-summary-header{
    margin-bottom: 28px;
    position: relative;
}

.cart-summary-header h2{
    display: inline;
}

.cart-summary-header .hyp-edit{
    text-decoration: underline;
    position: absolute;
    bottom: 0;
    right: 0;
}

ul.list-cart{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 15px;
}

.list-cart .name{
    float: left;
}

.list-cart .value{
    display: block;
    text-align: right;
    margin-left: 60%;
}

.list-cart .subtotal{
    margin-top: 8px;
    padding-top: 7px;
}

.list-cart .total .name{
    font-weight: bold;
}

.checkout-summary h2{
    margin-bottom: 10px;
}

ul.list-step{
    margin-bottom: 26px;
}

.list-step-title{
    font-weight: bold;
}

.list-step .hyp-edit{
    text-decoration: underline;
    float: right;
}

.service-info{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 25px;
    margin-bottom: 30px;
}

.additional-info{
    margin-bottom: 66px;
}

.additional-info h4{
    margin-bottom: 10px;
}

.additional-option-img-basket{
    font-size: 0;
    color: transparent;
}

.gvi-basket-overview td{
    vertical-align: top;
}

.gvi-basket-overview td:last-child,
.gvi-basket-overview th:last-child{
    padding-right: 7px;
}

.gvi-big-basket.collapsed tbody,
.gvi-big-basket.collapsed .sign-minus,
.gvi-big-basket.expanded .sign-plus{
    display: none;
}

.gvi-big-basket tfoot td{
    padding: 12px 20px;
}

.gvi-big-basket tfoot .cell-value{
    font-weight: bold;
}

.gvi-big-basket .toggle-hyp-inside{
    float: right;
}

.checkout-footer .usp{
    margin: 40px 0;
}

/*          totals          */
.enter-discount{
    line-height: 20px;
}

.enter-discount .hyp{
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 7px;
    vertical-align: middle;
}

.tbx-promotion{
    display: inline-block;
    vertical-align: middle;
    height: 44px;
}

.tbx.tbx-promotion input{
    height: 44px;
}

.shipping-cost{
    display: inline-block;
}

.shipping-cost .tooltip-sign{
    cursor: pointer;
}

.ui-tooltip{
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    padding: 10px;
    line-height: 18px;
    width: 250px;
}





/* FAQ page */
.accordion{
    margin: 20px 0;
}

.accordion-header{
    cursor: pointer;
    padding: 15px 0 15px 40px;
}

.accordion-section{
    padding-left: 40px;
}

.accordion-header .btn-show-hide{
    float: left;
    margin: 2px 0 0 -40px;
}

.accordion-header.collapsed + .accordion-section{
    display: none;
}



/* news */
.list-news li{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    margin-top: 10px;
    padding-bottom: 10px;
}

.news-title{
	font-weight: bold;
	margin-right: 5px;
}

.list-news-header{
	margin: 15px 0;
}

.hyp-more{
    font-weight: bold;
}






/* general popup layout */
.ui-widget-overlay{
	opacity: 0.50;
}

.ui-dialog{
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    box-sizing: border-box;
    padding: 10px 0 25px;
    position: fixed;
}

.ui-dialog-scroll{
    max-height: 100%;
    overflow: auto;
}

.fix-dialog-scroll-helper{
    overflow: hidden;
}

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-content{
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 4%;
}

.ui-dialog-titlebar{
    text-align: right;
}

.ui-dialog .ui-dialog-titlebar-close{
    border: none;
    background: none;
    padding: 0 11px 0 0;
    position: relative;
    top: 0;
    right: 0;
    margin: 0;
    height: auto;
    width: auto;
}

.ui-dialog-titlebar-close .ui-button-text{
    text-indent: inherit;
}

.ui-dialog-titlebar-close .ui-icon{
    background: url(../../files/icons/close.png);
    left: auto;
    right: 0;
    margin-top: -6px;
    height: 14px;
    width: 11px;
}

.popup-cnt h2{
    margin: 14px 0 24px 0;
}

.popup-cnt .strong-header{
    text-align: center;
    margin-bottom: 30px;
}

.popup-cnt .cnt-column{
    display: table;
    margin: 0 auto;
    min-width: 520px;
}

.popup-cnt .ftr-column{
    text-align: center;
    margin-top: 17px;
    padding: 20px 0;
}

.popup-cnt .ftr-column .btn{
    margin: 0 30px;
}

.popup-ftr{
    text-align: right;
}





/*          Quick order         */
.qo-input-area .tbx-search{
    width: 60%;
}

.choose-product{
    display: table;
    padding: 4px 0;
    margin: 29px -10px 0;
    width: 100%;
}

.choose-product > div{
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
}

.hyp-qo-title{
    line-height: 34px;
    font-weight: bold;
}

.qo-input-area .ui-autocomplete a{
    min-height: 25px;
    padding-top: 11px;
    padding-bottom: 11px;
}

/* autocomplete */
.ui-autocomplete{
    overflow-y: auto;
}

.ui-autocomplete a{
    display: block;
    padding: 0 15px;
}

.ui-autocomplete a:hover,
.ui-autocomplete a.ui-state-focus{
    text-decoration: none;
}




/****************************************
            Content blocks
****************************************/

/*          our payment          */
.our-methods{
    margin-bottom: 20px;
}

.our-methods img{
    margin: 5px;
    vertical-align: middle;
}

/*          usp         */
.usp{
    max-width: 1000px;
    margin: auto;
}

.usp .separator-dark{
    display: block;
    height: 39px;
    width: 12px;
}

ul.usp-list{
    display: table;
    padding: 27px 0;
    width: 100%;
    table-layout: fixed;
}

.usp-list .usp-ico,
.usp-list .usp-text{
    vertical-align: middle;
}

.usp-list .usp-ico{
    min-width: 44px;
    padding-right: 30px;
}

.usp-list .usp-text{
    line-height: 20px;
}

.usp-list li{
    display: table-cell;
    text-align: center;
    position: relative;
    vertical-align: middle;
    letter-spacing: 0.2px;
}

.usp-list .table .table-cell:last-child{
    padding-right: 30px;
}

.usp-list li:first-child{
    text-align: left;
}

.usp-list li:last-child{
    text-align: right;
}

.home-page .content .center{
    max-width: none;
    padding: 0;
}

.home-page .columns-general.flow-img-tiles{
    margin: auto;
    width: 100%;
    table-layout: auto;
    max-width: 1000px;
}

.home-page .columns-general.flow-img-tiles > .column .banner-content-inside{
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    background: rgba(50,50,50,0.3);
    opacity: 0;
}

.home-page .columns-general.flow-img-tiles > .column:hover .banner-content-inside{
    opacity: 1;
}

.home-page .content .columns-general > .column{
    position: relative;
}

.home-page .columns-general.flow-img-tiles img{
    display: block;
}

.addOption-wrapper {
    margin: 0 0 15px 0;
}

.addOption-wrapper > label {
    display: block;
    margin: 0 0 5px 0;
}

.addOption-chb {
    margin: 0 0 10px 0;
}

.chars-left {
    margin: 0 0 0 5px;
}

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
}

.file-upload-wrapper {
    position: relative;
    margin-bottom: 5px;
    margin-top: -5px;
}
.file-upload-input {
    font-size: 12px;
    padding: 11px 17px;
    border: none;
}

.file-upload-input:focus{
    outline: 0;
}

.file-upload-button {
    cursor: pointer;
    display: inline-block;
    font-size: 17px !important;

    height:27px;
    line-height:10px;
    text-transform:uppercase;
}


/****************************************
                Content blocks
****************************************/

/*          START usp           */
.basket-page-cnt .usp-list{
    padding: 0;
}
/*          END usp           */



#quickOrder .ddlb .ui-selectmenu-button {
    min-width:250px;
}

.add-item-tooltip {
    right: -20px;
    top: 4px;
}

.tooltip-sign {
    cursor: pointer;
}

.addOption-wrapper .form-row .validation {
    padding-left: 0;
}
#addressBookPopupBody td{
    padding: 3px 10px;
}

.shipping-addresses-chb{
    margin: 20px 0;
}

.shipping-addresses-chb label{
    font-size: 10px;
    letter-spacing: 1px;
}

.default-address{
    margin: 5px 0 0 0;
}

.shipping-addresses-btn{
    margin: 0 8px 0 0;
}

.product-additional-info {
    width: 220px;
    overflow-wrap: break-word;
    word-break:break-all
}

.checkout-step .product-additional-info{
    width: auto;
}

.italic {
      font-style: italic;
}


.borderless > td{
    border: none;
}

.delivery-days span:not(:last-child)::after{
    content: ",";
}


#customShippingAddress .field-shippingaddress-preferredsupplier {
        display: none;
}

.home-carousel {
    width: calc(100vw - 17px);
    margin-left: calc((100% - 100vw + 17px) / 2);
    overflow: hidden;
    max-height: 540px;
}

.ui-touch-device .home-carousel {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
}

.home-carousel .banner {
    position: relative;
}

.carousel-content-item {
    display: none;
}

.home-carousel.has-carousel {
    height: 540px;
}

.productlist-list-page .home-carousel.has-carousel {
    top: 40px;
    margin-bottom: 40px;
}

.table{
    display: table;
}

.table.fixed{
    table-layout: fixed;
}

.table-cell.quarter{
    width: 25%;
}

.usp-list .table-cell{
    text-align: left;
}

.table-cell{
    display: table-cell;
}

.table-cell.middle{
    vertical-align: middle;
}




.banner-content-inside {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 19% 14.8%;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-flow: column;
    -webkit-flex-flow: column;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 1;
}
.image-tile-item .banner-content-inside h3 {
    font-size: 24px;
    line-height: 38px;
    text-transform: none;
    margin-bottom: 15px;
    font-weight: normal;
    letter-spacing: 0.6px;
    font-family: 'BlackJackRegular';
}

.image-tile-item .banner-content-inside h2 {
    font-size: 42px;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 0;
    font-family: 'OstrichSans Medium';
}

.banner-content-inside .btn {
    border: 1px solid;
    background: none;
    font-size: 26px;
    padding-left: 25px;
    padding-right: 25px;
}

.banner-content-inside .btn .btn-cnt:after {
    content: none;
}

.image-tile-item {
    position: relative;
    width: 100%;
    float: left;
}

.image-tile-item .banner-content-inside h2,
.image-tile-item .banner-content-inside h3 {
    color: #fff !important;
}

.image-tile-item .banner-content-inside .tile-link {
    color: #fff !important;
    font-size: 10px;
    letter-spacing: 0.5px;
    font-family: Lato;
    text-transform: uppercase;
    position: relative;
}

.image-tile-item .banner-content-inside .tile-link:after {
    content: '';
    width: 4px;
    height: 6px;
    background: url(../../files/icons/btn-icon-arrow.png) no-repeat;
    background-size: auto 6px;
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.image-tile-item-wrapper-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: url(../../files/content/empty.png);
    z-index: 2;
}

.small-tiles-block {
    width: 100%;
    float: left;
}

.banner-content-inside.center {
    align-items: center;
    -webkit-align-items: center;
}

.image-tile-item .banner-content-inside.center h2 {
    margin-bottom: 10px;
}

.image-tile-item .banner-content-inside.center h3 {
    margin-bottom: 20px;
}

.ImageTilesContentBlock {
    padding-top: 60px;
    padding-bottom: 40px;
    background-color: #F4F4F4;
}

.ImageTilesContentBlock.not-first {
    padding-top: 0px;
    margin-top: -40px;
}


/* FullWidthBanner */

.banner{
    position: relative;
    min-height: 200px;
    height: 540px;
    text-align: right;
}

.banner .banner-full-width {
    height: 540px;
}

.productlist-list-page .banner,
.productlist-list-page .banner .banner-full-width {
    height: 460px;
}

.banner .banner-full-width img{
    display: block;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: inherit;
}

.banner-full-width{
    position: relative;
    /*
    position: absolute;
    left: 0;
    right: 0;
    height: 500px;
    overflow: hidden;*/
}

.banner-content{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-width: 1000px;
    width: 100%;
    height: 100%;
    margin: auto;
    /*width: 440px;*/
    padding: 64px 24px 24px 24px;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: flex-end;
    -webkit-align-content: flex-end;
    flex-flow: column;
    -webkit-flex-flow: column;
}

.banner-content.center-position {
    align-content: center;
    -webkit-align-content: center;
}

.banner-content-text-wrapper {
}

.banner-content-text {
    width: 50%;
    float: right;
    text-align: left;
    padding-right: 8%;
    box-sizing: border-box;
    opacity: 0;
    margin-bottom: -50px;
    transition: all 0.5s ease-in-out 0s;
}

.animated .banner-content-text {
    opacity: 1;
    margin-bottom: 0;
}

.banner-content.center-position .banner-content-text {
    width: 100%;
    text-align: center;
    padding-left: 8%;
}

.banner h1{
    color: #fff;
    font-size: 62px;
    line-height: 62px;
    font-family: 'OstrichSans Black';
}

.banner h2{
    font-size: 36px;
    line-height: 44px;
    color: #fff;
}

.banner-icon-image {
    position: absolute;
    left: 2%;
    bottom: 0;
    max-height: 412px;
    opacity: 0;
    margin-left: -50px;
    transition: all 0.5s ease-in-out 0s;
}

.animated .banner-icon-image {
    opacity: 1;
    margin-left: 0;
}

.banner-full-width.overlay:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(50, 50, 50, 0.3);
}

.banner h1 {
    font-family: 'OstrichSans Black';
}

.banner h2 {
    font-family: 'BlackJackRegular';
    text-transform: none;
}

.productlist-list-page .banner h2 {
    max-width: 380px;
    font-size: 20px;
    line-height: 32px;
    margin: auto;
}

.banner .btn {
    position: relative;
    overflow: visible;
    margin-top: 40px;
}

.banner .btn:after {
    content: '';
    position: absolute;
    right: -44px;
    bottom: 24px;
    width: 32px;
    height: 58px;
    background: url(../../files/icons/carousel-arrow.png) no-repeat 0 bottom;
    background-size: 32px auto;

}

.home-carousel.has-carousel + .above-content {
    top: 0;
}

.facet-range{
    max-width: 175px;
    margin: auto;
}

.range-from-to{
    margin: 12px 0 0 0;
}

.facet-range .range-from{
    text-align: left;
}

.facet-range .range-to{
    text-align: right;
}

.range-button{
    margin: 10px 0 0 0;
    text-align: center;
}

.facet-range .range-from input,
.facet-range .range-to input {
    width: 45px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #323232;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    padding: 0;
}

.table {
    display: table;
    width: 100%;
}

.table-cell:not(:first-child) {
    display: table-cell;
    padding-left: 10px;
}

.slider-range.ui-widget-content, .slider-range.ui-widget-content{
    background: #323232;
}

.slider-range.ui-corner-all, .slider-range .ui-corner-all{
    border-radius: 0;
}

.ui-slider .ui-slider-handle{
    top: -.6em;
    border-radius:50%;
}

.slider-range .ui-state-default {
    background: #9fbfb4;
    border-color:#9fbfb4;
    outline:none;
}
.slider-range .ui-widget-header{
    background: #9fbfb4;
    border: none;
}

.slider-range.ui-widget.ui-widget-content{
    border-top: 4px solid #fff;
    border-bottom: 4px solid #fff;
    border-left: none;
    border-right: none;
}

.ui-slider-horizontal{
    height: 2px;
}

.receivers{

}

.receiver, .receivers-alert{
    display: table-row;
}

.receivers-alert{
    display: none;
}

.receivers-alert .receiver-cell{
    padding-top: 30px;
}

.receiver-name{
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 2px;
}

.receiver .receiver-cell{
    padding-bottom: 10px;
}

.receiver-cell{
    display: table-cell;
    vertical-align: middle;
}

.receiver-cell:first-child{
    width: 25px;
    text-align: center;
    padding-right: 10px;
}

.receiver-alert-message{
    font-size: 12px;
    line-height: 16px;
    padding-left: 10px;
}

.receiver-remove img{
    display: block;
}

/* START Custom checkbox */

.toggler{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.toggler input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}

.toggler input[type="checkbox"] + i {
    display: inline-block;
    background: #9b9b9b;
    width: 50px;
    height: 25px;
    border-radius: 15px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    margin: 0 5px 0 0;
}

.toggler input[type="checkbox"] + i:after {
  content: '';
  display: block;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  height: 21px;
  width: 21px;
  transition: all 100ms linear;
}

.toggler input[type="checkbox"] + i .on {
  display: none;
}

.toggler input[type="checkbox"]:checked + i {
  background: #9fbfb4;
}

.toggler input[type="checkbox"]:checked + i:after {
  left: 100%;
  margin-left: -23px;
}

.toggler input[type="checkbox"]:checked + i .off {
  display: none;
}

.toggler input[type="checkbox"]:checked + i .on {
  display: block;
}

.toggler input[type="checkbox"][disabled] + i {
  cursor: default;
}

.toggler input[type="checkbox"][disabled] + i:after {
  border-color: #d4d8dd;
}

.toggler input[type="checkbox"][disabled]:checked + i {
  background-color: rgba(23, 161, 134, 0.6);
}

.toggler .on,
.toggler .off {
  color: #919da8;
  font-style: initial;
  font-weight: normal;
  text-transform: uppercase;
  position: absolute;
  top: -3px;
  left: 100%;
  padding-left: 15px;
}

label + .toggler {
  margin-left: 15px;
}

.order-info-left,
.order-info-right {
    vertical-align: top;
}

.time-frame-time {
    font-weight: bold;
}

/* END Custom checkbox */

.service.top-dropdown .summary {
    min-width: 180px;
    padding: 0 0 20px 0;
    right: 0;
}

.product-list-page-banner .banner {
    height: auto;
}

.product-list-page-banner .banner .banner-full-width {
    height: auto;
}

.product-list-page-banner .banner .banner-full-width img {
    position: static;
    left: inherit;
    -webkit-transform: inherit;
    transform: inherit;
    height: auto;
    max-width: 100%;
}

.delivery-seletion{
    display: flex;
    justify-content: space-between;
}

.delivery-seletion a{
    flex-basis: 48%;
}

.upload-excel:hover{
    cursor: pointer;
}

.btn-checkout.disabled {
    pointer-events: none;
    cursor: default;
    background-color: lightgrey;
    border: none;
}
.tbx-quantity .qty-error[data-image-view="true"] > span,
.tbx-quantity .qty-error[data-image-view="true"] {
    line-height: 16px;
    width: 16px;
    height: 16px;
}
.tbx-quantity .qty-error[data-image-view="true"] > span {
    display: block;
    background: url(../../files/icons/form-icon-invalid.png) no-repeat center center !important;
}

.btn-order:disabled,
.btn-order:disabled:hover{
    background-color: lightgray;
    border: none;
}

.oci-order .multi-address-selection,
.edit-order .multi-address-selection{
    display: none;
}

.oci-order #customShippingAddress,
.edit-order #customShippingAddress{
    width: 50%;
    display: block;
}

.ui-datepicker-current-day {
    background-color: #9fbfb4 !important;
}

.ui-state-disabled {
    background: #f5f5f5 !important;
}

.delivery-calendar .ui-datepicker-current-day .ui-state-active {
    color: #323232;
}

.order-box .ddlb-component:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.order-box .ddlb-component.unlocked:after {
    content: none;
}

.quantity-error-message {
    padding: 2px 0 2px 10px;
    margin-bottom: 15px;
}
.row-error .quantity-error{
    display: block;
}
.row-passed .quantity-error {
    display: none;
}

.quantity-error {
    padding-left: 20px;
}

.additional-options-info-text-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    margin-left: 5px;
}

.additional-options-info-text-container * {
    cursor: pointer;
}

.additional-options-info-text-container {
    border: dashed 1px #323232;
    min-height: 44px;
    text-align: right;
}
.additional-options-info-text-edit-icon {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    margin-left: 5px;
    margin-right: 7px;
    flex-shrink: 0;
    text-align: right;
}

.additional-options-info-text-value {
    padding: 5px;
    line-height: 1.4;
    text-align: left;
    min-width: 180px;
}

.edit-additional-option-text-popup-buttons {
    margin-top: 20px;
}

.field-validation-error{
    padding: 2px 0 2px 20px;
}

.choco-popup-header-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

li.suppliersearch_item{
    height: 125px;
}

#supplierSearchPage_wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
}

#supplierSearchPage_form {
    display: table-cell;
    width: 50%;
}


#supplierSearchPage_result{
    margin-top:40px;
}

.supplier-search-query {
    width: 60%;
    float: left;
}

.supplier-search-option {
    margin-right: 5px;
    width: 30%;
    float: left;
}

li.suppliersearch_item {
    padding: 5px;
    cursor: pointer;
}

.selectedPickUpSubsupplier {
    background-color: #eeeeee;
}

.ddlb .floating-label {
    opacity: 1;
    transform: translate(-18px, -31px) scale(0.9);
}

.one-step-checkout-steps{
    margin-bottom: 80px;
}

.one-step-checkout-steps .checkout-step {
    padding-top: 15px;
    margin-bottom: 20px;
}

.one-step-checkout-steps .dotted-frame {
    background-image: linear-gradient(to right, #323232 20%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 5px 1px;
    background-repeat: repeat-x;
}

.one-step-checkout-header{
    text-align: center;
    margin-bottom: 30px;
}

.one-step-checkout-steps .rush-order-image {
    padding-left: 15px;
}

.one-step-checkout-steps .order-info-wrapper {
    width: 100%;
    display: block;
}

.one-step-checkout-steps .order-info-right {
    width: 100%;
    display: block;
}

span.jetSelectionHeader {
    font-weight: bold;
}

ul.jetSelectionList1 {
    list-style-type: none;
    padding-left: 5px;
    padding-top: 0px;
    margin-top: 0px;
}

li.jetSelectionListItem1 {
    
}

ul.jetSelectionList2, ul.jetSelectionList3 {
    list-style-type: none;
    padding-left: 15px;
}

span.jetSelectionListItem2 {
    
}


.jetDeliveryInfo{
    display: block;
}

.jetOrderRemark {
    display: block;
}


.use-multi-address-radio {
    -ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform: scale(1.5);
}

.use-multi-address-selection {
    padding-right: 20px;
}

.use-multi-address-selection label{
    padding-left: 5px;
}

.multi-address-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}



    @media screen and (min-width: 640px) {
        .checkout-orderinfo-page .order-info-left .form-row {
        margin-left: 0;
        margin-right: 4%;
    }

    .checkout-orderinfo-page .order-info-left .form-row:nth-child(2n),
    .checkout-orderinfo-page .order-info-left .js-moment-configuration,
    .checkout-orderinfo-page .order-info-left .field-reference,
    .checkout-orderinfo-page .order-info-left .field-reference {
        margin-right: 0;
    }
    .basket-details-page .quantity-error {
        position: absolute;
        bottom: 10px;
        right: -40%;
        min-width: 250px;
        padding-left: 15px;
        margin-right: 50px;
    }
}
@media screen and (max-width: 639px){
    .basket-details-page .quantity-error {
        float: left;
        margin-top: 10px;
        clear: both;
        margin-left: -9px;
        margin-right:0;
    }
}


#address-cards-container {
    display: flex; /* Flexbox voor horizontale weergave */
    flex-wrap: wrap; /* Zorg ervoor dat de kaarten naar een nieuwe rij gaan als ze niet meer passen */
    gap: 25px; /* Ruimte tussen de kaarten */
}

    #address-cards-container .card {
        width: 10rem; /* Bepaal de breedte van elke kaart */
        background-color: #f2f2f2;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        padding: 2%;
        position: relative;
        font-size: 0.9rem;
        word-wrap: break-word; /* Woorden afbreken */
        overflow-wrap: break-word; /* Voor extra zekerheid */
    }

    #address-cards-container .delete-btn {
        top: 5px;
        right: 5px;
        width: 15px;
        height: 15px;
        padding: 3px;
        
    }
    #address-cards-container .edit-btn {
        cursor: pointer;
        position: absolute;
        bottom: 10px; /* afstand vanaf onderkant */
        left: 50%;
        transform: translateX(-50%);
        width: 24px;
        height: 24px;
        padding: 4px;
    }


.fullpage-modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.btn.btn-add-address1 {
    display: block;
    margin: 0 auto; /* Centreert de knop horizontaal */
    padding: 8px 16px; /* Voeg eventueel wat padding toe voor een betere uitstraling */
}

.dataTables_wrapper {
    text-align: left !important;
}

    .dataTables_wrapper table {
        text-align: left !important;
    }

    .dataTables_wrapper th,
    .dataTables_wrapper td {
        text-align: left !important;
    }

.custom-modal {
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .custom-modal.hidden {
        display: none;
    }

.custom-modal-content {
    background-color: white;
    padding: 20px 30px;
    border-radius: 10px;
    text-align: center;
    position: relative;
    max-width: 400px;
    width: 100%;
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
    font-size: 16px;
}

    .custom-modal-content.success {
        border-left: 5px solid #28a745;
    }

    .custom-modal-content.error {
        border-left: 5px solid #dc3545;
    }

.custom-modal-close {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 24px;
    color: #aaa;
    cursor: pointer;
}

#multi-address-wrapper .form-row .validation:not(.left),
#multi-address-wrapper .form-row .description,
#multi-address-wrapper .form-button {
    padding-left: 0;
}