/*
Theme Name:Bindi USA 2020 QNY
Author: Edison Dairo Jimenez / QNY Creative
Author URI:http://qnycreative.com
Version:1.0
*/

/* fonts */
@font-face{font-family:"Agenda"; font-display:swap; src:url("fonts/agenda-light.woff2") format("woff2"),url("fonts/agenda-light.woff") format("woff"),url("fonts/agenda-light.otf") format("opentype"); font-style:normal;font-weight:300}
@font-face{font-family:"Agenda"; font-display:swap; src:url("fonts/Agenda Medium.woff2") format("woff2"),url("fonts/Agenda Medium.woff") format("woff"),url("fonts/Agenda Medium.otf") format("opentype"); font-style:normal;font-weight:500}
@font-face{font-family:"Agenda"; font-display:swap; src:url("fonts/agenda-bold.woff2") format("woff2"),url("fonts/agenda-bold.woff") format("woff"),url("fonts/agenda-bold.otf") format("opentype"); font-style:normal;font-weight:600}
@font-face{font-family:"JaneAusten"; font-display:swap; src:url("fonts/JaneAust.woff2") format("woff2"),url("fonts/JaneAust.woff") format("woff"),url("fonts/JaneAust.otf") format("opentype"); font-style:normal;font-weight:400}

/* wp admin styles */
body#tinymce{margin:0; padding:0; border:none}

