
/*----Header----*/


@font-face {
    font-family: 'pt_sansregular';
    src: url(../fonts/pt_sans-web-regular-webfont.woff2) format("woff2"), 
    url(../fonts/pt_sans-web-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'pontano_sansregular';
    src: url(../fonts/pontanosans-regular-webfont.woff2) format("woff2"), 
    url(../fonts/pontanosans-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'pt_sansbold';
    src: url(../fonts/pt_sans-web-bold-webfont.woff2) format("woff2"), 
    url(../fonts/pt_sans-web-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'source_sans_proregular';
    src: url(../fonts/sourcesanspro-regular-webfont.woff2) format("woff2"), 
    url(../fonts/sourcesanspro-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'source_sans_prosemibold';
    src: url(../fonts/sourcesanspro-semibold-webfont.woff2) format("woff2"), 
    url(../fonts/sourcesanspro-semibold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'source_sans_probold';
    src: url(../fonts/sourcesanspro-bold-webfont.woff2) format("woff2"), 
    url(../fonts/sourcesanspro-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'source_sans_prosemibold';
    src: url(../fonts/sourcesanspro-semibold-webfont.woff2) format("woff2"), 
    url(../fonts/sourcesanspro-semibold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'source_sans_problack';
    src: url(../fonts/sourcesanspro-black-webfont.woff2) format("woff2"), 
    url(../fonts/sourcesanspro-black-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'source_sans_proitalic';
    src: url(../fonts/sourcesanspro-italic-webfont.woff2) format("woff2"), 
    url(../fonts/sourcesanspro-italic-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}
body{
    font: 15px "source_sans_proregular";
}
header {
    padding-top: 44px;
}
.position-relative {
    position: relative !important;
}
.Search {
    margin: 10px 0 0;
}
.Search input {
    background-color: #f7f7f7;
    border: 0;
    height: 44px;
    padding: 0 15px;
    font-size: 15px;
}

header .Search  input{
    background-color: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 0;
}
header .Search button{
    display: none;
}
header .Search  input {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAwCAYAAACBpyPiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozYzQzYjY4ZC1lYTM0LTRjYWYtYmE5ZC1jMDI3NDU5M2UwYjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDc0ODdCNzhEQzEyMTFFODhBRTBBQTRDODRDQzdEMTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDc0ODdCNzdEQzEyMTFFODhBRTBBQTRDODRDQzdEMTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MTFlOTQwNy03MzA0LTQ0ZTQtYWU1Yi1hYjEyZWE0OTRlNmEiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDozMzA1MmY3Ni02Y2FlLWM0NDAtOTIwYy1kMmY5YWIxYTIyOTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5DsY65AAAEiElEQVR42tRYaUhVQRR+72VW0Ga5FES0oS3QnzZtwxZaJBAqoiiNKNpooWilAimyIsqKLAiiP2qRVFTSDysTjGjRyvYiy8IWUjPNaNGy79AxhtP1OnN97/k68DH3zpk58525c8+cmSCXoSQlJbVEMRoYBwwBIoFwoDU3qQReAU+APCAbfZ65fCBuA9LdUawC5gChhuPcAg4BGbDzw2/kMVgHFFuBJUDLJo73GlgDm5k+J49BaGmkAV1smtUCb4EKdi6Ul5GdnAPmwf5Hn5CH4dUodgMeC3U+cBzIAR6ibY3o2xHFcCAOmAl0buArTELbx14lD4PJKDZaqC4BW6C/bvCvtKJZpkcgQqjLgQloc9sr5HnG94jqT7TmoTvhdJb43zkAJApVKRAN/Ysmkec1ni2WShEwEboiC0K9UYwAogBaKnU8mxQmc6F/Z9FnMYpUMUYhO/DNEXl0bM+DdhXEY6ArVdpRPF8ELAT6N2Kf4vxe4Cz61Sk2ZnMgUCWFv7q2qN5vE8Q/8YyXij4ngX0axElGAWf4K/RSyKej2CTarkD9QGPyvAEtEbqlVkuFd1ZToR05H/aGKXU7OFrVSwveT4xnfqXYgC5joOMN9LmgPJcA+3nXHQNMBhZwGK0S/UI4VejJE1bHE6aG2XjU99MlH8S5SoKo32zTZxav1y/AFfT/adHmKOrb8tJYp0wS/VeTgMPswDMgA49zlb70vEGLPH/SMHUDsovj0NGOelYjNFbTXsG2MvnL/gJuiqb7BfnpuuQ9/LlVcRzLG3CCHB3MX4AiV4HQ30HxXKnqjboeujM/VNRd9nbqCjL3UNyzaXIR6KO8DwKKdWY+SiRZD1z+l7viva/uslEzwBJe0/4WmRqE6ZJvrbxXuppH5LgdTHfY+o2iOSRYvNfokq80/Vw+kE7i/bMu+dfKewQnaP6WKPFerEv+qaiLbgbycsxHuuTzRF2cP1nzSWu8UkXpxg1d8tkyd4HBYD/yjxfR5RqnFo2TR0M6gKhnyHCLRM2XIg8g6aYp8ZF/v2ZSOz8smRkohol4f8KU/DHgjVLfDdjpY+LhnFGqkor6SiPyfAW33uIkleAj4sE8w+pl1ntgl4mdvztqbm7u/djY2BiR3U1B3X3onniZeIZFVEuErtDpAdzFdyrqdQUdIE7B6HIvEQ/lY+Q0oToI3RlTex5h/APPSJVocwC6c3xQd0p8Kqe+8gBPcf28N6/7onmGQoTqG0emVJ07d7QJ4slYC4y0afqVlija5zSZPA9M9zKnLfKOernDJ6BCzser+WQWyn3o/5lgk+zVcnvHDjR2xU03ACl8neEtoaVJ/1AZkAW0ceqAW3O90ixutzism8gXvvJIhr0Ktju2KQ64DX86OhjP52gRrtGFLpYKeMtPQ/8yC5uOHXA7jBzUbwBfaUTyZkPpxHde+y9dfy5tr6JtuYY9Rw64XQEiThzwBBB5IjiFCdcLOZLFjgUueScOBBR5UwcCjryJAwFJXtcBtyvAxSYKxQU8eRsHSjz/CXmrJRTyX5BXHKD0uoTzpGW/BRgADVehtP6pTVkAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 9px center;
    padding-left: 36px;
    width: 100%;
}
.AutoSearch, #autocomplete-results  .list-group{
    position: absolute;
    top: 0;
    border-top: 0px solid #469f96;
    z-index: 99;
    background: #f9fafc;
    -webkit-box-shadow: 0 3px 8px 0 #ddd;
    box-shadow: 0 3px 8px 0 #ddd;
    -webkit-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
    width: 100%;
}
#autocomplete-results  li.list-group-item.product img {
    padding-right: 8px;
}
#autocomplete-results  .list-group-item{
    padding: 11px 10px 5px;
    cursor: pointer;
}
#autocomplete-results .list-group-item:first-child {
    border-radius: 0;
}
#products .item {
    margin-right: 1.9%;
}
#products .item {
    vertical-align: top;
    width: 32.15%;
    margin-right: 1.4%;
    margin-bottom: 15px;
    padding: 0;
}
#products .manufacturer-name {
    font: 16px source_sans_proregular;
    color: #57aca5;
}
#products .product-name {
    margin: 0;
    /* font-size: 14px; */
    font-weight: 500;
    font: 20px source_sans_prosemibold;
    min-height: 40px;
    line-height: 20px;
    color: #828282;
}
#products .product-price{
    color: #828282;
    float: none;
    line-height: normal;
}
#search-stats em {
    font-style: normal;
}
.search_toolbar select {
    border: 2px solid #acacac;
    border-radius: 2px;
    padding: 1px 5px;
    color: #acacac;
}
#products .item img {
    width: 100%!important;
    height: 263px;
    margin: auto;
    display: inherit;
}
header .Search .row button {
    border-left: 0;
    border-left: 0;
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4QEGRXhpZgAASUkqAAgAAAAH…H9gYV6Ny/8CZkeGdBj8PaWlojF2HzPIf4m7n9K19p9aFABPFPrFtybkz36VKNGEacFZLQ//9k=);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 66px center;
    text-indent: -999px;
}
header .Search .row input, header .Search .row button {
    background-color: #fff;
    border: 2px solid #e8e8e8;
    border-radius: 0;
}
header .RightSide {
    text-align: right;
    color: #ACACAC;
    margin: 28px 0 0;
}
header .RightSide a{
    color: #ACACAC;
}
header .RightSide ul li {
    display: inline-block;
    padding: 0px 10px 0 10px;
    border-right: 1px solid #BCBCBC;
    font-size: 15px;
    line-height: 1;
}
header .RightSide ul li:last-child {
    border: 0;
    padding-right: 0;
}
span.dropIcon:after {
    background: url(https://d9dvmj2a7k2dc.cloudfront.net/assets/images/menu-down-arrow.png) no-repeat;
    height: 4px;
    right: 0;
    top: 7px;
    width: 7px;
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    margin-left: 4px;
    content: "";
}
.Cart i {
    margin-right: 3px;
}
.ready-to-shop img {
    width: 34px;
    float: right;
    margin: 10px 46px 0 6px;
}
header .RightSide .Login {
    padding-left: 0;
}
header .RightSide .Login, header .RightSide .Signup {
    display: inline-block;
    padding: 0px 10px 0 10px;
    border-right: 1px solid #BCBCBC;
}
header .RightSide .Login a, header .RightSide .Signup a {
    text-transform: capitalize !important;
    background-image: none;
}
header .RightSide .Cart i img {
    width: 26px;
}
header .RightSide .Login {
    padding-left: 0;
}
.signup{
    background:none !important;
    margin-left: 0 !important;
    padding-left:0 !important;
}
header .RightSide .Login i, header .RightSide .Signup i {
    display: none;
}
header .RightSide .Signup {
    border: 0;
    padding-right: 0;
}
.search-content{
    position:relative;
}
.search-image {
    position: absolute;
    right: 7.2rem;
    top: 0;
    z-index: 11;
    cursor: pointer;
    width: 40px;
    height: 37px;
    text-align: center;
    display: none;
}
.search-image input#visenzeImage {
    width: 40px;
    height: 34px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: 1;
    -webkit-writing-mode: horizontal-tb!important;
    cursor: pointer;
    font-size: 0;
    top: -3px;
}
.search-image figure {
    margin: 0;
}
 .search-image figure img {
    width: 24px;
    margin: 7px 5px 0;
    opacity: .2;
}
.top-strip .ready-to-shop {
    background: #c8e2df;
    background: -webkit-linear-gradient(170deg, #c8e2df 0%, #c8e2df 66%, #fff 100%);
    background: -o-linear-gradient(170deg, #c8e2df 0%, #c8e2df 66%, #fff 100%);
    background: linear-gradient(280deg, #c8e2df 0%, #c8e2df 66%, #fff 100%);
    padding-right: 0%;
}
.top-strip .top-links {
    background: #e9f3f2;
    background: -webkit-linear-gradient(170deg, #e9f3f2 0%, #e9f3f2 35%, #E9F3F2 100%);
    background: -o-linear-gradient(170deg, #e9f3f2 0%, #e9f3f2 35%, #E9F3F2 100%);
    background: linear-gradient(280deg, #e9f3f2 0%, #e9f3f2 35%, #E9F3F2 100%);
    color: #17554D;
}
.top-strip {
    background: -webkit-linear-gradient(170deg, #c8e2df 0%, #c8e2df00 35%, #fff 100%);
    background: -o-linear-gradient(170deg, #c8e2df 0%, #c8e2df00 35%, #fff 100%);
    background: linear-gradient(280deg, #c8e2df 0%, #c8e2df00 35%, #fff 100%);
    color: #17554D;
    padding:0;
    line-height:2.5;
    top: 0;
    padding:0;
    position:fixed;
    width:100%;
    z-index:8009
}
.top-strip .delivery-link a {
    color: #3d2528;
/*     font: 1.3rem "source_sans_prosemibold";
 */    line-height: 1.7;
}
.top-strip .top-links a {
/*     font: 1.5rem "source_sans_probold";
 */}
.top-strip a, .top-strip .hdr-call-number, span.open_hours {
    color: #17554D;
/*     font: 1.5rem "source_sans_probold";
 */}
 b.doted {
    margin-right: 5px;
}
.Search .col-3{
    display:none;
}
.Search .col-9{
    width:100%;
}
.Search {
    margin: 20px 0 0;
    padding: 0 0% 0 0;
}
.header-navigation {
    background-color: #303539;
}
.header-navigation ul li.droppable:last-child a {
    color: #9d6547;
}
.header-navigation .ul-reset {
    padding: 0 5%;
    max-width: 1170px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
nav.header-navigation ul li {
    display: inline-block;
    font-size: 14px;
    padding: 0;
    position: relative;
}
.header-navigation ul li a {
    color: #fff;
    padding: 10px 0px;
    display: block;
}
.header-navigation ul li.droppable > a {
    color: #fff;
    padding: 10px 0px;
    display: block;
    font: bold 16px "source_sans_prosemibold";
    position: relative;
    text-transform: uppercase;
}
.header-navigation ul li .mega-menu {
    border-top: 4px solid #fa692f;
    -webkit-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
    min-height: 300px;
    background: #f9fafc;
    -webkit-box-shadow: 0 3px 8px 0 #ddd;
    box-shadow: 0 3px 8px 0 #ddd;
    position: absolute !important;
    width: 100%;
    display: none;
    text-align: left;
    z-index: 999;
    max-width: 1170px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    top: initial;
    bottom: initial;
    border-color: #469f96;
}
.mega-menu .ul-reset {
    padding: 0;
    display: grid;
    grid-gap: 0;
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: repeat(14, 25px);
    grid-auto-flow: column;
    padding: 15px ;
}
.mega-menu .ul-reset li {
    padding: 0;
    display: block;
}

.header-navigation ul li a:hover:after {
    color: #69aae0;
    border-bottom: 8px solid #469f96;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    position: absolute;
    width: 0;
    right: 19px;
    content: "";
    margin: 0 auto;
    left: 0;
    right: 0;
    top: inherit;
    bottom: -1px;
}
.header-navigation .mega-menu .ul-reset li a:hover:after{
    display: none;
}
.mega-menu a {
    display: block;
    padding: 0 0 6px 0;
    font-weight: 300;
    font-size: 14px;
    text-transform: capitalize;
    letter-spacing: 0;
}
.menu-toggle {
    display: none;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    background-color: #fff;
    color: #4e505e;
    border: 1px solid #e8e8e8;
}
nav.header-navigation ul li.droppable {
    position: static;
}
.droppable:hover .mega-menu {
    display: block
}
.bg-color {
    background-color: #F5F5F5;
}
ul-reset a{
    color: inherit;
}
.header-navigation .ul-reset li a{
    font-family: source_sans_proregular;
    font-size: 15px;
    color: #303539;
}
header .RightSide .Cart .CartRollover {
    top: 52px;
    border-top-color: #469f96;
}
header .RightSide .Cart .CartRollover a.btn{
    background-color: #469f96!important;
    border-color: #469f96;
    color: #fff;
    border-radius: 2px;
    font: 16px source_sans_prosemibold;
    padding: 6px 0px 7px;
    margin: 0 0 15px;
}
.CartRollover .align-center {
    display: table;
    width: 100%;
}
.CartRollover span.theme-color {
    color: #57aca5;
}
.btn{
    transition: .3s;
}
.btn:hover{
    opacity: .8;
}
header .RightSide .div-shop:before{
    border-bottom-color: #469f96;
}
.top-strip a, .top-strip .hdr-call-number {
    color: #17554D;
    font: 24px "source_sans_probold";
}
.top-strip .top-links a {
    font: 24px "source_sans_probold";
}
.top-strip .delivery-link a {
    color: #3d2528;
   font: 21px "source_sans_prosemibold";
   line-height: 1.7;
   margin-right: 5px;
}
.header-navigation ul li .mega-menu h3 {
    color: #469f96;
    font: 18px source_sans_prosemibold;
}
h1.logo {
    margin: 0;
    vertical-align: bottom;
    font-size: 0;
}
/*footer*/
footer {
    padding: 3rem 0 2rem;
}
.footerlist h3 {
    color: #00584F;
    font-weight: bold;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin: 10px 0;
}
footer .footerlist li {
    font-size: 14px;
}
footer a {
    color: #acacac;
}
footer .payment-options p {
    color: #acacac;
}
.PaymentMethods {
    margin: 20px 0 20px;
}
.PaymentMethods img {
    margin: 0 5px;
}
footer .payment-options a {
    color: #00584F;
    text-decoration: underline;
}
@media (max-width:768px){
    .header-navigation{
        display: none;
    }
}