body{
font-size: 13px !important;
font-family: 'Lato', sans-serif !important;
}
#site-title img, .footer-structure-outer img{
max-width: 130px;
width: 100%;
height: auto;
position: absolute;
}
#menu{
margin-top: 30px;
} .fblogin{
font-size: 13px;
color: #858585 !important;
margin-bottom: 5px;
text-decoration: none !important;
display: inline-block;
margin-left: 10px;
}
.fblogin img{
margin-right: 5px;
} .fbl-spinner{
width: 40px;
height: 40px;
display: inline-block;
vertical-align: bottom;
}
#menu ul {
padding: 0px !important;
}
#menu li, #menu ul li a{
list-style-type: none;
display: inline-block;
text-decoration: none;
}
#menu ul li a{
font-size: 14px;
padding: 10px 12px;
color: #E2231A !important;
font-weight: 600;
letter-spacing: 0px;
text-transform: uppercase;
}
#menu ul li.current-menu-item a{
color: #7b8083 !important;
}
#menu ul li:last-child a{
padding-right: 0px;
}
.no-padding{
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.sub-title-header{
display: inline-block;
width: 100%;
background: #7b8083;
padding: 5px 15px;
font-size: 20px;
color: #fff;
font-weight: 800;
letter-spacing: 1px;
margin-bottom: 5px;
}
.sub-title-header div{
display: inline-block;
}
.sub-title-header .yellow{
color: #fff200;
}
.sub-title-header .line, .footer-menu-title .line, .line2{
background-color: #fff200;
height: 3px;
width: 100%;
max-width: 200px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
margin-right: 15px;
}
.slider-overlay{
background: rgba(0,0,0,0.5);
height: 100%;
position: absolute;
top: 0px;
right: 0px;
left: auto;
bottom: 0px;
z-index: 2;
width: 100%;
max-width: 600px;
}
.red-patch{
background: #E2231A;
margin-top: 50px;
margin-bottom: 20px;
padding: 10px;
}
.red-patch .border{
border: 3px solid #fff;
display: inline-block;
width: 100%;
}
.red-patch img{
width: 100%;
max-width: 320px;
height: auto;
margin-left: auto;
padding: 15px 15px 15px 30px;
margin-right: auto;
}
.content-patch{
color: #fff;
font-size: 24px;
font-weight: 300;
letter-spacing: 2px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 0px;
}
.banner-txt-wrp{
background: #67747C;
color: #fff;
}
.banner-txt-cnt{
margin: 15px 0;
padding: 80px 15px;
border: 3px solid #fff;
color: #fff;
text-align: center;
}
.banner-txt-cnt img{
display: inline-block;
margin-right: 20px;
vertical-align: middle;
max-width: 28%;
}
.banner-txt-cnt h1{
display: inline-block;
max-width: 70%;
font-size: 66px;
font-weight: 800;
margin: 0;
color: #fff;
text-align: left;
vertical-align: middle;
}
.banner-txt-cnt h1 span{
color: #FFFF01;
}
.categories-inner-wrapper{
margin-bottom: 20px;
}
.section-title{
font-weight: 800;
text-transform: uppercase;
text-align: center;
}
.section-title span.red{
color: #fc3131;
letter-spacing: 2px;
}
.homepage_slide .owl-carousel .owl-item img{
height: 100%;
max-height: 513px;
}
.homepage_slide #owl-slide-desktop{
display: block;
}
.homepage_slide #owl-slide-mobile{
display: none;
}
#homepage-carousel .owl-nav.disabled {
display: none !important;
}
.vc_tta-tabs-list { height: 500px; overflow: auto !important; }      #homepage-carousel .owl-video-tn {
background-size: cover !important;
padding-bottom: 56.25%; padding-top: 25px;
}
.owl-video-frame {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
}
.owl-video-frame iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media(max-width: 767px){
.page-template-template-homepage .product_slide #icon1 .owl-stage-outer .owl-stage .owl-item,
.page-template-template-homepage .product_slide .owl-stage-outer .owl-stage .owl-item{
background: none;
}
.page-template-template-homepage .product_slide #icon1 .owl-stage-outer .owl-stage .owl-item .item{
border: 1px solid #ccc;
padding-top: 0px;
height: auto;
}
.owl-carousel .owl-video-play-icon {    
top: 40% !important;
margin-left: 0px  !important; 
margin-top: 0px  !important;     
margin: 0px auto   !important;
text-align: center;
left: 75%  !important;
right: 0;
}
.homepage_slide #owl-slide-mobile{
display: block;
}
.homepage_slide #owl-slide-desktop{
display: none;
}
.banner-img-wrp{
height: 170px;
}
.banner-txt-cnt{
margin: 0;
border: 0;
padding: 30px 0px;
}
.banner-txt-cnt img{
max-width: 28%;
margin: 0;
padding-right: 20px;
}
.banner-txt-cnt h1{
max-width: 70%;
font-size: 30px;
}
}
.archive-banner1{
margin: 5px 0;
background: #e72419;
}
.archive-banner1 img{
max-width: 100%;
height: auto;
}
.archive-banner1 .banner-txt-cnt{
padding: 20px 30px;
font-size: 25px;
text-align: left;
}
.archive-banner1 .banner-txt-cnt h2{
margin: 0 0 10px;
font-weight: 800;
font-size: 40px;
color: #fff200;
}
@media(max-width: 767px){
.archive-banner1{
margin: 5px 0;
background: #e72419;
}
.archive-banner1 img{
max-width: 100%;
height: auto;
}
.archive-banner1 .banner-txt-cnt{
padding: 15px 20px;
font-size: 16px;
text-align: left;
}
.archive-banner1 .banner-txt-cnt h2{
font-size: 26px;
}
.special-buys-banner .banner-txt-cnt p{
font-size: 16px;
}
}
@media(max-width: 767px){
.grocery-offer-text h1, .grocery-offer-text p{
text-align: left;
}
.grocery-offer-text p{
font-size: 16px;
}
}
.archive-banner2 img{
max-width: 100%;
height: auto;
}
.archive-banner2 .banner-txt-cnt{
padding: 0px;
text-align: left;
}
.archive-banner2 .banner-txt-cnt img{
width: 40%;
}
.archive-banner2 .banner-txt-cnt h2{
margin: 0;
font-weight: 800;
font-size: 70px;
vertical-align: middle;
display: inline-block;
}
.archive-banner2 .banner-txt-cnt h2 span{
color: #fff200;
}
@media(max-width: 767px){
.archive-banner2 .banner-txt-cnt{
padding: 15px 0;
}
.archive-banner2 .banner-txt-cnt img{
width: 35%;
}
.archive-banner2 .banner-txt-cnt h2{
font-size: 42px;
}
}
.archive-banner3 .banner-txt-cnt{
padding: 30px;
}
.archive-banner3 .banner-txt-cnt h2{
margin: 0;
font-weight: 800;
font-size: 70px;
vertical-align: middle;
display: inline-block;
}
.archive-banner3 .banner-txt-cnt h2 span{
color: #fff200;
}
.archive-banner3 .banner-txt-cnt h2 span.extra-small{
font-size: 26px;
position: relative;
display: block;
color: #fff;
padding: 8px 0;
}
.archive-banner3 .banner-txt-cnt h2 span.extra-small:before{
content: "";
display: inline-block;
height: 1px;
width: 38%;
position: absolute;
left: 0;
top: 22px;
border: 1px dashed #fff;
}
.archive-banner3 .banner-txt-cnt h2 span.extra-small:after{
content: "";
display: inline-block;
height: 1px;
width: 38%;
position: absolute;
right: 0;
top: 22px;
border: 1px dashed #fff;
}
@media(max-width: 767px){
.archive-banner3 .banner-txt-cnt h2{
font-size: 60px;
}
.archive-banner3 .banner-txt-cnt h2 span.extra-small{
font-size: 24px;
}
}
.category-headers .cat-tab-text{
background: #E2231A;
text-align: center;
padding: 5px;
cursor: pointer;
}
.category-headers .cat-tab-text div{
border: 2px solid #fff;
padding: 5px;
min-height: 100px;
}
.category-headers .cat-tab-text div h3{
display: inline-block;
margin: 0;
color: #fff;
font-weight: 800;
font-size: 32px;
}
.category-headers .cat-tab-text h3 span{
color: #fff200;
}
.category-headers .cat-tab-text span.extra-small{
display: block;
position: relative;
font-size: 14px;
color: #fff;
}
.category-headers .cat-tab-text span.extra-small:before{
content: "";
display: inline-block;
height: 1px;
width: 38%;
position: absolute;
left: 0;
top: 7px;
border-top: 1px dashed #fff;
}
.category-headers .cat-tab-text span.extra-small:after{
content: "";
display: inline-block;
height: 1px;
width: 38%;
position: absolute;
right: 0;
top: 7px;
border-top: 1px dashed #fff;
}
.fresh-saver-tab.cat-tab-text div{
padding: 0;
cursor: pointer;
}
.fresh-saver-tab.cat-tab-text{
text-align: left;
}
.fresh-saver-tab.cat-tab-text img{
height: 96px;
vertical-align: middle;
display: inline-block;
}
.fresh-saver-tab.cat-tab-text h3{
padding-left: 15px;
text-align: center;
vertical-align: middle;
}
.category-headers .always-cheapest-tab div{
padding: 12px 5px;
}
.category-headers .special-buys-tab.cat-tab-text div h3{
font-size: 35px;
line-height: 1;
}
.special-buys-tab.cat-tab-text span{
font-size: 24px;
}
.special-buys-tab.cat-tab-text span.extra-small{
font-size: 11px;
}
.special-buys-tab.cat-tab-text span.extra-small:after,
.special-buys-tab.cat-tab-text span.extra-small:before{
display: none;
}
.promotion h3
{
color: #e32525; 
font-weight: bold;
text-align: center;
padding-bottom: 0px;
}
.promotion div
{
margin-top: 15px;
margin-bottom: 20px;
}		
@media(max-width: 767px){
.category-headers .cat-tab-text{
margin-bottom: 10px;
}
.category-headers .cat-tab-text div{
min-height: 68px;
}
.category-headers .cat-tab-text div h3{
font-size: 18px;
}
.category-headers .cat-tab-text span.extra-small{
font-size: 12px;
}
.category-headers .fresh-saver-tab.cat-tab-text h3{
padding-left: 5px;
}
.fresh-saver-tab.cat-tab-text img{
height: 64px;
}
.category-headers .special-buys-tab.cat-tab-text div h3{
font-size: 18px;
}
.special-buys-tab.cat-tab-text span {
font-size: 14px;
}
}
.special-buys-banner{
font-size: 30px;
font-weight: 800;
}
.special-buys-banner .banner-txt-cnt{
padding: 60px 15px;
}
.special-buys-banner .banner-txt-cnt h1{
max-width: 100%;
}
.special-buys-banner .banner-txt-cnt p{
margin: 0;
}
.grey-line span{
background-color: #7b8083;
height: 4px;
display: inline-block;
width: 100%;
margin-left: 30px;
margin-right: 30px;
max-width: 90px;
border-top: 1px solid #ccc;
}
.homepage_slide{
margin-bottom: 15px;
}
.category-headers, .product_slide{
margin-top: 15px;
margin-bottom: 15px;
}
.category-headers{
display: block;
margin-bottom: 0;
}
.category-headers img{
cursor: pointer;
}
.category-headers>div{
padding: 0 5px;
}
.category-headers .current, .single-exclusive-brands.current{
margin-top: -5px;
transition: all 0.5s ease-in-out;
}
.category-headers .current .cat-tab-text, .single-exclusive-brands.current{
border-bottom: 5px solid #fff200;
transition: all 0.5s ease-in-out;
}
#owl-demo-product .item, #icon1 .item, #icon2 .item, #icon3 .item, #icon4 .item, .owl-exclusive-product .item{
border: 1px solid #ccc;
margin-top: 30px;
margin-bottom: 30px;
margin-right: 0px;
min-height: 335px;
position: relative;
overflow: hidden;
}
.product-like-button{
position: absolute;
bottom: 0px;
left: 0;
right: 0px;
top: auto;
width: 100%;
padding: 10px 7px;
border-top: 1px solid #ccc;
cursor: pointer;
transition: all 0.2s ease-in-out;
}
.product-like-button.liked{
background: #ededed;
}
.product-title{
padding: 15px 15px 5px 15px;
font-size: 14px;
font-weight: 700 !important;
}
.product-excerpt{
padding: 0px 15px 15px 15px;
}
.newsletter-bg{
background: url(//myviva.com/wp-content/themes/viva/images/newsletter.png) no-repeat; background-size: cover;
background-position: center right; height: 234px;
}
.custom-newsletter-bg{
background: url(//myviva.com/wp-content/themes/viva/images/newsletter-desktop.jpg) no-repeat; background-size: cover;
background-position: center center; height: 370px;
}
.custom-newsletter-text-wrapper{
text-align: center;
margin-left: -25%;
}
.custom-newsletter-text-wrapper h2, .custom-newsletter-text-wrapper h4{
color: #ffffff;
text-transform: uppercase;
}
.custom-newsletter-text-wrapper h2.text-large{
font-size: 40px;
font-weight: 600;
border-bottom: 1px solid;
padding-bottom: 10px;
margin-bottom: 5px;
display: inline-block;
}
.custom-newsletter-text-wrapper h4.yellow-text{
color: #fff200;
font-weight: 700;
font-size: 20px;
margin-bottom: 0;
margin-top: 30px;
}
.newsletter-text .mobile-yellow-text{
color: #fff200;
font-weight: 700;
font-size: 20px;
display: inline-block;
margin-bottom: 0;
margin-top: 12px;
}
.newsletter-text .mobile-yellow-text span{
color: #ffffff;
}
.newsletter-text .underline{
border-top: 2px solid #f8a6a9;
width: 60%;
display: inline-block;
}
.info-popup .modal{
top: 100px !important;
}
.info-popup .modal-header{
border-bottom: 0;
}
.info-popup .modal-header .close{
font-size: 30px;
}
@media(max-width: 767px){
.mobile-padding{
padding-left: 0px !important;
padding-right: 0px !important;
}
.newsletter-bg{
height: 66px;
min-height: 0px;
background: url(//myviva.com/wp-content/themes/viva/images/newsletter.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.newsletter-sign-up{
padding-top: 20px !important; margin-bottom: 20px;
text-align: center;
width: 100%;
}
.custom-newsletter-bg{
height: 500px;
min-height: 0px;
background: url(//myviva.com/wp-content/themes/viva/images/newsletter-mobile-resized.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.custom-newsletter-sign-up{
padding-top: 0px !important;
height: 86px !important;
margin-bottom: 20px;
text-align: center;
width: 100%;
}
.custom-newsletter-text-wrapper{
margin-left: 0;
margin-top: 320px;
}
.custom-newsletter-sign-up input[type="email"]{
margin-top: 15px;
border-radius: 0px !important;
border-top-left-radius: 5px !important;
border-bottom-left-radius: 5px !important;
width: 100% !important;
}
.custom-newsletter-sign-up input[type="submit"]{
width: 100% !important;
margin-top: 15px;
border-radius: 0px !important;
border-top-right-radius: 5px !important;
border-bottom-right-radius: 5px !important;
}
}
.newsletter-bg-outer{
padding-right: 0px !important;
margin-top: 15px;
margin-bottom: 15px;
}
.newsletter-sign-up-outer{
padding-left: 0px !important;
min-height: 140px;
height: 140px;
margin-top: 15px;
margin-bottom: 15px;
}
.newsletter-sign-up{
background: #ED2027;
padding: 25px 15px;
height: 100%;
display: inline-block;
width: 100%;
text-align: center;
}
.custom-newsletter-sign-up{ padding: 0 15px;
height: 100%;
display: inline-block;
width: 100%;
text-align: center;
}
.newsletter-sign-up input{
width: 100%;
padding: 10px 15px;
color: #000;
border: 0px;
margin-top: 25px;
vertical-align: top;
}
.custom-newsletter-sign-up input{
width: 100%;
padding: 10px 15px;
color: #000;
border: 0px;
margin-top: 25px;
vertical-align: top;
}
.newsletter-sign-up input[type="email"]{
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.custom-newsletter-sign-up input[type="email"]{
border-radius: 5px;
}
.newsletter-sign-up input[type="submit"]{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: #fff200;
}
.custom-newsletter-sign-up input[type="submit"]{
border-radius: 5px;
background: #fff200;
width: 40%;
}
.exclusive-brands{
margin-top: 15px;
margin-bottom: 15px;
padding: 30px;
border: 1px solid #ccc;
}
.exclusive-brands h2{
margin-top: 0px;
margin-bottom: 30px;
font-weight: 800;
}
.exclusive-brands h2 .red{
color: #fc3131;
letter-spacing: 2px;
}
.exclusive-brands .content{
letter-spacing: 1px;
line-height: 1.8;
font-size: 14px;
max-width: 80%;
margin: 15px auto;
text-align: left;
}
.red-patch-footer{
background: #E2231A;
color: #fff;
margin-top: 0px;
padding: 10px 15px;
font-size: 20px;
font-weight: 900;
margin-bottom: 0px;
text-align: center;
letter-spacing: 3px;
text-transform: uppercase;
}
.red-patch-footer>span{
display: inline-block;
vertical-align: middle;
margin-left: 15px;
}
.our-brands-outer{
background: #c5bc79;
padding: 5px 0;
margin-top: 15px;
}
.footer-structure-outer{ background: #67747c;
padding: 30px 15px 50px;
color: #fff !important;
}
.footer-structure-outer a{
color: #fff !important;
text-decoration: none !important;
}
.footer-structure-outer img{
position: relative;
}
.footer-structure-outer .brand-guide-footer{
border-right: 2px solid #a4a3a3;
}
.footer-structure-outer .single-row{
line-height: 1.6;
margin-top: 15px;
}
.footer-menu-title{
font-size: 15px;
font-weight: 700;
}
.newsletter-sign-up-outer .footer-menu-title{
margin-bottom: 20px;
}
.footer-structure-outer .newsletter-sign-up-outer{
min-height: 0;
height: auto;
}
.footer-menu-outer{
margin-top: 40px;
}
.footer-menu ul{
padding-left: 0px;
margin-top: 30px;
margin-bottom: 15px;
list-style-type: none;
}
.footer-menu li{
margin-top: 10px;
}
.footer-menu-title .line, .line2, .exclusivebrands .line{
background-color: #b41515;
max-width: 70px;
display: block;
text-align: center;
margin: 8px auto;
}
.line2{
max-width: 100%;
height: 1px;
display: inline-block;
}
.footer-social img{
width: 50px;
height: auto;
}
#footer{
background: #5e5d5d;
padding: 20px 15px;
text-align: center;
color: #fff;
}
.login-modal-outer{
background: rgba(255,255,255,0.7);
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
}
.login-modal{
position: absolute;
top: 30%;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
max-width: 500px;
width: 100%;
max-height: 250px;
height: 100%;
background: #fff;
border: 3px solid #E2231A;
text-align: center;
}
.login-modal .fblogin{
margin-top: 100px;
position: relative;
display: inline-block;
background: #3A5695;
padding: 10px 15px;
color: #fff !important;
display: inline-block;
font-weight: 600;
margin: 10px auto 25px auto;
text-transform: uppercase;
border-radius: 5px;
letter-spacing: 1px;
}
.login-modal .close-button{
position: absolute;
top: 5px;
right: 10px;
font-size: 14px;
color: #fff;
z-index: 9999;
font-weight: 800;
cursor: pointer;
}
.owl-nav>div{
position: absolute;
top: 45%;
cursor: pointer;
}
.owl-nav .owl-prev{
left: 0;
}
.owl-nav .owl-next{
right: 0;
}
#icon1 .owl-nav .owl-prev, #icon2 .owl-nav .owl-prev, #icon3 .owl-nav .owl-prev, #icon4 .owl-nav .owl-prev, .product_archive .product_slide .owl-nav .owl-prev{
left: -50px;
}
#icon1 .owl-nav .owl-next, #icon2 .owl-nav .owl-next, #icon3 .owl-nav .owl-next, #icon4 .owl-nav .owl-next, .product_archive .product_slide .owl-nav .owl-next{
right: -50px;
}
.owl-exclusive-product .owl-nav .owl-prev{
left: -37px;
}
.owl-exclusive-product .owl-nav .owl-next{
right: -37px;
}
.owl-exclusive-product .owl-nav .owl-prev img, .owl-exclusive-product .owl-nav .owl-next img{
width: 30px;
height: auto;
}
#owl-our-brands  .owl-nav .owl-prev{
top: 25%;
left: -75px;
}
#owl-our-brands  .owl-nav .owl-next{
top: 25%;
right: -75px;
}
#owl-slide-desktop .owl-dots, #owl-slide-mobile .owl-dots{
position: absolute;
right: 540px;
bottom: 100px;
}
#owl-slide-desktop .owl-dots .owl-dot, #owl-slide-mobile .owl-dots .owl-dot{ display: none;
width: 10px;
height: 10px;
background: #fff;
border-radius: 50%;
margin: 0 3px;
}
#owl-slide-desktop .owl-dots .owl-dot.active, #owl-slide-mobile .owl-dots .owl-dot.active{
background: #fff200;
}
.entry-content{
margin: 50px 0;
}
.wpb_content_element{
margin-bottom: 0px !important;
}
.vc_col-has-fill>.vc_column-inner{
padding-top: 0px !important;
}
.exclusivebrands .wpb_wrapper > .vc_tta-container{
margin-bottom: 0px !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a{
padding: 30px !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a{
background-color: #ebebeb !important;
border-left: 1px solid #bababa !important;
}
.wpb-js-composer .vc_tta.vc_general .vc_tta-tab>a{
border-bottom: 1px solid #bababa !important;
}
.exclusivebrands .vc_tta.vc_general .vc_tta-tab:last-child>a{
border-bottom: 0px solid #bababa !important;
}
.wpb-js-composer .vc_tta-tabs.vc_tta-tabs-position-right .vc_tta-tab.vc_active{
border-left: 1px solid #E2231A !important;
}
.product_archive{
background: #f3f5f6;
}
.product_archive_other_offers img{
margin-bottom: 30px;
}
.product_slide_outer{
margin-top: 30px;
margin-bottom: 30px;
}
.product_archive .product_slide .item, .single_product .item{
background: #fff;
min-height: 335px;
position: relative;
}
.single_product .item{
min-height: 365px;
}
.single_product .item{
margin-bottom: 30px;
}
.careers-form input, .careers-form select, .customer-enquiry-form input[type="text"], .customer-enquiry-form input[type="email"], .customer-enquiry-form input[type="tel"], .customer-enquiry-form select, .customer-enquiry-form textarea, .customer-enquiry-form input[type="submit"], .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form select, .contact-form textarea, .contact-form input[type="submit"]{
width: 100%;
padding: 10px 15px;
margin-bottom: 15px;
background: #e7e7e9;
border: 1px solid #999;
}
.customer-enquiry-form input[type="text"], .customer-enquiry-form input[type="email"], .customer-enquiry-form input[type="tel"], .customer-enquiry-form select, .customer-enquiry-form textarea, .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form select, .contact-form textarea{
background: #fff;
resize: none;
}
.customer-enquiry-form .wpcf7-form-control.wpcf7-acceptance label{
font-weight: 400 !important;
font-size: 16px !important;
color: #858585;
line-height: 1.6;
}
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item{
margin-left: 0px;
}
.careers-form input[type="submit"], .customer-enquiry-form input[type="submit"], .contact-form input[type="submit"]{
color: #fff;
background: #E2231A;
border: 0px solid #fff;
max-width: 250px;
margin-left: 0px;
margin-right: 0px;
}
.contact-form input[type="submit"]{
margin-top: 20px;
}
.customer-enquiry-form input[type="submit"]{
max-width: 100%;
}
.tour-section-title .vc_tta-title-text, .terms-of-use-tour-section-title .vc_tta-title-text, .store-finder-tour .vc_tta-title-text{
font-size: 16px !important;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a{
background: #fff !important;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a{
background: #fafafa !important;
}
.store-finder-tour.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab>a{
font-weight: 800;
}
.store-finder-tour.vc_tta-color-white.vc_tta-style-flat .vc_tta-tab.vc_active>a{
background: #fef200 !important;
}
.terms-of-use-tour-section-title.vc_tta.vc_general .vc_tta-tab>a{
padding: 20px 30px !important;
}
.fbl-button {
text-align: right !important;
margin: 0 0 10px 0 !important;
}
.get_directions, .single-exclusive-brands{
background: #E2231A;
color: #fff !important;
text-decoration: none !important;
padding: 15px 25px;
width: 100%;
text-align: center;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
cursor: pointer;
}
.single-exclusive-brands{
margin-bottom: 6px;
}
.single-exclusive-brands span{
color: #fff200;
font-size: 18px;
}
.price{
display: inline-block;
background-size: contain !important;
font-size: 12px;
padding: 6px 12px 30px 10px;
background-repeat: no-repeat !important;
color: #fff;
text-align: center;
font-weight: 800;
position: absolute;
top: 0;
right: 0;
min-width: 93px;
min-height: 93px;
}
.actual-price{
color: #E2231A;
margin-top: 6px;
display: inline-block;
font-size: 9px;
text-align: center;
width: 100%;
}
.discount-price {
margin-top: 8px;
display: block;
font-size: 25px;
line-height: 1.4;
font-weight: 800;
padding-left: 3px;
}
.discount-price span{
font-size: 8px;
display: none; text-align: left;
}
.single_amount.price .discount-price{
margin-top: 17px;
font-size: 13px;
}
div.wpcf7-mail-sent-ok{
border: 0px solid #fff !important;
}
#wpcf7-f33-p11-o1{
display: inline-grid;
}
.emailaddress{
color: #858585;
font-size: 24px;
line-height: 1.6;
}
.emailtitle{
color: #858585;
font-size: 22px;
line-height: 1.6;
margin-bottom: 30px;
}
.single-news-title{
color: #e32525;
font-size: 30px;
line-height: 1.6;
margin-bottom: 30px;
font-weight: 800;
}
.single-news-content{
color: #858585;
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
}
.single-news-content ul{
padding-left: 15px;
}
.single-news-listing .single-news-title{
font-size: 24px;
margin-bottom: 15px;
}
.single-news-listing .single-news-content{
font-size: 14px;
margin-bottom: 0px;
}
.tab-clicksection-img{
cursor: pointer;
position: relative;
}
.tab-clicksection-img:not(.active){ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.tab-clicksection-img.active{
border: 3px solid #E2231A;
}
.joinus-content{
display: none;
}
.tab-clicksection-img.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_3d{
margin-bottom: 0;
}
.tab-clicksection-img.wpb_single_image .vc_figure-caption{
position: absolute;
font-size: 1.5em;
color: #fff;
width: 100%;
bottom: 0;
padding: 10px;
background: rgba(0,0,0,0.5);
}
.breadcrumbs{
padding: 10px 5px;
background: #eee;
color: #666;
font-size: 14px;
font-weight: 600;
}
.breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:focus{
color: #222;
text-decoration: none;
}
.breadcrumbs span{
padding: 0 1px;
}
@media only screen and (max-width: 767px) {
.mobmenu-icons{
padding-left: 30px;
}
.mobmenu-icons .fblogin{
display: inline-block;
margin: 0;
padding: 0;
}
.fblogin{
display: inline-block;
margin: 0;
}
.close_icon{
z-index: 9999;
display: inline-block;
padding: 10px;
}
}
@media only screen and (max-width: 500px) {
.footer-menu-outer, .newsletter-bg-container, .custom-newsletter-bg-container, .newsletter-sign-up-outer, .newsletter-bg-outer, .product_archive_other_offers .container{
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
#menu, .newsletter-sign-up-outer{
margin-top: 0px !important;
}
#menu ul li a, .fblogin{
color: #ffffff !important;
}
.fblogin{
font-size: 15px;
padding: 10px 20px 10px 40px;
display: inline-block;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
}
.newsletter-bg-outer{
margin-bottom: 0px !important;
}
.sub-title-header{
font-size: 11px;
letter-spacing: 0px;
padding-left: 110px;
}
.sub-title-header .line{
max-width: 20px;
margin-left: 5px;
margin-right: 5px;
} #menu,
.close_icon {
position: fixed;
z-index: 99999
}
.menu-main-navigation-container {
display: block
}
ul.menu{
margin-left: 0px;
padding-left: 20px;
}
#menu {
left: auto;
right: -100%;
background: #ee1c25;
width: 70%;
text-align: left;
height: 100%;
border-left: 1px solid #fff;
-ms-transition: .4s all ease;
-o-transition: .4s all ease;
-moz-transition: .4s all ease;
-webkit-transition: .4s all ease;
transition: .4s all ease;
overflow-y: scroll;
padding-top: 70px;
padding-bottom: 40px;
top: 0
}
.close_icon {
color: #FFE600;
font-size: 24px;
font-weight: 600;
right: 30px;
top: 30px;
display: none
}
.menu-menu-1-container ul {
padding-left: 0
}
#menu li {
display: block;
padding: 0
}
#menu li a {
padding: 15px 30px;
display: block;
color: #fff!important
}
#menu ul li.current-menu-item a{
color: #fff200 !important;
}
.burger_menu div {
line-height: 0
}
.burger_menu span {
display: inline-block;
width: 100%;
max-width: 30px;
padding: 2px;
background: #ee1c25;
margin: 2px 0;
border-radius: 5px
}
#menu-main-navigation {
padding-left: 0
}
#site-title img, .footer-structure-outer img{
max-width: 80px;
}
.burger_menu {
margin-top: 20px;
margin-bottom: 20px;
}
#icon1 .owl-nav .owl-prev, #icon2 .owl-nav .owl-prev, #icon3 .owl-nav .owl-prev, #icon4 .owl-nav .owl-prev, .product_archive .product_slide .owl-nav .owl-prev{
left: -30px;
}
#icon1 .owl-nav .owl-next, #icon2 .owl-nav .owl-next, #icon3 .owl-nav .owl-next, #icon4 .owl-nav .owl-next, .product_archive .product_slide .owl-nav .owl-next{
right: -30px;
}
.owl-exclusive-product .owl-nav .owl-prev{
left: -30px;
}
.owl-exclusive-product .owl-nav .owl-next{
right: -30px;
}
#owl-our-brands  .owl-nav .owl-prev{
left: -30px;
}
#owl-our-brands  .owl-nav .owl-next{
right: -30px;
}
.owl-nav .owl-prev img, .owl-nav .owl-next img{
max-width: 30px;
width: 100%;
height: auto;
}
.exclusive-brands .content{
font-size: 12px;
line-height: 1.5;
max-width: 100%;
}
.red-patch-footer>span{
font-size: 14px;
margin-top: 10px;
}
.exclusive-brands h2{
font-size: 20px;
margin-bottom: 20px;
}
.footer-structure-outer .brand-guide-footer{
border-right: 0px;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading{
background: #ebebeb !important;
}
.vc_custom_1519039823436, .vc_custom_1519039832508{
padding-left: 0px !important;
padding-right: 0px !important;
margin-bottom: 15px !important;
}
.product_archive .product_slide .owl-nav .owl-next{
right: 0px;
}
.product_archive .product_slide .owl-nav .owl-prev{
left: 0px;
}
.product-like-button{
position: relative;
}
.emailaddress{
font-size: 12px;
}
.emailtitle{
font-size: 14px;
}
} .product-tab-slider .item{
border: 1px solid #ccc;
margin-top: 30px;
margin-bottom: 30px;
margin-right: 0px;
min-height: 335px;
position: relative;
overflow: hidden;
}
.product-tab-slider .owl-next{
right: -50px;
}
.product-tab-slider .owl-prev{
left: -50px;
}
.product-tab-slider .product-text{
padding-bottom: 10px;
}
.product-tab-slider .item{
padding: 5px;
}
.viva-prod-tabs.nav-tabs.nav-justified>li{
padding: 0 2px;
}
.viva-prod-tabs.nav-tabs.nav-justified>li,
.viva-prod-tabs.nav-tabs.nav-justified>li.active,
.viva-prod-tabs.nav-tabs.nav-justified>li.active{
border: 0px;
}
.viva-prod-tabs.nav-tabs.nav-justified>li>a{
background: #E2231A;
text-align: center;
padding: 10px 5px;
border: 0px;
cursor: pointer;
color: #fff;
border-radius: 1px;
font-size: 16px;
font-weight: 700;
border: 1px solid #E2231A;
}
.viva-prod-tabs.nav-tabs.nav-justified>.active>a,
.viva-prod-tabs.nav-tabs.nav-justified>.active>a:focus,
.viva-prod-tabs.nav-tabs.nav-justified>.active>a:hover{
border: 1px solid #E2231A;
color: #E2231A;
background: #fff200;
transition: all 0.5s ease-in-out;
}
@media(max-width: 1024px){
.category-headers .cat-tab-text div h3 {   
font-size: 24px;
}
}
@media(max-width: 768px){
.product-tab-slider .owl-prev{
left: 0;
}
.product-tab-slider .owl-next{
right: 0;
}
.product-tab-slider img{
width: auto;
height: auto;
transform: none;
margin: 0 auto;
}
#owl-demo-product .item, #icon1 .item, #icon2 .item, #icon3 .item, #icon4 .item, .owl-exclusive-product .item{
min-height: 300px;
}
.category-headers .cat-tab-text div{
min-height: 74px;
}
.fresh-saver-tab.cat-tab-text img {
height: 70px;
}
.category-headers .cat-tab-text div h3{
font-size: 14px;
}
.special-buys-tab.cat-tab-text span {
font-size: 19px;
}
.category-headers .special-buys-tab.cat-tab-text div h3 {
font-size: 14px;
}
}
@media only screen and (max-width: 320px) {
.fresh-saver-tab.cat-tab-text img {
height: 64px;
}
.category-headers .cat-tab-text div h3 {
font-size: 13px;
}
.category-headers .fresh-saver-tab.cat-tab-text h3 {
padding-left: 2px;
}
.category-headers .cat-tab-text div {
min-height: 68px;
}
}
@media (min-width: 768px){
.info-popup .modal-dialog{
width: 900px;
}
}