/* wp basic styles */
.entry-content img{margin:0 0 1.5em 0}
div.alignleft, img.alignleft{display:inline-block;float:left;margin-right:1em;margin-bottom:1em}
div.alignright, img.alignright{display:inline-block;float:right;margin-left:1em;margin-top:1em}
div.aligncenter, img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
.wp-caption{text-align:center;margin-bottom:1.5em}
.wp-caption img{border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text{margin:0;font-weight:bold}
.wp-smiley{max-height:1em;margin:0 !important}
.gallery dl{margin:0;border:0;padding:0}
blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%}
blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%}
.gallery-caption{font-size:12px}
html{height:100%}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:"" ""}
a img{border:none}
p{padding-top:0.1em;padding-bottom:0.1em}
em{font-style:italic}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail{max-width:100%;height:auto}
.center{text-align:center}
#page_content_wrapper p{padding-top:0.5em;padding-bottom:0.5em}
#page_content_wrapper p:empty{padding:0 !important;margin:0 !important}
#footer p{padding-top:0.5em;padding-bottom:0.5em}
html, body{min-height:100%}
img, a img{image-rendering:optimizeQuality}
em{font-style:italic}
::selection{background:#000; color:#fff}
table{border-spacing:0}
.sticky{background:#ffffe0;padding:30px 20px 20px 20px;border:1px solid #e6db55 !important;box-sizing:border-box}
.marginright{margin-right:7px}
img.alignright{float:right; margin:0 0 1em 1em}
img.alignleft{float:left; margin:0 1em 1em 0}
img.aligncenter{display:block; margin-left:auto; margin-right:auto}
a img.alignright{float:right; margin:0 0 1em 1em}
a img.alignleft{float:left; margin:0 1em 1em 0}
a img.aligncenter{display:block; margin-left:auto; margin-right:auto}
.sticky, .bypostauthor{font-weight:bold}
.foodCertifications{margin:20px 0; text-align:left}
.cert1{width:50px; height:50px; background:url(images/kosher.svg) no-repeat center center / contain; margin:0 20px 0 0; display:inline-block}
.cert2{width:44px; height:50px; background:url(images/cert2.png) no-repeat center center / contain; margin:0 20px 0 0; display:inline-block}
.cert3{width:32px; height:50px; background:url(images/cert3.png) no-repeat center center / contain; margin:0 20px 0 0; display:inline-block}
.cert4{width:50px; height:50px; background:url(images/vegan.svg) no-repeat center center / contain; margin:0 20px 0 0; display:inline-block}
.cert5{width:50px; height:50px; background:url(images/glutenFree.svg) no-repeat center center / contain; margin:0 20px 0 0; display:inline-block}

/* common styles */
body{margin:0; padding:0; color:#333; background:#fff url(images/bodyBkg.jpg) repeat center top; min-width:1200px; font-family:Agenda; font-weight:300; line-height:1.2; letter-spacing:1px; font-size:16px}
input, select, textarea{color:inherit; font-family:Agenda; font-weight:300; line-height:1; letter-spacing:1px; font-size:16px}
.contentCenter,
.centeredWhiteBox{width:1200px; margin:0 auto}
a{color:inherit}
a img{border:none; display:block}
.displayTable{display:table; width:100%; height:100%}
.tableCell{display:table-cell; width:100%; height:100%; vertical-align:middle}
.button{font-size:16px; border-radius:4px; text-transform:uppercase; cursor:pointer; padding:8px 20px; color:#fff; background:#333; display:inline-block; text-decoration:none !important}
.clear{clear:both}
h1, h2, h3, h4, h5, h6{font-weight:900}
h1{font-size:60px}
h2{font-size:50px}
h1 span, h2 span{ display: block;  color: #666; font-size: 25px;}
h2.withLine, h3.withLine{position:relative; text-align:center}
h2.withLine span, h3.withLine span{  background:#fff; display:inline-block; padding:0 20px; position:relative; z-index:2; text-transform:uppercase; font-size:22px}
h2.withLine:before, h3.withLine:before{content:''; width:100%; position:absolute; left:0; top:50%; height:1px; background:#333}
h2.withLine span{ line-height: 3.4;}
.uppercase{text-transform:uppercase}
strong, b{font-weight:600}

/* header */
header{height:117px; border-bottom:1px solid #e7e7e7; box-shadow:0 0 8px rgba(0,0,0,0.4); left:0; top:0; width:100%; position:fixed; z-index:50; padding:15px 0 0; box-sizing:border-box; background:#fff}
body.admin-bar header{top:32px}
header .logo{background:url(images/logo2023.svg) no-repeat center center / contain; width:226px; height:87px; float:left}
header .right{float:right; text-align:right}
header .mainMenu{text-transform:uppercase; margin:0; padding:0; list-style-type:none; display:inline-block}
header .mainMenu li{position:relative; display:inline-block; margin:0 0 0 20px}
header .mainMenu li a{display:inline-block; padding:8px 0 11px; transition:0.3s ease; position:relative}
header .mainMenu>li>a:after{content:''; width:100%; height:5px; position:absolute; left:0; bottom:0; background:#333; opacity:0; transition:0.3s ease}
header .mainMenu li.current-menu-item a:after,
header .mainMenu li a:hover:after{opacity:1}
header .mainMenu .sub-menu{text-transform:none; margin:0; padding:0; list-style-type:none; display:none; position:absolute; left:50%; top:33px; width:250px; background:#fff; border:solid #333; border-width:5px 0; border-radius:4px; text-align:left; transform:translateX(-50%)}
header .mainMenu .sub-menu li{display:block; margin:0}
header .mainMenu .sub-menu li a{padding:8px 15px 12px; display:block; transition:0.3s ease}
header .mainMenu .sub-menu li a:hover{background:#333; color:#fff}
header .mainMenu li:hover .sub-menu{display:block}
header a{text-decoration:none}
header .socialLinks{}
.facebook{vertical-align:middle; width:19px; height:19px; display:inline-block; margin:0 0 0 5px; background:url(images/facebook.svg) no-repeat center center / contain}
.instagram{vertical-align:middle; width:19px; height:19px; display:inline-block; margin:0 0 0 5px; background:url(images/instagram.svg) no-repeat center center / contain}
header .translateBar{border:1px solid #ccc; display:inline-block; margin:0 10px 0 0; border-radius:2px}
.searchForm{margin:7px 0 8px}
.searchForm input{vertical-align:middle; border-radius:4px 0 0 4px; margin:0 0 0 2px; height:28px; box-sizing:border-box; border:1px solid #ccc; padding:0 10px; display:inline-block; border-right:none}
.searchForm .button{ border: none; vertical-align:middle; font-size:13px; padding:0 10px; line-height:28px}
.searchForm .search{vertical-align:middle; border-radius:0 4px 4px 0; text-indent:9999px; position:relative; width:30px; padding:0}
.searchForm .search:after{content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:17px; height:20px; background:url(images/search.svg) no-repeat center center / contain}

/* footer */
footer{}
footer .top{font-size:16px; background:rgba(0,0,0,0.6); color:#fff; padding:50px 0}
footer a{text-decoration:none}
footer a:hover{text-decoration:underline}
footer .footerMenu{margin:0; padding:0; list-style-type:none}
footer .footerMenu li{width:16.6666%; float:left; box-sizing:border-box; padding:0 30px 0 0}
footer .top strong{text-transform:uppercase; display:block; font-size:18px; margin-top:20px}
footer .top li>strong:first-child{margin-top:0}
footer .top a{display:block; margin-bottom:5px}
footer .bottom{ font-size: 17px;  text-align:center; background:rgba(255,255,255,0.6); padding:50px 0}
footer .logo{display:block; background:url(images/logo2023.svg) no-repeat center center / contain; width:150px; height:60px; margin:0 auto 20px}
footer .bottom .copy{font-size:14px; margin:30px 0 0 0}
footer .footerMenu li.column-1{width:14%}
footer .footerMenu li.column-2{width:14%}
footer .footerMenu li.column-3{width:23%}
footer .footerMenu li.column-4{width:14%}
footer .footerMenu li.column-5{width:26%}
footer .footerMenu li.column-6{padding:0; width:9%}
footer .bottom .locations{width:50%; margin:0 auto;}
footer .bottom .locations .box{width:50%; float:left; text-align:center; padding:0 15px; box-sizing:border-box}
footer .bottom .newsletter{float:right; width:34%; text-align:left}
footer .footerTitle{ font-weight: 900; text-transform: uppercase; margin: 0 0 10px;}

/* home */
section{padding:117px 0 0 0}

/* homeSlider */
.homeSlider{position:relative; width:100%; background:#000; height:700px}
.homeSlider ul{margin:0; padding:0; list-style-type:none; width:100%; height:100%}
.homeSlider ul li{display:none; position:absolute; left:0; top:0; background:no-repeat center center / cover; width:100%; height:100%}
.homeSlider .text{border-radius:4px; width:50%; box-sizing:border-box; background:rgba(0,0,0,0.6); color:#fff; display:inline-block; padding:30px 40px; margin-bottom:50px}
.homeSlider .text .button{background:#fff; color:#333}
.homeSlider .text p{margin:0 0 30px}
.homeSlider .text p:last-child{margin-bottom:0}
.homeSlider .text h2{margin:0; font-size:40px}
.homeSlider .tableCell{vertical-align:bottom}
.homeSlider .paginator span.active{background:#333 !important; border-color:rgba(255,255,255,0.6) !important}
.homeSlider .paginator span{display:block; margin:10px 0 0; cursor:pointer; width:14px; height:14px; border:2px solid #333; box-sizing:border-box; border-radius:50%; transition:0.3s ease; background:rgba(255,255,255,0.6)}
.homeSlider .paginator{position:absolute; right:50px; bottom:50px; text-align:center}

/* fullwidthText  */
.fullwidthText{margin:50px 0}
.fullwidthText h2,
.fullwidthText h1{margin:0 0 20px}
.font22{font-size:22px}
blockquote{width:75%; margin:100px auto; position:relative; text-align:center; font-family:JaneAusten; color:#3a3a3a; text-shadow:0px 15px 2px #C0C0C0; font-size:35px; box-sizing:border-box; padding:0 100px}
blockquote:before{position:absolute; left:0; top:0; content:''; background:url(images/quoteLeft.svg) no-repeat center center / contain; width:79px; height:69px}
blockquote:after{position:absolute; right:0; bottom:0; background:url(images/quoteLeft.svg) no-repeat center center / contain; width:79px; height:69px; transform:rotate(180deg)}

/* centeredImage */
.centeredImage{text-align:center}
.centeredImage img{max-width:100%; margin:0 auto; display:block}

/* centeredImages */
.centeredImages{margin:50px 0}
.centeredImages .wrapper{margin:0 -5px}
.centeredImages .box{float:left; width:33.3333%; padding:0 5px; box-sizing:border-box}
.centeredImages .box .image{width:100%; height:300px; background:#ccc no-repeat center center / cover}
.centeredImages .box .text{padding-top:15px}

/* bgColor */
.bgColor{padding:1px 0; margin:-1px 0}

/* pageLinksWithImages */
.pageLinksWithImages{margin:50px 0}
.pageLinksWithImages .wrapper{margin:0;border-radius:4px; overflow:hidden; box-shadow:0 0 8px rgba(0,0,0,0.1)}
.pageLinksWithImages .box{float:left; width:25%; height:370px; background:#ccc no-repeat center center / cover; position:relative}
.pageLinksWithImages .box .text{width:100%; color:#fff; font-size:28px; height:100px; text-align:center; position:absolute; left:0; bottom:0; font-weight:900; background:rgba(0,0,0,0.5); padding:20px; box-sizing:border-box; transition:0.3s ease}
.pageLinksWithImages .box:hover .text{height:100%}

.pageLinksWithImages.qty5{}
.pageLinksWithImages.qty5 .box{width:20%; height:370px}

/* centered_white_box */
.centeredWhiteBox{box-shadow:0 0 8px rgba(0,0,0,0.1); box-sizing:border-box; margin:50px auto; padding:0 35px; border:solid #333; border-width:5px 0 5px; background:#fff; border-radius:4px}
.centeredWhiteBox .contentCenter{width:100%}
.centeredWhiteBox.negativeMargin{margin-top:-50px}

/* catalogsList */
.catalogsList{margin:50px 0}
.catalogsList .wrapper{margin:0 -10px -50px}
.catalogsList .box{float:left; width:33.3333%; box-sizing:border-box; text-decoration:none; margin-bottom:50px; padding:0 10px}
.catalogsList .box .image{width:100%; height:167px; margin-bottom:20px; background:#ccc no-repeat center center / cover}
.catalogsList .box .text{text-align:center}
.catalogsList .box .text p{margin:0}
.catalogsList .box .text strong{font-size:20px; font-weight:900}

/* otherProducts */
.otherProducts{margin:50px 0}
.otherProducts .wrapper{margin:0 -5px -50px}
.otherProducts .box{float:left; width:25%; box-sizing:border-box; text-decoration:none; margin-bottom:50px; padding:0 5px}
.otherProducts .box .image{width:100%; height:180px; margin-bottom:20px; background:#ccc no-repeat center center / cover}
.otherProducts .box .text{text-align:center}
.otherProducts .box .text strong{font-size:18px}

/* newestProducts */
.newestProducts{margin:50px 0}
.newestProducts .wrapper{margin:0 -10px -50px}
.newestProducts .box{float:left; width:50%; box-sizing:border-box; text-decoration:none; margin-bottom:50px; padding:0 10px}
.newestProducts .box .image{display:block; width:100%; height:350px; margin-bottom:20px; background:#ccc no-repeat center center / cover}
.newestProducts .box .text{}
.newestProducts .box .text p{margin-top:0}
.newestProducts .box .text strong{font-size:20px; font-weight:900}

/* contactFormBlock */
.contactFormBlock{margin:50px 0}
.contactFormBlock .wrapper{margin:0 -10px}
.contactFormBlock .box1{float:left; width:40%; box-sizing:border-box; text-decoration:none; padding:0 10px}
.contactFormBlock .box2{float:left; width:60%; box-sizing:border-box; text-decoration:none; padding:0 10px}
.contactFormBlock input,
.contactFormBlock select,
.contactFormBlock textarea{box-sizing:border-box; width:100%; float:left; resize:none; margin:0 0 10px; height:35px; border-radius:4px; border:1px solid #ccc; padding:0 10px}
.contactFormBlock textarea{padding:8px 10px; height:251px}
.contactFormBlock .button{margin:20px 0 0}
.contactFormBlock .hidden{display:none}

/* contactLocations */
.contactLocations{margin:0 0 -50px}
.contactLocations .wrapper{margin:0 -10px}
.contactLocations .box{float:left; width:50%; box-sizing:border-box; text-decoration:none; margin-bottom:50px; padding:0 10px}
.contactLocations .box .text{text-align:center; background:rgba(0,0,0,0.03); border-radius:4px; padding:20px; box-sizing:border-box}
.contactLocations .box .text p{margin:0}
.contactLocations .box .text h3{margin-top:0}
.contactLocations .box .text .address{text-align:left; display:table-cell; box-sizing:border-box; padding:0 20px 0 0}
.contactLocations .box .text .tel{display:table-cell; width:29%; text-align:left}

/* fullWidthVideo */
.fullWidthVideo{margin:50px 0}
.fullWidthVideo video{display:block; width:90%; border:5px solid #333; border-radius:4px; height:607px; margin:0 auto}

/* mainBanner */
.mainBanner{width:100%; background:#ccc no-repeat center center / cover; height:500px}

/* productInfo */
.productInfo{margin:50px 0; display:table}
.productInfo .image{vertical-align:top; width:363px; min-height:167px; display:inline-block; background:#ccc no-repeat center center / cover}
.productInfo .image img{display:block; width:100%; height:auto}
body.single-product .productInfo .image{height:240px}
.productInfo .text{vertical-align:top; display:table-cell}
.productInfo .text h2,
.productInfo .text h1{margin:0; font-size:40px}
.productInfo .text h2 .code,
.productInfo .text h1 .code{font-size:18px; font-weight:400; color:#999}
.productInfo .text .wrapper{padding:0 30px; box-sizing:border-box}
.productInfo .contactFormBlock{margin-bottom:0; width:60%; background:rgba(0,0,0,0.05); padding:30px; border-radius:4px; box-sizing:border-box}

/* categoryInfo */
.categoryInfo{margin:50px 0}
.categoryInfo h2{margin:0; font-size:40px}

/* productTable */
.productTable{}
.productTable table{width:100%}
.productTable thead th{padding:4px; background:#333; color:#fff; text-align:right}
.productTable thead tr>th:first-child{text-align:left}
.productTable tbody th{padding:4px; background:#ccc; text-align:left}
.productTable tbody td{padding:4px; border-bottom:1px solid #ccc; text-align:right}
.productTable tbody tr>td:first-child{text-align:left}

/* single product */
.productProperties{margin:50px 0 0}
.productProperties .icon{display:inline-block; vertical-align:middle; margin:0 15px 15px 0}
.productProperties .icon div{display:inline-block; vertical-align:middle; width:40px; height:40px; background:no-repeat center center / contain; margin:0 15px 0 0;}

/* breadcrumbs */
.breadcrumbs{margin:0 0 30px; font-size:14px; color:#999}
.breadcrumbs a{text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs strong{color:#333}

/* yearsSlider */
.yearsSlider{margin:-30px 0 50px}
.yearsSlider .wrapper{background:#ccc; overflow:hidden; width:100%; height:650px; position:relative; border-radius:4px}
.yearsSlider ul{position:absolute; left:0; top:0; list-style-type:none; margin:0; padding:0; width:20000px; height:100%}
.yearsSlider ul li{float:left; width:1100px; height:100%}
.yearsSlider .image{width:60%; display:table-cell; background:#ccc no-repeat center center / cover}
.yearsSlider .text{background:rgba(255,255,255,1); display:table-cell; vertical-align:middle; text-align:center}
.yearsSlider .text .container{padding:30px; box-sizing:border-box}
.yearsSlider .text .year{font-size:70px; font-weight:900}
.yearsSlider .text h2{font-size:30px}
.yearsSlider .arrowLeft{cursor:pointer; width:25px; height:50px; position:absolute; left:0; top:50%; background:url(images/arrowRightY.svg) no-repeat center center / contain; transform:translateY(-50%) rotate(180deg) ; z-index:5}
.yearsSlider .arrowRight{cursor:pointer; width:25px; height:50px; position:absolute; right:0; top:50%; background:url(images/arrowRightY.svg) no-repeat center center / contain; transform:translateY(-50%);z-index:5}

/* bgImage */
.bgImage{background:no-repeat center top / 1600px auto; margin:-1px 0; padding:1px 0}
body.page-id-74 .bgImage{background-size:1990px auto}

/* aboutTitle */
.aboutTitle{padding:150px 0; font-size:100px; line-height:1; font-weight:900; color:#fff; text-shadow:#4f4f4e 2px 2px 2px}
.aboutTitle span{background:rgba(255,255,255,0.8); font-size:30px; line-height:1.2; color:#333; padding:15px 20px; display:inline-block; text-shadow:none}

/* certifications */
.certifications{margin:50px 0; text-align:center}
.certifications a{text-decoration:none; font-weight:900; text-align:center; width:200px; display:inline-block}
.certifications a:before{width:70px; height:70px; content:''; background:url(images/certification.svg) no-repeat center center / contain; display:block; margin:0 auto 20px}

/* pageLinks */
.pageLinks{margin:0 0 50px}
.pageLinks .wrapper{}
.pageLinks a{text-decoration:none; background:#fff; color:#333; text-transform:uppercase; padding:12px 15px 10px; font-weight:900; transition:0.3s ease; display:inline-block}
.pageLinks a:hover,
.pageLinks a.active{background:#333; color:#fff}
.pageLinks a:first-child{border-radius:0 0 0 4px}
.pageLinks a:last-child{border-radius:0 0 4px 0}

/* contact */
.divMessage{margin:10px 0 0; padding:4px 10px; display:none; color:#fff}
.divMessage.error{background:#A20002}
.divMessage.success{background:#157522}
.redBorder{border-color:#CF0000 !important}

.ctct-inline-form{float:right; clear:right; width:100%}
.ctct-form-embed.form_0 .ctct-form-defaults{background:none !important}
div.ctct-form-embed div.ctct-form-defaults{padding:0 !important}
div.ctct-form-embed form.ctct-form-custom label.ctct-form-label{display:none !important}
div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text{display:none !important}
div.ctct-form-embed form.ctct-form-custom input.ctct-form-element{border:1px solid #ccc !important; border-radius:4px 0 0 4px !important; box-shadow:none !important; background:#fff !important; height:40px !important; padding:0 10px !important; box-sizing:border-box !important; border-right:none !important}
div.ctct-form-embed form.ctct-form-custom div.ctct-form-field{margin:0 !important; width:300px !important; float:left !important}
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button,
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover{background:#333 !important; border-radius:0 4px 4px 0 !important; color:#fff !important; font-family:Agenda !important; letter-spacing:1px !important; font-size:16px !important; text-transform:uppercase !important; padding:0 !important; text-align:center !important; line-height:40px !important; width:100px !important; float:left !important; border:none !important; box-sizing:border-box !important}
div.ctct-form-embed form.ctct-form-custom{min-height:auto !important}

/* instagramImages */
.instagramImages{margin:50px auto}
.instagramImages h2{margin:0}
.instagramImages .images{margin:30px -10px 0}
.instagramImages .img{float:left; width:calc(25% - 20px); margin:0 10px; height:285px; background:#ccc no-repeat center center / cover; transition:0.3s ease}
.instagramImages .img:hover{transform:scale(1.05)}

/* search */
body.search section .searchForm{ text-align: center;  padding: 0 0 40px;}

/* preload */
.preloadDiv{width:0; height:0; overflow:hidden}
.showIphone, .showIpad, .mobileMenuItems, .iphoneLoginButton{display:none}
.hidden{display:none !important}
.showDesktop{}

@media screen and (min-width:1199px){
	.mobileMenuDiv,
	.mobileMenuItems,
	.showIphone{display:none !important}
}

@media screen and (min-width:768px){
	.mobileMenuItems{display:none !important}
}

/* tablet */
@media screen and (min-width:0px) and (max-width:1199px){
	.showIpad{display:block !important}
	.showDesktop{display:none !important}
	body{min-width:768px; font-size:14px}

	.contentCenter,
	.centeredWhiteBox{width:739px}

	header{ height: 96px;}
	header .mainMenu li{margin:0 0 0 10px}
	header .mainMenu li a{padding:8px 0 14px}
	header .logo{width:180px; height:64px}
	header .socialLinks{ float: right; margin: 11px 0 0 10px; }
	
	section{ padding: 96px 0 0 0;}

	h2{font-size:45px}

	footer .footerMenu{width:90%; margin:0 auto}
	footer .footerMenu li.column-1,
	footer .footerMenu li.column-2,
	footer .footerMenu li.column-3,
	footer .footerMenu li.column-4,
	footer .footerMenu li.column-5,
	footer .footerMenu li.column-6{width:33.3333%}
	footer .footerMenu li.column-4,
	footer .footerMenu li.column-5,
	footer .footerMenu li.column-6{padding-top:30px}
	footer .footerMenu li.column-3{padding-right:0}
	footer .bottom .newsletter{width:46%}
	div.ctct-form-embed form.ctct-form-custom div.ctct-form-field{width:230px !important}

	.pageLinksWithImages .box{height:280px}
	.pageLinksWithImages .box .text{font-size:20px}

	.catalogsList .box .image{height:96px}
	.catalogsList .box .text strong{font-size:18px}

	.productInfo{display:block}
	.productInfo .image{display:block; margin:0 auto 30px}
	.productInfo .text{display:block}
	.productInfo .text .wrapper{padding:0}

	.newestProducts .box .image{height:210px}
	.otherProducts .box .image{height:120px}

	.bgImage{background-size:1300px auto}
	.aboutTitle{font-size:80px; padding:100px 0}
	blockquote{width:100%; margin:50px auto}
	.centeredImages .box .image{height:185px}
	.certifications a{width:150px}
	.yearsSlider ul li{width:698px}
	.yearsSlider .text h2{font-size:24px}
	.yearsSlider .text .year{font-size:60px}
	.yearsSlider .image{width:45%}

	.homeSlider .text{width:80%}
	.homeSlider .text h2{font-size:30px}
	.fullWidthVideo video{height:374px}

	.pageLinksWithImages.qty5 .box{height:250px}

	.instagramImages .img{height:169px}
	.fullwidthText h2, .fullwidthText h1{ font-size:40px;}
	.fullwidthText h2 span, .fullwidthText h1 span{ font-size: 22px;}
}

/* phone */
@media screen and (min-width:0px) and (max-width:767px){
	.showIphone{display:block !important}
	.showDesktop,
	.hideIphone{display:none !important}
	body{min-width:320px}

	.contentCenter,
	.centeredWhiteBox{width:300px}

	h2,
	.categoryInfo h2,
	.productInfo .text h2,
	.productInfo .text h1{font-size:30px}

	header{height:70px; padding:10px 0}
	header .logo{width:130px; height:50px}
	header .right{display:none}
	header .contentCenter{width:100%; padding:0 10px; box-sizing:border-box}

	footer .bottom .locations{width:100%; margin:0}
	footer .bottom .locations .box{width:100%; padding:0 0 20px; float:none}
	footer .bottom .newsletter{width:100%; text-align:center}
	div.ctct-form-embed form.ctct-form-custom div.ctct-form-field{width:200px !important}

	section{padding-top:70px}

	.homeSlider{height:490px}
	.homeSlider .text h2{font-size:25px; margin-bottom:10px}
	.homeSlider .text{padding:20px; margin-bottom:10px}
	.homeSlider .paginator{right:10px; bottom:10px}
	#ctct_recaptcha_0{display:none}
	.font22{font-size:18px}
	.pageLinksWithImages .box{width:50%}
	.fullWidthVideo video{height:152px}
	footer .footerMenu li.column-1, footer .footerMenu li.column-2, footer .footerMenu li.column-3, footer .footerMenu li.column-4, footer .footerMenu li.column-5, footer .footerMenu li.column-6{width:100%; padding:0 0 20px !important; text-align:center}

	.pageLinks a{padding:12px 5px 10px; font-size:12px}
	.aboutTitle{font-size:55px; padding:50px 0}
	.aboutTitle span{font-size:22px}
	.centeredWhiteBox{padding:0 25px}
	blockquote{padding:0 30px; font-size:30px}
	blockquote:before{width:35px; height:35px}
	blockquote:after{width:35px; height:35px}
	.yearsSlider .wrapper{height:auto}
	.yearsSlider ul{position:relative; left:auto; top:auto; width:100%; height:auto}
	.yearsSlider ul li{width:100%}
	.yearsSlider .image{width:100%; display:block; height:200px}
	.yearsSlider .text{display:block}
	.yearsSlider .arrowLeft,
	.yearsSlider .arrowRight{display:none}

	.certifications a{margin:0 0 20px}
	.centeredImages .box{width:100%; margin-top:20px}

	.mainBanner{height:220px}
	.otherProducts .box{width:100%}

	body.single-product .productInfo .image{display:none}
	.productProperties .icon{display:block; margin:0 0 15px 0; text-align:center}
	.productProperties .icon div{display:block; margin:0 auto 15px}
	h2.withLine span,
    h3.withLine span{padding:0 10px; font-size:20px}

	.newestProducts .box{width:100%}
	.newestProducts .box .image{height:160px}

	.catalogsList .box{width:100%}
	.catalogsList .box .image{height:115px}
	.productInfo .image{vertical-align:top; width:100%; min-height:115px}
	.productInfo .contactFormBlock{width:100%; padding:10px}

	.contactLocations .box{width:100%}
	.contactLocations .box .text .address{display:block; padding:0 0 20px}
	.contactLocations .box .text .tel{display:block; width:100%}
	.contactFormBlock .box1,
	.contactFormBlock .box2{width:100%}
	.g-recaptcha{transform:scale(0.7) translateX(-50px)}

	.pageLinksWithImages.qty5 .box{width:50%; height:250px}
	.pageLinksWithImages.qty5 .box.count2{width:100%}

	.instagramImages .img{height:140px; width:calc(50% - 20px); margin:0 10px 20px}
	.instagramImages .img.img4{display:none}

	/* mobile menu */
	/* visible header menu area */
	.mobileMenuOpen{width:35px; height:57px; box-sizing:border-box; padding:18px 0 0 0; float:right; margin:6px 0 0 0}
	.mobileMenuOpen span{display:block; width:100%; height:3px; background:#000; position:relative; transition:0.3s ease}
	.mobileMenuOpen span:before,
	.mobileMenuOpen span:after{position:absolute; left:0; top:0; width:100%; height:3px; background:#000; content:''; transition:0.3s ease}
	.mobileMenuOpen span:before{top:-12px}
	.mobileMenuOpen span:after{top:12px}

	/* click state */
	.mobileMenuOpen.active span{background-color:#fff}
	.mobileMenuOpen.active span:before{transform:translateY(12px) rotate(45deg)}
	.mobileMenuOpen.active span:after{transform:translateY(-12px) rotate(-45deg)}

	/* menu items (invisible area) */
	.mobileMenuItems{box-sizing:border-box; padding:118px 0 0 0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:49; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);}
	.mobileMenuItems ul{margin:0; padding:0; list-style-type:none; text-align:center; color:#fff; font-size:17px; line-height:1.1; font-weight:bold; text-transform:uppercase}
	.mobileMenuItems ul li{display:block; margin:6px 0}
	.mobileMenuItems ul li.menu-item-has-children>a:after{ content: ' +';}
	.mobileMenuItems ul li.menu-item-has-children.opened>a:after{ content: ' -';}
	.mobileMenuItems ul li a{text-decoration:none; display:inline-block; padding:4px 0}
	.mobileMenuItems ul.sub-menu{ margin: 6px 0; padding: 6px 0; color:#ccc; display: none; background: rgba(255,255,255,0.2);}
	.mobileMenuItems ul.sub-menu li{}
	.mobileMenuItems ul li.logo{display:none}
	.mobileMenuItems .searchForm{ margin: 0; position: absolute; left: 0; top: 70px; width: 100%; background: #efefef; padding: 10px 0;}
	.mobileMenuItems .searchForm .theContent{ width: 300px; margin: 0 auto;}
	.mobileMenuItems .searchForm input{ width: calc(100% - 38px);}

	.foodCertifications{text-align:center}
	.cert1, .cert2, .cert3{margin-bottom:20px}
	.productTable{overflow-y:scroll}

	.iphoneLoginButton{display:inline-block; float:right; padding:8px 12px; margin:7px 15px 0 0}
	body.admin-bar header{top:46px}

	.homeSlider .text p {  margin: 0 0 15px;}

	body.search section .searchForm input{  width: 166px;}
}