/*
Theme Name: Italians Do It Better QNY
Author: QNY Creative
Author URI: http://qnycreative.com
Version: 1.0
*/

/* fonts */
@import url("https://use.typekit.net/blv4ump.css"); /* new adobe fonts */
@font-face {
    font-family: 'Ariata Display';
    src: url('fonts/AriataDisplay-Black.woff2') format('woff2'), url('fonts/AriataDisplay-Black.woff') format('woff');
    font-weight: 900; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'Ariata Display';
    src: url('fonts/AriataDisplay-Bold.woff2') format('woff2'), url('fonts/AriataDisplay-Bold.woff') format('woff');
    font-weight: bold; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'Ariata Display';
    src: url('fonts/AriataDisplay-Medium.woff2') format('woff2'), url('fonts/AriataDisplay-Medium.woff') format('woff');
    font-weight: 500; font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'Ariata Display';
    src: url('fonts/AriataDisplay-Regular.woff2') format('woff2'), url('fonts/AriataDisplay-Regular.woff') format('woff');
    font-weight: normal; font-style: normal; font-display: swap;
}

html, *{ font-size: 24px; font-family: "proxima-nova", sans-serif; font-weight: 400; font-style: normal;}
body{ color: #000;}
h1, h2 , h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span{ font-family: 'Ariata Display'; font-weight: 900;}

/* 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%;}
em { font-style: italic; }
::selection {background: #000; color: #f5f2e9;}
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; }

/* common styles */
html { overflow-x: hidden; }
body{ margin:0; padding:0; min-width:1294px; overflow-x: hidden; position: relative; background: #FAF8D7;}
.contentCenter{ width:1294px; margin:0 auto;}
.contentCenter:after{ content: ''; clear: both; float: none; width: 100%; height: 0;}
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, .shopify-buy__btn{ text-decoration: none; font-family: 'Ariata Display'; text-transform: none; color: #fff; font-size: 1.042rem; border: 2px solid; background: #E3081C; border-radius: 20px; padding: 5px 31px 9px; display: inline-block; border-color: #E3081C; cursor: pointer; transition: 0.3s ease;} 
.button.active,
.button:hover,
.shopify-buy__btn:active,
.shopify-buy__btn:hover{ background: #000; border-color: #000;}
.clear{ clear:both;}
.hidden{ display: none !important;}
.row{ margin: 0 -15px;}
.row:after,
footer .left ul:after{ content: ''; width: 100%; clear: both; display: block;}
.column1{ width: calc(100% - 30px); float: left; margin: 0 15px;}
.column2{ width: calc(50% - 30px); float: left; margin: 0 15px;}
.column3{ width: calc(33.3333% - 30px); float: left; margin: 0 15px;}
.column4{ width: calc(25% - 30px); float: left; margin: 0 15px;}
.column5{ width: calc(20% - 30px); float: left; margin: 0 15px;}
.row img{ display: block; margin: 0 auto 30px;}
strong, b{ font-weight:bold;}

/* preload */
.preloadDiv{ width:0; height:0; overflow:hidden; }
.showIphone,
.showIpad,
.showBigDesktop,
.hideDesktop{ display:none;}
.showDesktop{}

/* header */
header{ position: fixed; left: 0; top: 0; width: 100%; z-index: 100;}
body.admin-bar header{ top: 32px;}
header:before{ box-shadow: 0 0 10px rgba(0,0,0,0.25); z-index: 2; content: ''; width: 100%; height: 24px; background: url(images/headerBg.svg) repeat-x calc(50% - 140px) top / auto 100%; position: absolute; left: 0; top: 0;}
header .contentCenter{ position: relative; z-index: 2;}
header{ top: 0;}
header .logo{ aspect-ratio: 190/146; border-radius: 0 0 20px 20px; box-shadow: 5px 5px 5px rgba(0,0,0,0.1); float: left; background:#fff url(images/logo.svg) no-repeat left 23px top 14px / 74.5% auto; height: 146px; overflow: hidden; text-indent: -5000px; display: block;}
header .linkedin{ transition: 0.3s ease; float: right; width: 24px; aspect-ratio: 1/1; background: url(images/linkedin.svg) no-repeat center center / contain; display: inline-block; overflow: hidden; text-indent: -5000px; margin: 50px 11px 0 0;}

/* mobileMenu */
header .menuIcon{ margin: 65px 0 0 0; position: relative; transition: 0.3s ease; vertical-align: middle; display: inline-block; width: 49px; height: 35px; text-indent: -5000px; float: right; cursor: pointer;}
header .menuIcon .l1{ transition: 0.3s ease; position: absolute; left: 0; top: 0; width: 49px; height: 4px; border-radius: 2px; background: #e3081c; z-index: 3;} 
header .menuIcon .l2{ transition: 0.3s ease; position: absolute; left: 0; top: 15px; width: 49px; height: 4px; border-radius: 2px; background: #e3081c; z-index: 3;}
header .menuIcon .l3{ transition: 0.3s ease; position: absolute; left: 0; top: 31px; width: 49px; height: 4px; border-radius: 2px; background: #e3081c; z-index: 3;}
body.menuOpen .mobileMenuItems{ top: 0;}
header .menuIcon:before{ content: ''; width: 76px; aspect-ratio: 1/1; background: #fff; border-radius: 50%; position: absolute; left: -13.5px; top: -20.5px; z-index: 1; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.mobileMenuItems *{ font-size: 3.167rem; font-weight: 900; }
.mobileMenuItems:after{ z-index: 2; content: ''; width: 100%; height: 24px; background: url(images/headerBg.svg) repeat-x calc(50% - 140px) top / auto 100%; position: absolute; left: 0; bottom: 0;}
.mobileMenuItems{ transition: 0.4s ease; box-sizing: border-box; width: 100%; height: 100%; position: fixed; left: 0; top: -100%; z-index: 90; text-align: center; backdrop-filter: blur(8px); padding: 24px 0;}
body.admin-bar .mobileMenuItems{ padding: 56px 0 0;}
.mobileMenuItems .theBg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #FAF8D7; opacity: 0.9; z-index: 1;}
.mobileMenuItems .displayTable{ z-index: 2; position: relative;}
.mobileMenuItems ul{ margin: 0; padding: 0; list-style-type: none;}
.mobileMenuItems ul li{ margin: 15px 0; }
.mobileMenuItems a{ text-decoration: none; text-transform: none; color: #E3081C; font-family: "Ariata Display";}
body.page-id-204 header .menuIcon .l1,
body.page-id-204 header .menuIcon .l2,
body.page-id-204 header .menuIcon .l3{ background: #2E642C;}
body.menuOpen header .menuIcon .l1{ background: #E3081C; left: 7px; top: 15px; transform: rotate(-45deg); width: 35px; }
body.menuOpen header .menuIcon .l2{ opacity:0; }
body.menuOpen header .menuIcon .l3{ background: #E3081C; left: 8px; transform: rotate(-135deg); top: 15px; width: 35px; }

/* footer */
footer{ background: #640303; color: #fff; padding: 120px 0 101px;}
footer .left{ width: 190px; float: left; margin: 0 0 0 14px /*46px*/;}
footer .right{ width: 170px; float: right; text-align: center; font-size: 0.9rem; padding: 40px 0 0 0;}
footer .right p{ font-size: inherit;}
footer .center{ padding: 35px 0 0 0; float: left; width: 920px; text-align: center;}
footer .menu{ list-style-type: none; margin: 0; padding: 0; display: inline-block; font-family: "Ariata Display";}
footer .menu *{ font-family: "Ariata Display"; font-weight: 700;}
footer .menu li{ display: inline-block; margin: 0 21px; font-size: 1.042rem;}
footer a{ text-decoration: none;}
footer a:hover{ text-decoration: underline;}
footer .logo{ float: left; background: url(images/logoWhite.svg) no-repeat center center / cover; width: 186px; aspect-ratio: 185/155; overflow: hidden; text-indent: -5000px; display: block;}
footer .linkedin{ transition: 0.3s ease; width: 29px; aspect-ratio: 1/1; background: url(images/linkedinWhite.svg) no-repeat center center / contain; display: inline-block; overflow: hidden; text-indent: -5000px;}
header .linkedin:hover, footer .linkedin:hover{ transform: scale(1.1);}

/* section */
section{ position: relative; }

/* pageHeader */
.pageHeader{ height: 705px; position: relative; padding: 247px 0 0; }
.pageHeader .displayTable{ position: relative; z-index: 10;}
.pageHeader .tableCell{ vertical-align: top;}
.pageHeader h1{ font-size: 2.792rem; line-height: 1.13; text-align: center; color:#FFFAD8; margin: 0 auto 110px;}
.pageHeader .product{ transition: 0.3s ease;  width: 380px; aspect-ratio: 986/1204; background: no-repeat center center / contain; margin: 0 auto; transform: translate(-51px,0);}
.pageHeader:before{ content: ''; z-index: 2; position: absolute; left: 50%;  bottom: 37px; background: url(images/headerBg.png) no-repeat center center / contain; height: 358px; aspect-ratio: 2130/728; transform: translateX(-50%);}
.pageHeader:after, .bgOpen.p-202.bg-2:before, .bgOpen.p-204.bg-2:before{ position: absolute; left: -9%; bottom: -2px; -webkit-clip-path: url(#headerPath); clip-path: url(#headerPath); content: ''; z-index: 3; width: 118%; height: 194px; background: #E3081C;}
.videoOverlay{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden;}
.videoOverlay video{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden;}	
.pageHeader .buttonLeft,
.pageHeader .buttonRight{ z-index: 5; color: #FFF; font-family: "Ariata Display"; font-size: 1.042rem; text-transform: none; background: none; border: 2px solid #fff; border-radius: 20px; left: calc(50% - 403px);  bottom: 33px; position: absolute; padding: 6px 30px 10px; letter-spacing: 0;}
.pageHeader .buttonRight{ left: calc(50% + 198px);}
.pageHeader .buttonLeft:hover, .pageHeader .buttonRight:hover{ background: #fff; color: #e3081c;}

/* callouts */
.callouts{ margin: -25px auto 33px;}
.callouts .left{ padding: 31px 0 0 0; float: left; width: 204px;}
.callouts .right{ padding: 31px 0 0 0; float: right; width: 204px;}
.callouts .center{ float: left; width: calc(100% - 408px);}
.callouts .callout{ margin: 0 0 34px; font-weight: 600; width: 204px; background: rgba(81,26,9,0.7); border-radius: 30px; text-align: center; color: #fff; font-size: 0.9rem; padding: 41px 0; transition: 0.3s ease; box-sizing: border-box;}
.callouts .callout:hover{ transform: scale(1.02);}
.callouts .callout span{ line-height: 1; font-weight: bold; font-size: 2.9rem;  font-family: 'Ariata Display'; display: block; margin: 0 0 10px;}
.callouts .right .callout{ padding: 32px 8px 24px;}
.callouts .right .callout span{ margin: 0 0 18px; font-size: 2.35rem;}
.callouts .center .floatingProducts{ width: 100%; height: 643px; animation: levitate 6s infinite; background: no-repeat center center / contain;}
.callouts .center{ font-size: 1.12rem; color: #fff;}
.callouts .center h3{ font-size: 2.33rem; font-weight: bold; color: inherit; margin: 19px auto 30px;}

@keyframes levitate {
	0%   { transform: translateY(0) ;}
	50%   {  transform: translateY(25px) ;}
	100%   {  transform: translateY(0);}
}

/* bgOpen */
.bgOpen{ margin: -1px auto; padding: 1px 0; position: relative;}
.bgOpen.p-202.bg-2:before{ bottom: auto; top: -192px;}
.bgOpen.p-204.bg-2:before{ bottom: auto; top: -192px;}
.bgOpen.p-151.bg-2{ position: relative;}
.bgOpen.p-151 .deco1{ position: absolute; left: -96px; top: -210px; width: 417px; aspect-ratio:417/456; background:url(images/handDeco1.svg) no-repeat center center / contain; z-index: 3;}
.bgOpen.p-151 .deco2{ position: absolute; right: -125px; top: -281px;transform: rotate(-6deg); width: 429px; aspect-ratio:429/532; background:url(images/handDeco2.svg) no-repeat center center / contain; z-index: 3;}
.bgOpen.p-151 .deco3{ position: absolute; left: calc(50% - 720px); bottom: 44px; width: 176px; aspect-ratio:176/204; background:url(images/deco3.svg) no-repeat center center / contain; }
.bgOpen.p-151 .deco4{ position: absolute; right: calc(50% + -780px); bottom: 160px; width: 173px; aspect-ratio:173/199; background:url(images/deco4.svg) no-repeat center center / contain; }
.bgOpen.p-204.bg-2{ position: relative;}
.bgOpen.p-204 .deco1{ position: absolute; left: calc(50% - 214px); top: -153px; width: 371px; aspect-ratio: 371/416; background: url(images/deco5.svg) no-repeat center center / contain; z-index: 2;}
.bgOpen.p-204 .deco2{ animation: levitate 5s infinite; position: absolute; right: calc(50% - 793px); top: 54px; transform: rotate(-6deg); width: 237px; aspect-ratio: 237/422; background: url(images/deco6.svg) no-repeat center center / contain; z-index: 2; rotate: 5deg;}
.bgOpen.p-204 .deco3{ animation: levitate 6s infinite;position: absolute; left: calc(50% - 850px); top: 210px; width: 378px; aspect-ratio: 378/409; background: url(images/deco2-2.svg) no-repeat center center / contain;}
.bgOpen.p-204 .deco4{ animation: levitate 7s infinite;position: absolute; right: calc(50% + -585px); top: 492px; width: 295px; aspect-ratio: 173/199; background: url(images/deco4.svg) no-repeat center center / contain; }

@keyframes levitate {
	0%   { transform: translateY(0) ;}
	50%   {  transform: translateY(-25px) ;}
	100%   {  transform: translateY(0);}
}

/* bannerImage */
.bannerImage{ margin: 0;}
.bannerImage .theImg{ aspect-ratio:1294/508; width: 100%; background: #000 no-repeat center center / cover; border-radius: 30px; overflow: hidden; transition: 0.3s ease;}
.bannerImage:hover .theImg{ transform: scale(1.05);}
body.home .bannerImage{ margin: 99px auto -12px;}

/* bannerImageText */
.bannerImageText{ margin: 0; position: relative; padding: 143px 0 172px; background: #000 no-repeat center center / cover;}
.bannerImageText:before{ content: ''; width: 100%; position: absolute; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.4); z-index: 3;}
.bannerImageText .contentCenter{ position: relative; z-index: 4;}
.bannerImageText h2{ margin: 0; color: #fff; font-size: 2.792rem; line-height: 1.26;}
.bannerImageText h2 span{ font-family: "duffy-script", sans-serif; font-size: 5rem; font-weight: 700;}
.bannerImageText.p-204{ padding: 160px 0 151px;}
.bannerImageText.p-204 h2{ font-size: 2.333rem;}
.bannerImageText.p-204 h2 span{ margin: -29px 0 0; display: block; transform: rotate(-3.01deg);}

/* fullwidthText */
.fullwidthText{ margin: 60px auto; }
.fullwidthText *{ font-size: 1.125rem;}
.fullwidthText h2{ font-size: 3.167rem; line-height: 1.1;}
.fullwidthText h2:first-child{ margin-top: 0;}
.fullwidthText h1{ font-size: 2.792rem;}
.fullwidthText h1 span{ font-size: 3.958rem; font-family: "duffy-script", sans-serif;}
.fullwidthText.p-202 h1,
.fullwidthText.p-208{ margin: 158px auto -15px;}
.fullwidthText.p-202.fwt-2{ position: relative; margin: -83px auto 128px; z-index: 4;}
.fullwidthText.p-202.fwt-2 h2{ font-size: 2.792rem; margin: 0 auto 66px;}
.fullwidthText.fwt-3.p-151 h2{ font-size: 2.333rem; margin: 0 auto -6px;}
.fullwidthText.fwt-1.p-204 h1{ font-size: 3.167rem; color: #E3081C; margin: 228px auto 262px; line-height: 1.2;}
.fullwidthText.fwt-1.p-204 h1 span{ font-size: 7.2rem; color: #2E642C; margin: -53px auto 0; display: block;}
.fullwidthText.fwt-2.p-204{ margin: -104px auto 0; position: relative; z-index: 3;}
.fullwidthText.fwt-2.p-204 h2{ font-size:2.333rem; margin: 0 auto -12px;}
.fullwidthText.fwt-1.p-155 h2{ font-size: 2.333rem; margin: 83px auto 10px;}

.processTable{ display: flex; align-items:stretch; margin: 0 71px; padding: 0; position: relative;}
.processTable .bgs{ overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; border-radius: 40px; display: flex; align-items: stretch }
.processTable .b1{ background: #EA893F;}
.processTable .b2{ background: #CC0A22;}
.processTable .b3{ background: #640303;}
.processTable .b1, .processTable .b2, .processTable .b3{ width: 33.3333%;}
.processTable:before{ content: ''; width: 94%; height: 193px; background: url(images/processTableBg.svg) no-repeat center center / contain; position: absolute; left: 50%; bottom: 70px; transform: translateX(-50%); z-index: 2; }
.processTable .c1, .processTable .c2, .processTable .c3{ text-align: center; width: 33.3333%; font-size: 0.833rem; padding: 51px 51px 280px; line-height: 1.28; }
.processTable .c1 *,
.processTable .c2 *,
.processTable .c3 *{ font-size: 0.833rem; line-height: 1.28; }
.processTable h2{ margin: 0 auto 16px !important; color: #fff; font-size: 2.292rem !important; font-family: "duffy-script", sans-serif;}
.processTable strong{ font-size: inherit;}
.processTable .c1, .processTable .c2, .processTable .c3{ z-index: 3; position: relative;}
.processTable:after{ pointer-events: none; content: ''; background: url(images/processTomato.svg) no-repeat center center / contain; width: 144px; aspect-ratio: 144/151; position: absolute; left: 509px; bottom: 88px; z-index: 2; transition: 0.3s ease;}
.processTable:has(.c1:hover):after{left: 120px; rotate:-360deg;}
.processTable:has(.c3:hover):after{left: 878px; rotate:360deg;}

/* locationsList */
.locationsList{ margin: 60px auto;}
.locationsList #theMap{ width: 1241px; aspect-ratio:1241/537; margin: 0 auto; background: #ccc; border-radius: 30px; overflow: hidden; }
.mapContainer { position: relative;}
.searchBarBox { transition: 0.3s ease; position: absolute; left: 50px; top: 27px; z-index: 3; background: #fff; box-sizing: border-box; padding: 5px; border-radius: 17px; box-shadow: 3px 3px 3px rgba(0,0,0,0.3); }
.searchBarBox input { box-sizing: border-box; padding: 0 10px; outline: none; width: 470px; border: none; border-radius: 14px; height: 50px; background: #fff; color: #3B3B3B; font-size: 0.8rem;}
.searchBarBox:hover{ background: #e3081c;}
.mapInfoBox *{ font-size:0.8rem; line-height: 1.2; color: #666;}
.mapInfoBox strong{ padding: 0 30px 0 0; color: #e3081c; display: block; font-size: 0.9rem;}
.mapInfoBox p{ margin: 5px 0;}

.locationError *{ font-size: 0.8rem;}
.locationPopup { display: none; position: fixed; left: 0; top: 0; width: 100%;  height: 100%; z-index: 90; background: rgba(0,0,0,0.6); backdrop-filter: blur(5px);}
.popup { position: relative; margin: 0 auto; width: 470px; padding: 30px; border-radius: 30px; background: #fff; text-align: center; color: #000;}
.locationPopup h2{ margin-top: 0; color: #2e642c;}
.locationPopup p:last-child{ margin-bottom: 0;}
.locationPopup .close { position: absolute; width: 49px; height: 35px; cursor: pointer; right: -20px;  top: -20px;}
.locationPopup .close .l1{ transition: 0.3s ease; position: absolute; height: 4px; border-radius: 2px; background: #fff; z-index: 3; left: 7px; top: 15px; transform: rotate(-45deg); width: 35px;} 
.locationPopup .close .l2{ transition: 0.3s ease; position: absolute; height: 4px; border-radius: 2px; background: #fff; z-index: 3; left: 8px; transform: rotate(-135deg); top: 15px; width: 35px;}
.locationPopup .close:before{ content: ''; width: 62px; aspect-ratio: 1/1; background: #e3081c; border-radius: 50%; position: absolute; left: -5.5px; top: -13.5px; z-index: 1; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}

.hdpi.pac-logo::after{ display: none !important;}
.pac-item{ line-height: 2.2rem; border: none;}
.pac-item *{ font-size: 0.8rem; }
.pac-matched { font-weight: 600;}
.hdpi .pac-icon, .pac-icon{ margin: 16px 7px 0 7px; background: url(images/baseMarker.svg) no-repeat center center / contain;}
.pac-item:hover { background-color: #e3081c;}
.pac-item:hover .pac-icon, .hdpi .pac-item:hover .pac-icon { background-image: url(images/locationMarker.svg);}
.pac-item:hover *{ color: #fff;}
.pac-container{ border-radius: 0 0 30px 30px; border: none; margin: 0; box-shadow: 3px 3px 3px rgba(0,0,0,0.3);}

.pac-container.fromHomeSearchBar{ padding: 0 31px 10px; border-radius: 0 0 30px 30px; background: #f6f6f6; width: 529px !important; transform: translate(-32px,116px); box-shadow: 3px 3px 6px rgba(0,0,0,0.25);}
.pac-container.fromHomeSearchBar .pac-item *{ font-family: "Montserrat", sans-serif; font-size: 0.7rem; }

/* newsletterSubscribe */
.newsletterSubscribe { padding: 80px 0 69px; background: url(images/handPattern.png) repeat center top / 180px auto;}
.newsletterSubscribe .contentCenter{ width: 1040px; background: #E3081C; border-radius: 40px; text-align: center; color: #fff; font-size: 1.125rem; padding: 47px 0 66px;}
.newsletterSubscribe h2{ font-size: 2.375rem; margin: 0 auto -21px;}
.newsletter{ width: 475px; margin: 41px auto 0;}
.newsletter label{ display: none;}
.newsletter form{}
.newsletter form input {background: #FAF8D7; border: none; width: 316px; height: 52px; color:#073C6D !important; box-sizing: border-box; padding: 0 10px; font-size: 0.9rem; vertical-align: top; border-radius: 8px 0 0 8px; }
.newsletter form input::placeholder{ font-style: italic;}
.newsletter form input::-moz-placeholder{ font-style: italic;}
.newsletter .sendForm{ display: inline-block; cursor: pointer; color: #fff !important; width: auto; background: #C80C19; font-size: 0.833rem; margin: 0; padding: 0 41px; transition: 0.3s ease; vertical-align: top; height: 52px; line-height: 52px; border-radius: 0 8px 8px 0;}
.newsletter .sendForm:hover{  background: #640303;}
.divMessage{ font-size: 0.8rem !important; display: none; margin:10px 0 0 0;}
.newsletter .divMessage{ color: #fff;}

/* productsSlider */
.productsSlider{ padding: 80px 0; background: url(images/handPattern.png) repeat center top / 180px auto;}
.productsSlider .contentCenter{ width: 1040px; background: #FAF8D7; border-radius: 30px; }
.productsSlider .wrapper{ height: 560px; max-height: 560px; margin: 0; position: relative;}
.productsSlider .wrapper ul{ margin: 0; padding: 0; list-style-type: none; width: 100%; height: 100%;}
.productsSlider .wrapper ul li{ transition: 0.4s ease; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 0 46px 0; font-size: 0.917rem; line-height: 1.33; z-index: 1;}
.productsSlider .wrapper ul li.active{ opacity: 1; z-index: 2; }
.productsSlider .wrapper ul li .image{ transition: 0.3s ease; float: left; background: no-repeat center center / auto 100%; width: 370px; height: 100%; }
.productsSlider .wrapper ul li .text{ overflow: hidden; text-decoration: none; box-sizing: border-box; padding: 0 20px 0 0; color: #511A09; height: 100%; float: left; text-align: center; width: calc(100% - 370px);}
.productsSlider .wrapper ul li .text h2{ line-height: 1; margin: 0 0 20px; font-family: "duffy-script", sans-serif; font-weight: 800; color: #E3081C; font-size: 3.2rem;}
.productsSlider .wrapper ul li .text strong{ font-size: 1.3rem; display: block; text-transform: uppercase; margin: -10px 0 20px; text-align: center;}
.productsSlider .menu{ display: none; padding: 18px 0 31px 0; text-align: center; color: #E3081C; position: relative; }
.productsSlider .menu span{ transition: 0.3s ease; cursor: pointer; opacity: 0.2; display: inline-block; margin: 0 30px; font-family: 'Ariata Display'; font-weight: bold; font-size: 1.455rem;}
.productsSlider .menu span:hover{ opacity: 0.8;}
.productsSlider .menu span.active{ opacity: 1; }
.productsSlider .menu:before{ content: ''; width: calc(100% - 92px); left: 50%; transform: translateX(-50%); top: 0; height: 3px; background: #DB9B4B; position: absolute;}
.productsSlider .arrowLeft,
.productsSlider .arrowRight{ background: #fff url(images/homeProductsArrowRed.svg) no-repeat calc(50% + 3px) center / auto 30px; aspect-ratio:1/1; border-radius: 50%; width: 50px; position: absolute; right: -80px; top: calc(50% - 11px); cursor: pointer; transition: 0.3s ease; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.productsSlider .arrowLeft{ right:auto; left: -80px; transform: scaleX(-1);}
.productsSlider .arrowLeft:hover{ transform: scaleX(-1.1) scaleY(1.1);}
.productsSlider .arrowRight:hover{ transform: scale(1.1);}

/* lineupSlider */
.lineupSlider{ margin: -63px auto 90px; }
.lineupSlider .contentCenter{ width: 1173px; position: relative;}
.lineupSlider .contentCenter:before{ content: ''; position: absolute; left: 0; top: 155px; width: 100%; height: calc(100% - 155px); background: #c80c19; border-radius: 30px; z-index: 1;}
.lineupSlider .wrapper{ overflow: hidden; height: 707px; margin: 14px 0 0 ; position: relative; z-index: 2;}
.lineupSlider .wrapper ul{ position: absolute; left: 0; top: 0; margin: 0; padding: 0; list-style-type: none; width: 9999px; height: 100%;}
.lineupSlider .wrapper ul li{ transition: 0.4s ease; float: left; width: 391px; height: 100%; box-sizing: border-box; padding: 0 43px 0; font-size: 0.917rem; line-height: 1.33;}
.lineupSlider .wrapper ul li a{ text-decoration: none;}
.lineupSlider .wrapper ul li .image{ display: block; transition: 0.3s ease; background: no-repeat center center / auto 100%; width: 100%; aspect-ratio:1/1.5; margin: 0 auto -20px; }
.lineupSlider .wrapper ul li .text{ text-decoration: none; box-sizing: border-box; padding: 0; color: #fff; text-align: center; width: 100%;}
.lineupSlider .wrapper ul li .text h2{ line-height: 1; margin:0 auto; font-family: "duffy-script", sans-serif; font-weight: 700; color: #fff; font-size: 2.3rem;}
.lineupSlider .wrapper ul li .text strong{ font-size: 1.167rem; display: block; text-transform: uppercase; margin: 0 auto; text-align: center; font-weight: 400;}
.lineupSlider .wrapper ul li .text .button{ margin: 22px auto 0; background: #fff; color: #C80C19; padding: 10px 31px 14px;}
.lineupSlider .arrowLeft,
.lineupSlider .arrowRight{ background: url(images/homeProductsArrowBrown.svg) no-repeat center center / contain; aspect-ratio:46/83; width: 46px; position: absolute; right: -122px; top: calc(50% - 11px); cursor: pointer; transition: 0.3s ease;}
.lineupSlider .arrowLeft{ right:auto; left: -122px; transform: scaleX(-1);}
.lineupSlider .arrowLeft:hover{ transform: scaleX(-1.1) scaleY(1.1);}
.lineupSlider .arrowRight:hover{ transform: scale(1.1);}
body.single-product .bgOpen.p-151 .deco2 { top: -135px;}
body.single-product .bgOpen.p-151 .deco1 { top: -131px;}
	
/* productsList */
.productsList{ margin: 0 auto 14px;}
.productsList .row{ margin: 0 -15px;}
.productsList .product{ position: relative; text-align: center; text-decoration: none; float: left; width: calc(25% - 30px); margin: 0 15px 125px; }
.productsList .product .theContent{ position: relative; z-index: 2; }
.productsList .product .image{ transition: 0.3s ease; width: 100%; aspect-ratio:1/1.5; margin: 0 0 -26px; background: no-repeat center center / auto 100%;}
.productsList .product:hover .image{ transform: scale(1.05);}
.productsList .product .text{ line-height: 1; padding: 0 20px; font-size: 1.167rem; color: #511A09;}
.productsList .product .text .cat{ text-transform: uppercase; font-size: 1.167rem; margin: 8px 0 0 0;}
.productsList .product .text h2{ font-size: 1.76rem; color:#000; font-family: "duffy-script", sans-serif; margin: 0 auto -7px; }
.productsList .product.hasCat .text h2{ font-size: 2.5rem; color:#E3081C; margin: 0; }
.productsList .product:nth-child(4n+1){ clear: both;}
.productsList .product:nth-child(4n+1):before{ position: absolute; left: 0; top: 153px; z-index: 0; content: ''; width: calc(400% + 89px); height: calc(100% - 115px); border-radius: 39px; background: #faf8d7;}
.productsList .product .buttons{ margin: 29px 0 0 0;}

/* textWithImage */
.textWithImage{ margin: 0 auto; }
.textWithImage.single .contentCenter{ width: 100%;}
.textWithImage .flex{ display: flex; flex-direction: row; align-items:stretch;}
.textWithImage.Right .flex{ flex-direction: row-reverse;}
.textWithImage .image{ overflow: hidden; transition: 0.3s ease; width: 50%; box-sizing: border-box; padding: 0;  position: relative;  }
.textWithImage .image .theImg{ transition: 0.3s ease; width:50vw; height: 100%; position: absolute; right: 0; top: 0; background: #000 no-repeat center center / cover;}
.textWithImage .image .theImg:hover{ transform: scale(1.02); }
.textWithImage.Right .image .theImg{ right: auto; left: 0; top: 0;}
.textWithImage .text{ color: #511A09; width: 50%; box-sizing: border-box; padding: 99px 0 130px; position: relative; text-align: center; background: url(images/redStripe.svg) repeat-x left bottom / auto 20px;}
.textWithImage.Right .text{ background: url(images/greenStripe.svg) repeat-x right bottom / auto 20px;}
.textWithImage .text .container{  margin: 0 auto; width: 647px;}
.textWithImage h2{ font-size: 2.45rem; line-height: 1.2; text-align: center; color: #008E39; margin: 0 auto 65px;}
.textWithImage h2 span{ font-size: inherit; line-height: inherit; display: block; color: #E3081C;}
.textWithImage.Right h2{ color: #2E642C;}

.textWithImage.multiple{}
.textWithImage.multiple .image{ overflow: visible;}
.textWithImage.multiple .image .theImg{ width:100px; height: 100px; background-size: contain; background-color: transparent; position: relative; left:auto; top: auto; right: auto;}
.textWithImage.multiple .image .theImg:hover{ transform: scale(1.05);}
.textWithImage.multiple .text{ padding: 30px; text-align: left; color: inherit; background: none;}

.textWithImage.multiple.p-202{ margin: 0 auto 336px;}
.textWithImage.multiple.p-202 .image{ width: 45.5%;}
.textWithImage.multiple.p-202 .text{ width: 54.5%; line-height: 1.37;}
.textWithImage.multiple.p-202 .image .theImg.img-0{ width: 558px; height: auto; aspect-ratio: 1116/1305; position: absolute; left: -24px; top: 64px; z-index: 4;}
.textWithImage.multiple.p-202 .image .theImg.img-1{ width: 366px; height: auto; aspect-ratio: 733/759; position: absolute; left: -204px;
  top: -37px; z-index: 3;}
.textWithImage.multiple.p-202 .image .theImg.img-2{ width: 352px; height: auto; aspect-ratio: 703/698; position: absolute; left: 245px;
  top: 487px; z-index: 5;}
.textWithImage.multiple.p-202 .image .theImg.img-3{ width: 177px; height: auto; aspect-ratio: 355/649; position: absolute; left: calc(50% - 407px); bottom: -259px; z-index: 5;}
.textWithImage.multiple.p-202 .image .theImg.img-4{ width: 266px; height: auto; aspect-ratio: 532/456; position: absolute; left: calc(50% + 834px); bottom: -264px; z-index: 5;}

/* contact us form */
.textWithImage.multiple.p-208{ margin: 60px auto;}
.textWithImage.multiple.p-208 .image{ width: 45.5%;}
.textWithImage.multiple.p-208 .text{ width: 54.5%; line-height: 1.37;}
.textWithImage.multiple.p-208 .image .theImg.img-0{ width: 558px; height: auto; aspect-ratio: 1116/1305; position: absolute; left: -24px; top: 64px; z-index: 4;}
.textWithImage.multiple.p-208 .image .theImg.img-1{ width: 366px; height: auto; aspect-ratio: 733/759; position: absolute; left: -204px;
  top: -37px; z-index: 3;}
.textWithImage.multiple.p-208 .image .theImg.img-2{ width: 352px; height: auto; aspect-ratio: 703/698; position: absolute; left: 245px;
  top: 487px; z-index: 5;}
.textWithImage.multiple.p-208 .image .theImg.img-3{ width: 177px; height: auto; aspect-ratio: 355/649; position: absolute; left: calc(50% - 407px); bottom: -259px; z-index: 5;}
.textWithImage.multiple.p-208 .image .theImg.img-4{ width: 266px; height: auto; aspect-ratio: 532/456; position: absolute; left: calc(50% + 834px); bottom: -264px; z-index: 5;}

/* contactForm */
.contactForm{ color: #fff; }
.contactForm .contentCenter{ width: 1135px;}
.contactForm label{ display: block; margin: 0 0 10px; color: #faf8d7; font-size: 1.3rem; font-weight: bold; font-family: 'Ariata Display';}
.contactForm label sup{ color: #fff;}
.contactForm input[type=text], .contactForm textarea{ display: block; background: transparent; color: #fff; border-radius:0; width: 100%; height: 43px; box-sizing: border-box; border: solid #faf8d7; margin: 0 0 25px; padding: 0 5px; border-width: 0 0 3px; font-size: 1rem; }
.contactForm input[type=text]::-webkit-input-placeholder, .contactForm textarea::-webkit-input-placeholder,
.contactForm input[type=text]::-moz-placeholder, .contactForm textarea::-moz-placeholder,
.contactForm input[type=text]::placeholder, .contactForm textarea::placeholder{ color: #fff; opacity: 1;}
.contactForm input[type=text]:focus, .contactForm textarea:focus{ outline: none;}
.contactForm textarea{ height: 160px; resize: none; padding: 6px 5px; margin: 0 0 54px;}
.contactForm .g-recaptcha{ transform: scale(0.89); width: 302px; margin: 0 auto 40px;  transform-origin: center top;}
.contactForm .divMessage{ color: #faf8d7; font-size: 1rem !important;  text-align: center; display: none; margin: 20px 0 0;}
.contactForm .redBorder{ border-color:#e3081c !important;}
.contactForm .red{ color: #e3081c;}

/* productDetail */
body.single-product{ background: #faf8d7; }
.productDetail{  position: relative;}
.productDetail .top{  position: relative; z-index: 5;}
.productDetail .top .contentCenter{ position: relative;}
.productDetail .callouts{ position: absolute; left: 50%; top: 67px; width: 75.5%; transform: translateX(-50%);}
.productDetail .bottom{ margin: -237px auto 0; background: #2e642c; padding: 237px 0 60px; position: relative;}
.productDetail .bottom .contentCenter{ width: 1012px;}
.productDetail .bottom .left{ background: var(--nutrition-bg-color); border-radius: 30px; width: 408px; float: left; box-sizing: border-box; padding: 20px;}
.productDetail .bottom .left img{ display: block; width: 100%;}
.productDetail .bottom .right{ color: #fff; width: calc(100% - 408px); box-sizing: border-box; padding: 24px 0 0 40px; float: right;}
.productDetail .bottom .right h1{ margin: 0 auto 7px; font-family: "duffy-script", sans-serif; font-size: 2.8rem; }
.productDetail .bottom .right strong{ font-size: 1.333rem; font-family: 'Ariata Display'; }
.productIcons{}
.productIcons .icon-1{ background: url(images/picon1.png) no-repeat center center / contain; height: 95px; aspect-ratio:233/190; display: inline-block;}
.productIcons .icon-2{ background: url(images/picon2.png) no-repeat center center / contain; height: 95px; aspect-ratio:144/190; display: inline-block;}
.productIcons .icon-3{ background: url(images/picon3.png) no-repeat center center / contain; height: 95px; aspect-ratio:251/190; display: inline-block;}
.productIcons .icon-4{ background: url(images/picon4.png) no-repeat center center / contain; height: 95px; aspect-ratio:236/190; display: inline-block;}
.productIcons .icon-1, .productIcons .icon-2, .productIcons .icon-3{ margin: 0 44px 0 0;}
.productDetail .mainImage{ background: no-repeat center center / contain; aspect-ratio:1/1; width: 788px; margin: 110px auto 0;}
.productDetail .ingredients { margin: 29px auto 0; font-size: 1.125rem;}
.productDetail .description{ font-size: 1.125rem;}
.productIcons{ margin: 47px auto 0;}
.productDetail .bottom:before{ position: absolute; left: -9%; top: -192px; -webkit-clip-path: url(#headerPath); clip-path: url(#headerPath); content: ''; z-index: 3; width: 118%; height: 194px; background: var(--primary-color);}

.productDetail .deco1{ position: absolute; left: calc(50% - -75px); top: 110px; transform: rotate(51deg);  width: 329px; aspect-ratio: 429/532; background: url(images/handDeco2.svg) no-repeat center center / contain;  z-index: 2;}
.productDetail .deco2{  position: absolute;  left: calc(50% - 847px); top: 56px; width: 371px; aspect-ratio: 371/416; background: url(images/deco5.svg) no-repeat center center / contain; z-index: 2; rotate: 245deg;}
.productDetail .deco3{ position: absolute; left: calc(50% + 504px); top: 268px; width: 295px; aspect-ratio: 378/409;  background: url(images/deco2-2.svg) no-repeat center center / contain; rotate: -34deg;}
.productDetail .deco4{ position: absolute; right: calc(50% + -839px); top: -2px; width: 295px;  aspect-ratio: 173/199; background: url(images/deco4.svg) no-repeat center center / contain; rotate: -18deg; }
.productDetail .deco5{ position: absolute; right: calc(50% - 4px); top: 168px; width: 383px; aspect-ratio: 383/318;  background: url(images/picon5.svg) no-repeat center center / contain; }

.productDetail.p-108 .bottom .right{ color: #000;}

.bgOpen.p-155.bg-1{ overflow: hidden;}
.bgOpen.p-155.bg-1:before{ content: ''; position: absolute; left: 0; top: -9px; background:url(images/lineupBg.svg) repeat-x center bottom / auto 100%; width: 100%; height: 56px;}
body.page-id-206 .fullwidthText.fwt-1.p-151,
.fullwidthText.fwt-1.p-571,
.fullwidthText.fwt-1.p-567,
.fullwidthText.fwt-1.p-600{ margin-top: 180px;}

/* google infobox styles */
.gm-style .gm-style-iw-c{ padding: 20px !important;}
.gm-style-iw-ch{ display: none;}
.gm-ui-hover-effect{ position: absolute !important; right: 0; top: 0;}

.shopOnAmazon{ display:block; margin: 0 auto; width: 270px;}
.shopOnAmazon img{ display:block; width: 100%;}

/* tablet */
@media screen and (min-width:0px) and (max-width:1293px){
	.hideIpad,
	header ul.mainMenu,
	.showDesktop{ display:none !important;}
	.showIpad{ display:block !important;}
	
	html, *{ font-size: 17px;}
	body{ min-width: 810px;}
	.contentCenter, .newsletterSubscribe .contentCenter, .productsSlider .contentCenter, .lineupSlider .contentCenter, .contactForm .contentCenter, .productDetail .bottom .contentCenter{ width: 790px;}
	
	.bannerImageText h2 { font-size: 2.4rem;}		
	.searchBarBox input, .pac-item *, footer .right, .processTable .c1 *, .processTable .c2 *, .processTable .c3 *{ font-size: 1rem; }
	
	header .menuIcon { margin: 65px 20px 0 0;}
		
	footer{ padding: 60px 0;}
	footer .logo { float: none; width: 130px; margin: 0 auto;}
	footer .left { float: none; margin: 0 auto; display: block; width: 100%;}
	footer .center { padding: 40px 0 0 0; float: none; width: 100%;}
	footer .right { float: none; padding: 50px 0 0 0; margin: 0 auto; width: 100%;} 
	
	.bgOpen.p-151 .deco1 { left: -64px; top: -153px;  width: 291px;}
	.bgOpen.p-151 .deco2 { right: -90px; top: -198px; width: 300px;}
	.bgOpen.p-151 .deco3 { left: calc(50% - 450px); bottom: 24px; width: 123px;}
	.bgOpen.p-151 .deco4 { right: calc(50% + -490px); bottom: 10px; width: 121px;}
		
	.locationsList #theMap { width: 100%;}
	
	.bgOpen.p-204 .deco1 { left: calc(50% - 134px); top: -100px; width: 260px;}
	.bgOpen.p-204 .deco2 { right: calc(50% - 459px); top: 114px; width: 166px;}
	.bgOpen.p-204 .deco3 { left: calc(50% - 520px); top: 210px; width: 264px;}
	.bgOpen.p-204 .deco4 { right: calc(50% + -416px); top: 432px; width: 206px;}
	.bgOpen.p-204.bg-2::before, .bgOpen.p-202.bg-2::before { top: -133px;}
	.pageHeader::after, .bgOpen.p-202.bg-2::before, .bgOpen.p-204.bg-2::before { height: 135px;}
	
	.fullwidthText.fwt-1.p-204 h1 { margin: 228px auto;}
	.fullwidthText.fwt-2.p-204 { margin: -56px auto 0;}
	.fullwidthText.fwt-1.p-204 h1 span{ font-weight: 700;}
	.fullwidthText.p-151 .contentCenter{ box-sizing: border-box; padding: 0 70px;}
	.fullwidthText.p-202.fwt-2 h2{ margin: 60px auto;}
	.fullwidthText.p-202.fwt-2 { margin: -83px auto 60px;}
	
	.processTable{ margin: 0 auto;}
	.processTable .c1, .processTable .c2, .processTable .c3 { padding: 40px 20px 290px;}
	.processTable:has(.c1:hover)::after { left: 60px;}
	.processTable:has(.c2:hover)::after, .processTable::after { left: 324px;}
	.processTable:has(.c3:hover)::after { left: 587px;}
		
	.productsList .contentCenter{ width: 700px;}
	.productsList { margin: 0 auto 40px;}
	.productsList .product { width: calc(50% - 30px); margin: 0 15px 55px;}
	.productsList .product:nth-child(4n+1)::before{ display: none;}
	.productsList .product:nth-child(even)::before{ position: absolute; right: 0; top: 153px;  z-index: 0; content: ''; width: calc(200% + 30px); height: calc(100% - 123px); border-radius: 39px; background: #faf8d7;}
	.productsList .product .image { width: 90%; margin: 0 auto;}
	.productsList .product .text h2 { font-size: 2.5rem;}
	
	.searchBarBox { left: 20px; top: 20px;}
	
	.textWithImage .flex { display: block;}
	.textWithImage.multiple.p-208 .text { width: 100%; padding: 30px 50px 0;}
	.textWithImage.multiple.p-208 .image { width: 100%; height: 650px; scale: 0.7; transform: translate(160px,-140px); margin: 0 0 -100px;}
	
	.textWithImage.multiple.p-202 .text { width: 100%; padding: 30px 0 0;}
	.textWithImage.multiple.p-202 .image { width: 100%; height: 650px; scale: 0.7; transform: translate(160px,-140px); margin: 0 0 -100px;}
	.textWithImage.multiple.p-202 .image .theImg.img-3 { left: calc(50% - 547px); bottom: -159px; rotate: -35deg;}
	.textWithImage.multiple.p-202 .image .theImg.img-4 { left: calc(50% + -6px); bottom: 390px;}
	.textWithImage.multiple.p-202 { margin: 0 auto 193px;}
	
	.newsletterSubscribe .contentCenter { padding: 47px 100px 66px; box-sizing: border-box;}
	
	.productDetail .bottom .left{ width: 280px;}
	.productDetail .bottom .right { width: calc(100% - 280px); padding: 0 0 0 40px;}
	.productIcons .icon-1, .productIcons .icon-2, .productIcons .icon-3 { margin: 0 30px 0 0; }
	.productIcons .icon-1, .productIcons .icon-2, .productIcons .icon-3, .productIcons .icon-4 { height: 80px; }
	.productDetail .bottom::before { top: -133px; height: 135px;}
	.productDetail .mainImage{ width: 600px; margin: 150px auto 60px;}
	.callouts .callout,
	.callouts .left,
	.callouts .right{ width: 150px;}
	.productDetail .callouts{ width: 90%; top: 20px;}
	.productDetail .deco1 { left: calc(50% - -63px);  top: 123px; width: 230px;}
	.productDetail .deco2 { position: absolute; left: calc(50% - 587px); top: -14px; width: 260px; aspect-ratio: 371/416;}
	.productDetail .deco3 { left: calc(50% + 264px); top: 238px; width: 206px;}
	.productDetail .deco4 { right: calc(50% + -549px); top: -2px; width: 206px;}
	.productDetail .deco5 { top: 162px; width: 268px;}
	
	.lineupSlider .contentCenter{ width: 638px;}
	.lineupSlider .wrapper ul li { width: 319px;}
	.lineupSlider .arrowLeft { left: -71px;}
	.lineupSlider .arrowRight { right: -71px;}
	.lineupSlider .wrapper{ height: 522px;}
	.lineupSlider .wrapper ul li .image{ width: 97%;}
	
	.pageHeader::before { bottom: 4px; height: 250px;}
	.pageHeader {  height: 600px; padding: 176px 0 0;}
	body.home .bannerImage { margin: 126px auto 60px;}
	.pageHeader .buttonLeft { left: calc(50% - 333px);}
	.pageHeader .buttonRight { left: calc(50% + 169px);}
	.callouts .center { width: calc(100% - 340px); margin: 0 20px;}
	.callouts .center .floatingProducts { height: 583px;}
	.callouts { margin: -25px auto 60px;}
	
	.productsSlider{ padding: 70px 0;}
	.productsSlider .menu { padding: 15px 0 25px;}
	.productsSlider .menu span{ margin: 0 20px;}
	.productsSlider .wrapper{ margin: 0; height: 420px; max-height: 420px;}
	.productsSlider .wrapper ul li .image{ width: 40%; }
	.productsSlider .wrapper ul li .text{ width: 60%; padding: 0;}
	
	.textWithImage .text .container { width: 100%; box-sizing: border-box; padding: 0 30px;}
	body.home .textWithImage .flex { display: flex;}
	
	.callouts .left .callout{ padding: 39.5px 0;}
	.productDetail .callouts .left .callout { padding: 38.5px 0;}
	
	.productsSlider .contentCenter{ width: 660px;}
	.productsSlider .arrowLeft { left: -65px;}
	.productsSlider .arrowRight { right: -65px;}
	.productsSlider .wrapper ul li{ padding: 0 30px;}
	
	footer .menu li { margin: 0 30px;}
}	

/* phone */
@media screen and (min-width:0px) and (max-width:809px){
	.hideIphone,
	#wpadminbar{ display:none !important;}
	.showIphone{ display:block !important;}
	
	html, *{ font-size: 14px;}
	body{ min-width: 390px;}
	.contentCenter, .newsletterSubscribe .contentCenter, .productsSlider .contentCenter, .lineupSlider .contentCenter, .contactForm .contentCenter, .productDetail .bottom .contentCenter, .productsList .contentCenter{ width: 370px;}
	
	.mobileMenuItems * { font-size: 2.5rem;}
	.fullwidthText h2 { font-size: 2.1rem;}
	.newsletter form input, .newsletter .sendForm{ font-size: 1rem;}
	
	.newsletterSubscribe { padding: 60px 0;}
	.newsletterSubscribe .contentCenter { padding: 30px 20px;}
	.newsletter { width: 100%; margin: 20px auto 0;}
	.newsletterSubscribe h2{ line-height: 1; font-size: 2.1rem; margin: 0 auto;}
	.newsletter form input{ width: 180px;}
	
	body.home .textWithImage .flex { display: block;}
	.textWithImage .image { height: 250px; width: 100%;}
	.textWithImage .image .theImg{ width: 100%;}
	.textWithImage .text { width: 100%; padding: 40px 0 80px;}
	.textWithImage h2 { margin: 0 auto 40px;}
	
	.productsSlider{ padding: 60px 0;}
	.productsSlider .wrapper ul li .image { height: 230px; width: 60%; float: none; margin: 0 auto;}
	.productsSlider .wrapper ul li .text { width: 100%; padding: 0; height: 254px; float: none;}
	.productsSlider .menu span { margin: 0 10px;}
	
	.productsSlider .wrapper ul li .image { height: 250px; width: 100%; display: block;}
	.productsSlider .wrapper ul li .text { width: 100%; height: auto; display: block;}
	.callouts .center {  width: 90%; margin: 0 auto; float: none;}
	.callouts { margin: 0px auto 26px;}
	.callouts .center .floatingProducts { height: 283px;}
	.callouts .callout, .callouts .left, .callouts .right { width: 175px;}
	.callouts .right { padding: 80px 0 0 0;}
	
	
	.pageHeader { height: 500px; padding: 130px 0 0;}
	.pageHeader .product { width: 300px; transform: translate(-40px,0);}
	.pageHeader::after, .bgOpen.p-202.bg-2::before, .bgOpen.p-204.bg-2::before { height: 62px;}
	.pageHeader::before { bottom: 7px; height: 120px;}
	.pageHeader .buttonRight, .pageHeader .buttonLeft { left: calc(50% - 87px); width: 110px; text-align: center;}
	.pageHeader .buttonLeft { bottom: -60px;}
	.pageHeader .buttonRight{ bottom: -70px;}
	.pageHeader h1{ margin: 0 auto 50px;}
	
	body.home .bannerImage { margin: 160px auto 60px;}
	
	header .logo{ height: 100px; background: #fff url(images/logo.svg) no-repeat left 17px top 10px / 74.5% auto;}
	header .menuIcon { margin: 45px 5px 0 0; scale: 0.8;}
		
	.fullwidthText.p-202 h1, .fullwidthText.p-208 { margin: 90px auto -15px;}
	.fullwidthText h1 { font-size: 2.6rem;}
	.textWithImage .text .container { padding: 0 20px;}
	
	.textWithImage.multiple.p-202 .image { scale: 0.4; transform: translate(-70px,-600px); margin: 0 0 -390px;}
	.textWithImage.multiple.p-202 .image .theImg.img-3 {  left: calc(50% - 307px);}
	.textWithImage.multiple.p-202 .image .theImg.img-4 { left: calc(50% + 214px);}
	.textWithImage.multiple.p-202 { margin: 0 auto 110px;}
	.bgOpen.p-204.bg-2::before, .bgOpen.p-202.bg-2::before { top: -60px;}
	.processTable { display: block; }
	 .processTable .c1, .processTable .c2, .processTable .c3{ padding: 20px 140px 20px 20px; box-sizing: border-box; width: 100%;}
	 .processTable .c1{ background: #EA893F; border-radius: 30px 30px 0 0;}
	 .processTable .c2{ background: #CC0A22;}
	 .processTable .c3{ background: #640303; border-radius: 0 0 30px 30px;}
	.processTable::before{ bottom: -108px; height: 73px;}
	.processTable::after { left: 50% !important; rotate:0deg !important; transform:translateX(-50%); bottom: -117px; width: 84px;}
	
	/* vertical version */
	.processTable::before { background: url(images/processTableBgPhone.svg) no-repeat center center / contain; bottom: -27px; height: 117px; rotate: 90deg; width: 620px;  left: auto; right: -241px; z-index: 4;}
	.processTable::after { left: 79% !important; rotate: 0deg !important; bottom: 279px; width: 84px; z-index: 4;}
	.fullwidthText.p-202.fwt-2 {  margin: -83px auto 60px;}
		  
	.fullwidthText.p-202.fwt-2 { margin: -83px auto 157px;}
	
	.bannerImageText h2 { font-size: 1.6rem;}
	.bannerImageText { padding: 100px 0;}
	
	footer .menu li { margin: 0 10px;}
	.textWithImage.multiple.p-208 .image { scale: 0.5; transform: translate(-10px,-360px); margin: 0 0 -290px;}
	.textWithImage.multiple.p-208 .text { padding: 30px 0 0;}
	
	.searchBarBox input{ width: 100%;}
	.searchBarBox { left: 10px;  top: 10px; width: calc(100% - 90px);}
	.locationsList #theMap { aspect-ratio: 1/1;}
	.locationsList { margin: 60px auto;}
	.fullwidthText.p-151 .contentCenter { padding: 0 0px;}
	.bgOpen.p-151 .deco3, .bgOpen.p-151 .deco4{ display: none;}
	body.single-product .bgOpen.p-151 .deco1 { top: -111px;}
	.bgOpen.p-151 .deco1 { left: -45px; top: -111px; width: 203px;}
	body.single-product .bgOpen.p-151 .deco2 { top: -97px;}
	.bgOpen.p-151 .deco2 { right: -54px; top: -97px;  width: 180px;}
	
	body.page-id-206 .fullwidthText.fwt-1.p-151,
	.fullwidthText.fwt-1.p-571,
	.fullwidthText.fwt-1.p-567,
	.fullwidthText.fwt-1.p-600{ margin-top: 127px;}
	.productDetail .bottom .left { width: 80%; margin: 0 auto;  display: block; float: none;}
	.productDetail .bottom .right { float: none; width: 100%; padding: 0 0 40px; text-align: center;}
	.productIcons .icon-1, .productIcons .icon-2, .productIcons .icon-3, .productIcons .icon-4 { height: 61px;}
	.productDetail .bottom::before { top: -60px; height: 62px;}
	.productDetail .mainImage { width: 100%; margin: 90px auto 60px;}
	.productDetail .deco1 { left: calc(50% - -53px); top: 53px; width: 110px;}
	.productDetail .deco2 {  left: calc(50% - 277px); width: 140px;}
	.productDetail .deco3 { left: calc(50% + 164px); top: 128px;  width: 76px;}
	
	.productDetail .deco4 { right: calc(50% + -239px); top: -2px; width: 86px;}
	.productDetail .deco5 { top: 69px; width: 128px; right: calc(50% - -26px);}
	 .productDetail .callouts { width: 90%; top: auto; position: relative; left: auto; transform: none; margin: 0 auto;}
	.productDetail .bottom { padding: 200px 0 0;}
	
	.calloutsPhone .callouts .callout, 
	.calloutsPhone .callouts>.left, 
	.calloutsPhone .callouts>.right { width: 156px;}
	.calloutsPhone .callouts>.left { padding: 60px 0 0 0;}
	.calloutsPhone .callouts>.right { padding: 100px 0 0 0;}
	.calloutsPhone .callouts{ padding-bottom: 24px;}
	.calloutsPhone{ background: var(--primary-color); }
	
	.lineupSlider .contentCenter,
	.lineupSlider .wrapper ul li{ width: 280px;}
	.lineupSlider .wrapper ul li .image{ margin: 0 auto;}
	.lineupSlider .arrowLeft { left: -46px; width: 30px;}
	.lineupSlider .arrowRight { right: -46px; width: 30px;}
	.lineupSlider .contentCenter::before { height: 301px;}
	.lineupSlider { margin: -40px auto 60px;}
	
	.fullwidthText.fwt-1.p-204 h1 span { margin: -37px auto 0;}
	.bgOpen.p-204 .deco1 { left: calc(50% - 74px); top: -81px; width: 182px;}
	.bgOpen.p-204 .deco2 { right: calc(50% - 229px);  top: -16px;  width: 116px;}
	.bgOpen.p-204 .deco3 {  left: calc(50% - 260px); top: 380px;  width: 185px;}
	.bgOpen.p-204 .deco4 { right: calc(50% + -186px); top: 392px; width: 144px;}
	.fullwidthText.fwt-2.p-204 {  margin: 0px auto 0;}
	
	.productsList .product .image {  width: 70%;}
	.productsList .product .text{ padding: 0;}
	.productsList .product:nth-child(2n)::before{ top: 73px; height: calc(100% - 60px); width: calc(200% + 10px); border-radius: 22px;}
	.fullwidthText.fwt-2.p-204 h2 { margin: 0 auto 0px;}
	.productsList .product .text{ height: auto !important;}
	.productsList .product .text h2 { font-size: 2.2rem; padding:0; word-break: break-word;}
	.productsList .product {  width: calc(50% - 10px); margin: 0 5px 40px;}
	.productsList .row { margin: 0 -5px;}
	.bannerImageText.p-204 h2 span { margin: -9px 0 0; font-size: 4rem;}
	.bannerImageText.p-204 { padding: 100px 0;}
	.fullwidthText.fwt-1.p-204 h1 { margin: 180px auto;}
	
	.callouts .left .callout { padding: 38.5px 0;}
	.productDetail .callouts .left .callout {  padding: 37.3px 0;}
	
	.popup { width: 300px; padding: 20px; box-sizing: border-box;}
	.pageHeader::before{ background-image: url(images/headerBgPhone.png) }
	.productsSlider .contentCenter{ width: 250px; }
	.productsSlider .arrowRight { right: -60px;}
	.productsSlider .arrowLeft { left: -60px;}
	.productsSlider .wrapper ul li .text h2{ font-size: 2.3rem;}
	.productsSlider .wrapper { height: 480px; max-height:none; transition: 0.3s ease;}
	.productsSlider .wrapper ul li{ padding: 0 20px;}
	
	footer .menu li { margin: 0 10px;}
}