/*
Theme Name: Sam Montana QNY
Author: QNY Creative
Author URI: http://qnycreative.com
Version: 1.0
*/

/* fonts */
@import url("https://use.typekit.net/oud1hab.css");

html{ font-size: 25px; overflow-x: hidden; }
*{ font-size: 1rem; ⁨⁨color: #002D74; font-family: "barlow-condensed", sans-serif; }
h1, h2 , h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span{ font-weight: 700;}
h2 a{ text-transform: uppercase; font-size: inherit; text-decoration: none;}

/* 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 */
body{ margin:0; padding:0; min-width:1304px; overflow-x: hidden; position: relative; background: #fff;}
.contentCenter{ width:1304px; margin:0 auto;}
.contentCenter:after{ display: block; 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; color: #fff; font-size: 0.8rem; background: #002D74; border-radius: 4px; padding: 4px 23px; display: inline-block; cursor: pointer; transition: 0.3s ease; text-transform: uppercase;} 
.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{ 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;}
footer a, header a{ text-decoration: none;}

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

/* header */
header{transition: 0.3s ease; background: #fffaee; position: fixed; left: 0; top: 0; width: 100%; height: 74px; z-index: 100; font-size: 0.88rem; text-transform: uppercase; font-weight: 700;}
body.admin-bar header{ top: 32px;}
body.scrolled header{ filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.25));}
header a{ color: #002D74;}
header ul{ margin: 0; padding: 0; list-style-type: none; text-align: center; width: 100%;}
header ul li{ vertical-align: top; display: inline-block; width: 140px; margin: 0 60px; padding: 34px 0 0 0;}
header li.logo{ padding: 0; width: 172px; margin: 0;}
header li.logo a{ transition: 0.3s ease; background: url(images/logo.svg) no-repeat center center / contain; height: 115px; aspect-ratio:172/115; display: block; text-indent: -5000px; overflow: hidden;}
header li a{ font-size: 0.88rem;}

/* footer */
footer{ background: #002D74; color: #fff; padding: 82px 0 61px;}
footer ul{ margin: 0; padding: 0; list-style-type: none; text-align: center; width: 100%;}
footer ul li{ margin: 0 0 17px; float: left; width: 50%; text-align: left;}
footer ul li:nth-child(2n+1){ clear: both; }
footer a{ text-transform: uppercase; transition: 0.3s ease;}
footer a:hover{ color: #ffcb08;}
footer .logo{ background: url(images/footerLogo.svg) no-repeat center center / contain; width: 200px; aspect-ratio:200/137; display: block; text-indent: -5000px; overflow: hidden;}
footer .facebook,
footer .instagram,
footer .tiktok{ vertical-align: text-top; display: inline-block; width: auto; height: 30px; margin: 0 10px 0; background: no-repeat center center / contain;}
footer .facebook{ width: 30px; background-image: url(images/facebook.svg); }
footer .instagram{ width: 30px; background-image: url(images/instagram.svg); margin-left: 20px; }
footer .tiktok{ width: 26px; background-image: url(images/tiktok.svg); }
footer .left{ float: left; width: 458px; text-align: center; box-sizing: border-box; padding: 53px 0 0 100px;}
footer .center{ float: left; width: 200px; margin:0 93px;}
footer .right{ float: right; width: 460px; box-sizing: border-box; padding: 9px 47px 0 0;}

/* section */
section{ padding: 74px 0 0 0; }

/* press */
.press{ margin:70px auto 40px;}
.pressBox{ text-decoration: none; color: #003D7C; text-align: center;  float: left; width:calc(33.3333% - 30px); margin:0 15px 30px;}
.pressBox strong{ font-weight: 600; font-size: 1.2rem; }
.pressBox a{ text-decoration: none; transition: 0.3s ease;}
.pressBox a:hover{ color: #ffcb08;}
.pressBox:nth-child(3n+1){clear: both;}
.pressBox .image{ position: relative; aspect-ratio:1/0.866; background:#ccc; margin: 0 0 12px; overflow: hidden;}
.pressBox .image .theImg{ transition: 0.3s ease; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center center / cover; z-index: 1;}
.pressBox:hover .image .theImg{ transform: scale(1.05);}
.pressBox:hover .image .overlay{ opacity: 1;}
.pressBox .image .overlay{ z-index: 2; color: #fff; transition: 0.3s ease; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 45, 116, 0.60);}
.pressBox .image .overlay a{ display: inline-block; width: 80px;}
.pressBox .image .overlay a.en{ margin: 0 94px 5px 0;}
.pressBox .image .overlay a.it{ text-align: right; margin: 0 0 5px;}
.pressBox .image .overlay a:has(strong){  width: auto;}
.pressBox .mediaName { text-transform: uppercase; font-weight: 600;}

/* pageHeader */
.pageHeader{ height: 438px; background: #ccc no-repeat center center / cover; }
.pageHeader .displayTable{ box-sizing: border-box; padding: 5px 0 0 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.00) 100%);}
.pageHeader h1{ color: #fff; font-size: 4rem; margin: 0;}

.pageHeader.p-2{ height: 784px; position: relative; background: #fff no-repeat center -280px / cover; }
.pageHeader.p-2:after{ position: absolute; content: ''; width: 100%; left: 0; bottom: 0; background: url(images/town.png) repeat-x calc(50% - -735px) bottom / auto 100%; height: 323px;}
.pageHeader.p-2 img{ display: block; margin: 0 auto 65px;}
.pageHeader.p-2 .button{ padding: 6px 43px;}
.pageHeader.p-2 .displayTable { padding: 0 0 150px; background: none; position: relative; z-index: 2;}

.pageHeader.p-141{ position: relative; z-index: 2;}

/* fullwidthText */
.fullwidthText{ margin: 70px auto; color:#002D74; line-height: 1.4}
.fullwidthText h2{ font-size:2.4rem; margin: 0 auto 43px; line-height: 1; letter-spacing: -0.02rem;}

.fullwidthText:has(.houseStrip){ margin-bottom: 0;}
.fullwidthText:has(.houseStrip) .contentCenter{ width: 100%; }
.houseStrip{ background: url(images/town.png) repeat-x calc(50% - -1005px) bottom / auto 100%; height: 436px;}

.fullwidthText.p-2{ margin: 40px auto;}
.fullwidthText.p-2 h2{ margin: 0 0 34px; font-size: 4.8rem; line-height: 1;}
.fullwidthText.p-2 h2 span.size1{ font-size: 4rem; display: block; line-height: 1;}
.fullwidthText.p-2 h2 span.size2{ margin: 0 0 -12px; line-height: 1.17; font-size: 2.8rem; display: block; }

body.page-id-136 .fullwidthText.p-402.fwt-2{ display: none;}

.fullwidthText.p-438{ margin: 40px auto;  position: relative;}
.fullwidthText.p-438 h2{ font-family: "sarah-script", sans-serif; font-weight: 400; font-size: 2.8rem; margin: 0 0 -33px;}
.fullwidthText.p-438{ position: relative;}
.fullwidthText.p-438:before{ content: ''; width: 255px; aspect-ratio: 510/296; position: absolute; left: calc(50% - 545px); top: 34px; background: url(images/van.png) no-repeat center center / contain;}
.fullwidthText.p-438:after{ content: ''; width: 213px; aspect-ratio: 426/540; position: absolute; left: calc(50% + 383px); top: -7px; background: url(images/cone.png) no-repeat center center / contain; mix-blend-mode: multiply;}
.fullwidthText.p-438 p{ font-size: 0.88rem;}

.blockGroup.bg438{ overflow: hidden;}
.newsletter{ position: relative; z-index: 3;  width: 463px; margin:-15px auto 70px;}
.newsletter input[type=text]{ font-size: 0.8rem; float: left; width: 300px; height: 36px; border:solid #002D74; border-width: 2px 0 2px 2px; border-radius:4px 0 0 4px; box-sizing: border-box;}
.newsletter .sendForm{ cursor: pointer; float: left; width: 163px; height: 36px; line-height: 36px; background: #002D74; color: #fff;
text-align: center; text-transform: uppercase; font-size: 0.8rem; border-radius: 0 4px 4px 0;}
.newsletter .divMessage{ margin: 0 auto;}

/* youtubeVideo */
.youtubeVideo{ margin: 0;}
.youtubeVideo iframe{ aspect-ratio: 1/0.563; display: block; width: 100%; border: none;}

/* scrollingLogos */
.scrollLogos{ margin:113px 0; position: relative;}
.scrollLogos{ font-weight: 500; font-size: 40px; white-space: nowrap; position: relative; }
.scrollLogos .theContainer{ display: inline-block; animation: marqueeLeft var(--seconds) linear infinite; }
.scrollLogos .theContainer .image{ display: inline-block; margin: 0 30px 0 0;}
.scrollLogos .theContainer .image img{ opacity: 0.4; height: 85px; width: auto; max-width: 210px; display: block;}
.scrollLogos .wrap{ width: 100%; overflow: hidden; padding: 5px 0;}
.scrollLogos{ direction: ltr;}
.scrollLogos .caption{ display: none; font-size: 16px; text-align: center;}
	
@keyframes marqueeLeft {
  0% { transform: translate(0%, 0); }
  100% { transform: translate(-100%, 0); }
}

@keyframes marqueeRight {
  0% { transform: translate(0%, 0); }
  100% { transform: translate(100%, 0); }
}

/* whereBuyForm */
.whereBuyForm{ margin: 70px auto;}
.whereBuyForm .contentCenter{ width: 1148px;}
.whereBuyForm .flex { display: flex; flex-direction: row-reverse; align-items: stretch;}
.whereBuyForm .image{  transition: 0.3s ease; width: 56%; position: relative;}
.whereBuyForm .image .theImg{ transition: 0.3s ease; position:absolute; width: 100%; height: 100%; left: 0; top: 0; background: #ccc no-repeat center center / cover;}
.whereBuyForm .text{ line-height: 1.4; width: 44%; color: #002D74; box-sizing: border-box; padding: 0 30px 0 0;}
.whereBuyForm .text h2{ margin: -13px 0 -15px; text-transform:uppercase;  font-size: 2rem; line-height: 1.2; font-weight: 600; }
.whereBuyForm form{ margin:48px 0;}
.whereBuyForm .terms{ text-transform: uppercase; margin:12px 0 15px; font-size: 0.8rem; font-weight: 600;}
.whereBuyForm .terms a{ font-size: inherit;}

form input[type=text], form textarea, form select{ background: #fff; margin: 0 0 15px; border: 1px solid #003D7C; border-radius: 4px; box-sizing: border-box; padding: 0 10px; width: 100%; height:42px;}
form textarea{ height: 160px; resize: none; padding: 6px 10px;}
form label{ font-size: 1.2rem; font-weight: 600; text-transform: uppercase; margin: 0 0 10px; display: block;}
form label sup{ color: #cf0000 }
form .divMessage{ font-size: 0.8rem !important; display: none; margin:20px 0 0 0;}
form .divMessage.error{ color: #cf0000;}
form .button{ margin: 20px 0 0 0;}
form .redBorder{ border-color: #cf0000 !important;}
form .g-recaptcha > div{ margin: 0 auto;}
.whereBuyForm form .g-recaptcha > div{ margin: 0;}

/* productsList */
.productsList{ margin: 70px auto -70px;}
.productsList .product{ text-align: center; text-decoration: none; float: left; width: calc(33.3333% - 30px); margin: 0 15px 70px; color: #003D7C;}
.productsList .product .image{ display: block; margin: 0 auto -26px; width: 380px; aspect-ratio:1/1.14; position: relative; }
.productsList .product .image .prod{ transition: 0.3s ease; z-index: 2; aspect-ratio:1/1; width: 100%; position: absolute; left: 0; bottom: 0; background: no-repeat center center / contain;}
.productsList .product .image .deco{ animation: rotateAnim 40s linear infinite;  z-index: 1; aspect-ratio:1/1; background: no-repeat center center / contain; width: 300px; position:absolute; left:calc(50% - 150px); top:0}
.productsList .product strong{ font-size: 1.2rem; text-transform: uppercase; display: block;}
.productsList .product:hover .image .prod{ transform: scale(1.1);}

@keyframes rotateAnim {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.productsList.slider{ margin: 70px auto;}
.productsList.slider .wrapper{ position:relative; width:1200px; overflow: hidden; height: 520px; margin: 0 auto; }
.productsList.slider .contentCenter{ position:relative; }
.productsList.slider ul{ margin: 0; padding: 0; list-style-type: none; width: 9999px; position:absolute; left: 0; top: 0;}
.productsList.slider ul  li{ width: 400px; float: left; }
.productsList.slider .product{ width: 100%; margin: 0;}
.productsList.slider .arrowLeft,
.productsList.slider .arrowRight{ position: absolute; left: 0; top: 140px; margin: 0; cursor: pointer; width: 39px; background: url(images/sliderArrow.svg) no-repeat center center / contain; aspect-ratio:39/21; transition: 0.3s ease;}
.productsList.slider .arrowRight{ transform: scaleX(-1); left: auto; right: 0;}
.productsList.slider .arrowLeft:hover{ transform: scale(1.2);}
.productsList.slider .arrowRight:hover{ transform: scale(-1.2,1.2);}

/* instagramImages */
.instagramImages{ margin: 70px auto;}
.instagramImages .contentCenter{ width: 100%; }
.instagramImages .row a{ text-decoration: none; width: calc(20% - 30px); float: left; display: block; margin: 81px 15px; position: relative; aspect-ratio: 1/1; text-indent: -5000px; overflow: hidden; transition: 0.3s ease; background: #ccc no-repeat center center / cover; aspect-ratio:1/1.1;}
.instagramImages .row a:hover,
.instagramImages .row a:nth-child(3n){ margin: 0 15px; aspect-ratio: 1/1.78;}
.instagramImages .row a:nth-child(3n):hover{ transform: scale(1.1);}

/* bgOpen */
.bgOpen{ margin: -1px auto; padding: 1px 0; position: relative;}

/* historyBoxes */
.historyBoxes{ margin: 45px auto; color: #002D74; position: relative;}
.historyBoxes .left:before{ content: ''; width: 2px; background: #002D74; height: 100%; top:0; right: -1px; z-index: 5; position:absolute;}
.historyBoxes .end { clear: both; text-align: center; padding: 44px 0 0 0;}
.historyBoxes .end em{ margin: 0 0 12px; font-family: "sarah-script", sans-serif; color: #FFC629; display: block; font-size: 2.16rem;}
.historyBoxes .end h2{ margin: 0 0 4px;}
.historyBoxes h2{ line-height: 1; font-size: 3.2rem; margin: 0 0 23px; }
.historyBoxes strong{ text-transform: uppercase; display: block; font-size: 1.6rem; margin: 0 0 18px; }
.historyBoxes .box{ line-height: 1.17;  position: relative; }
.historyBoxes .left .box{ text-align: right;}
.historyBoxes .left,
.historyBoxes .right{ width: 50%; float: left; box-sizing: border-box; position: relative;}
.historyBoxes .left{ padding: 0 35px 0 0;}
.historyBoxes .right{ padding: 0 0 0 35px;}
.historyBoxes .left .box:first-child{ margin: -14px 0 0 0;}
.historyBoxes .box .text{ margin: 0 0 33px;}
.historyBoxes .box .images{ position: relative; height: 300px}
.historyBoxes .box .images > div{ transition: 0.3s ease; position: absolute; left: 0; top: 0; width: 100%; background: no-repeat center center / contain;}
.historyBoxes .box .images > div:hover{ transform: scale(1.05);}

.historyBoxes .box.b0 .images{ height: 481px;}
.historyBoxes .box.b0 .i0{ aspect-ratio:637/422; height: 422px; background-size: cover; right: -34px; top: 0; left: auto; transform-origin: right;}
.historyBoxes .box.b0 .i1{ aspect-ratio: 492/704; width: 244px; left: -29px; bottom: -19px; top: auto;}

.historyBoxes .box.b1{ padding: 122px 0 0 0;}
.historyBoxes .box.b1 .images{ height: 582px;}
/*.historyBoxes .box.b1 .i0{ aspect-ratio: 792/960; background-size: contain; width: 396px; top: -688px; left: 289px;}*/
.historyBoxes .box.b1 .i0{ aspect-ratio: 1438/1090; width: 719px; left: -34px; top: 0px; background-size: cover; transform-origin: left;}
.historyBoxes .box.b1 .i1{ aspect-ratio: 382/856; background-size: contain; width: 191px; top: 245px; left: 443px;}

.historyBoxes .box.b2 .images{ height: 409px;}
/*.historyBoxes .box.b2 .i0{ aspect-ratio: 757/755; background-size: contain; width: 378px; top: 16px; left: 160px;}*/
.historyBoxes .box.b2 .i0{ aspect-ratio: 617/770; width: 308px; left: 191px; top: 29px;}

.historyBoxes .box.b3 .images{ height: 412px;}
.historyBoxes .box.b3 .i0{ aspect-ratio: 1/1; background-size: contain; width: 195px; top: -23px; left: 435px;}
.historyBoxes .box.b3 .i1{ aspect-ratio: 325/474; width: 162px; left: 459px; top: -58px; background-size: cover; transform-origin: left;}
.historyBoxes .box.b3 .i2{ z-index: 6; aspect-ratio: 1120/682; width: 560px; left: -103px; top: -22px; background-size: cover; transform-origin: left;}
.historyBoxes .box.b3 .i3{ aspect-ratio: 896/360; width: 448px; left: 136px; top: 200px; background-size: cover; transform-origin: left;}

.historyBoxes .box.b4 .images{ height: 430px;}
.historyBoxes .box.b4 .i0{ aspect-ratio: 1/1; background-size: contain; width: 263px;  top: 91px; left: 42px;}
.historyBoxes .box.b4 .i1{ aspect-ratio: 672/963; background-size: contain; width: 336px;  top: -29px; left: 6px;}
.historyBoxes .box.b4 .i2{ aspect-ratio: 699/703; width: 350px; left: 290px; top: 2px;}

.historyBoxes .box.b5 .images{ height: 332px;}
.historyBoxes .box.b5 .i0{ aspect-ratio: 1084/626; background-size: contain; width: 542px; top: 8px; left: 12px;}

.historyBoxes .box.b6 .images{ height: 344px;}
/*.historyBoxes .box.b6 .i0{ aspect-ratio: 1/1; background-size: contain; width: 378px;  top: 5px; left: 150px;}*/
.historyBoxes .box.b6 .i0{ z-index: 6; aspect-ratio: 668/638; background-size: contain; width: 334px; top: 23px; left: 199px;}
.historyBoxes .box.b6 .i1{ aspect-ratio: 1437/986; width: 718px; left: 653px; top: -149px; transform-origin: left;}

.historyBoxes .box.b7 .images{ height: auto;}
.historyBoxes .box.b7 .i0{ aspect-ratio: 3108/1641; background-size: contain; width: 520px; top: auto; left: auto; position: relative; margin: 0 auto; }

/* faq */
.faq{ margin:70px auto; color: #002D74;}
.faq .contentCenter{ padding: 0 200px; box-sizing: border-box;}
.faq .box{ margin: 0 0 20px;}
.faq .box .question{ cursor: pointer;padding: 5px 10px; background:#002D74; color: #fff; font-weight: bold; text-transform: uppercase; position: relative;}
.faq .box .question:after{ content: '+'; position: absolute; right: 10px; top: 2px;}
.faq .box .answer{ padding: 5px 10px; display: none;}
.faq .box.active .question:after{ content: '-';}

/* single product */
.productDetail .top{ color:#fff;}
.productDetail .top .mainImage{argin: 0; float: left; width: calc(50%); aspect-ratio: 1/0.91; background: no-repeat calc(50% + 47px) center / auto 118%;}
.productDetail .top .intro{ position: relative; z-index: 3; float:right; width: 50%; padding: 70px 0 0 0; box-sizing: border-box;}
.productDetail .top h1{ margin: 0 0 19px; line-height: 0.9; font-size: 4rem; text-transform:uppercase;}
.productDetail .top .desc{ margin:0 0 33px; width: 350px; line-height: 1.1;}
.productDetail .top .button{ padding: 6px 36px;}

.productDetail .middle{ color:#002D74; padding:65px 0 25px; }
.productDetail .middle .contentCenter{ position: relative;}
.productDetail .middle h2{ z-index: 2; position: relative; line-height: 1; padding: 0 0 0 175px; width: 520px; margin:0; font-size:3rem; text-transform: uppercase;}
.productDetail .middle h3{ margin: 30px 0 0 330px; line-height: 1; font-family: "sarah-script"; font-size: 2.16rem; font-weight: 400;}
.productDetail .middle .flavorCircle{ animation: rotateAnim 40s linear infinite; z-index: 1; position: absolute; left:90px; top: 120px; width: 213px; aspect-ratio:1/1; background: no-repeat center center / cover;}
.productDetail .middle .package{ z-index: 1; position: absolute; right: 33px; top: -342px; width: 579px; aspect-ratio: 1500/1875; background: no-repeat center center / cover;}

.productAccordion{ margin: 107px auto 0; width: 1150px;}
.productAccordion .menu{ background: #F8EDDA;}
.productAccordion .menu>div{ position: relative;  box-sizing: border-box; transition:0.3s ease; cursor: pointer; font-weight: 600; color:#002D74; float: left; width: 33.3333%; font-size: 1.2rem; line-height: 2.5rem; text-align: center;}
.productAccordion .menu>div.active{ background:#002D74 !important; color:#fff; }
.productAccordion .menu>div:hover{ background:rgba(0,0,0,0.05); }
.productAccordion .menu>div:after{ content: ''; width: 2px; height: calc(100% - 20px); background:#002D74; position: absolute; right: 0; top: 10px;}
.productAccordion .menu>div:last-child:after{ display: none;}
.productAccordion .menu:after{ content: ''; display: block; width: 100%; clear: both;}
.productAccordion .menu.active1>div:first-child:after{ display: none;}
.productAccordion .menu.active2>div:nth-child(2n):after{ display: none;}

.productAccordion .options{}
.productAccordion .options>div{ display: none;}
.productAccordion .options>div.active{ display: block;}
.productAccordion .options .text{ font-size: 1.8rem; text-align: center; padding: 50px 0; line-height: 1.12;}
.productAccordion .options .image{ padding: 50px 0; width: 316px; margin: 0 auto;}
.productAccordion .options .image img{ display: block; width: 100%;}

.productDetail .bottom{ color:#002D74; padding: 30px 0 0;}
.productDetail .bottom .contentCenter{ position: relative;}
.productDetail h2{ font-size: 2.4rem; margin: 0 0 -50px;}
.productDetail .bottom .containerImg{margin: 0 auto 0; width: 690px; aspect-ratio: 1/1; background:no-repeat center -8px / 111% auto;}
.productDetail .bottom .texts{ font-weight: 600; line-height: 1.17;}
.productDetail .bottom .t0{ position: absolute; left: 77px; top: 247px; width: 210px;}
.productDetail .bottom .t1{ position: absolute; left: 77px; top: 456px; width: 210px;}
.productDetail .bottom .t2{ position: absolute; right: 83px; top: 150px; width: 210px;}
.productDetail .bottom .t3{ position: absolute; right: 83px; top: 367px; width: 210px;}
.productDetail .bottom .t0:before,
.productDetail .bottom .t1:before,
.productDetail .bottom .t2:before,
.productDetail .bottom .t3:before{content: ''; position: absolute; width: 184px; aspect-ratio: 184/30; background: url(images/bluepArrow.svg) no-repeat center center / contain;}
.productDetail .bottom.white .t0:before,
.productDetail .bottom.white .t1:before,
.productDetail .bottom.white .t2:before,
.productDetail .bottom.white .t3:before{ background-image: url(images/whitepArrow.svg);}
.productDetail .bottom .t0:before{ left: 235px; top: 30px;}
.productDetail .bottom .t1:before{ left: 234px; top: 29px;}
.productDetail .bottom .t2:before{ left: -223px; top: 28px; transform: scaleX(-1);}
.productDetail .bottom .t3:before{ left: -223px; top: 30px; transform: scaleX(-1);}

/* reviewsSlider */
.reviewsSlider{ margin: 70px auto; text-align:center;}
.reviewsSlider .contentCenter{ position: relative;}
.reviewsSlider .wrapper{ position: relative; width: calc(100% - 74px); overflow: hidden; height: 200px; margin: 0 auto;}
.reviewsSlider ul{ position: absolute; left: 0; top: 0; margin: 0; padding: 0; list-style: none; width: 99999px; height: 100%;}
.reviewsSlider ul li{ text-align: center; float: left; width: 750px; height: 100%; padding: 0 25px; box-sizing: border-box;}
.reviewsSlider ul li a{ overflow: hidden; width: 100%; height: 100%;  border-radius: 22px; display: table; text-decoration: none;}
.reviewsSlider ul li .image{ background: #ccc; width: 393px; display: table-cell; position: relative;} 
.reviewsSlider ul li .image .img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: no-repeat center center / cover;}
.reviewsSlider ul li .text{ font-family: Poppins; vertical-align: top; text-align: left; background: #fff; display: table-cell; width: calc(100% - 393px); box-sizing: border-box; padding: 25px 38px;}
.reviewsSlider ul li .text h2{ margin: 0 auto 26px; font-size: 1.8rem;/*2.5rem*/; color: #564430;}
.reviewsSlider .arrowLeft,
.reviewsSlider .arrowRight{ position: absolute; left: 0; top: 0; margin: 0; cursor: pointer; width: 39px; background: url(images/sliderArrow.svg) no-repeat center center / contain; aspect-ratio:39/21;}
.reviewsSlider .arrowRight{ transform: scaleX(-1); left: auto; right: 0;}

/* textWithImage */
.textWithImage{ margin: 70px auto; color: #002d74; }
.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{ width: 50%; box-sizing: border-box; padding: 70px 0; position: relative; text-align: left; }
.textWithImage .text .container{ padding:0 0 0 60px;}
.textWithImage.Right .text .container{ padding:0 60px 0 0;}
.textWithImage.Right .text{ background: url(images/greenStripe.svg) repeat-x right bottom / auto 20px;}
.textWithImage h2{ margin:0 0 20px; text-transform: uppercase; font-size: 2.4rem;}

.textWithImage .text table{ width: 100%;}
.textWithImage .text table th{ text-transform: uppercase; padding: 0 20px 0 0;}
.textWithImage .text table th,
.textWithImage .text table td{ vertical-align: top;}

/* contactBlock */
.contactBlock{ margin: 70px auto; color: #002d74;}
.contactBlock .flex{ display: flex; flex-direction: row; align-items:stretch;}
.contactBlock .image,
.contactBlock .text{ width: 100%;}
.contactBlock .text{ box-sizing: border-box; padding: 0 0 0 60px;}
.contactBlock .image{ position: relative;}
.contactBlock .image .theImg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ccc no-repeat center center / cover;}
.contactBlock h2{ font-size:2.4rem;  margin: 0 auto; line-height: 1;}
.contactBlock .theForm{ margin: 0 auto; background: #f8ca05; border: 2px solid #002d74; padding: 40px; box-sizing: border-box; }
.contactBlock form{ margin: 30px auto 0;}
.contactBlock form label{ text-align: left;}
.contactBlock .divMessage{ text-align: center;}

/* locationsList */
.locationsList{ margin: 70px auto;}
.locationsList #theMap{ }
.locationsList .left{ float: left; width: 42.6%;}
.locationsList .right{ float: right; width: 57.4%; height: 100%;}
.locationsList .contentCenter{ width: 1148px; height: 560px;}
.locationsList .title{ background: #002D74; color:#fff; text-align: center; text-transform: uppercase; line-height: 2.4rem; font-weight: bold; font-size: 1.2rem;}
.locationsList .search{ box-sizing: border-box; padding: 20px 18px;}
.locationsList .search .searchBarBox {  }
.locationsList .search .searchBarBox input{ margin-bottom: 0; }
.locationsList .search .searchBarBox:hover{}
.locationsList .totalStores{ font-size: 0.8rem; color: #002d74; margin: 20px 0 0;}

.locationsList .list{ height: 373px;}
.locationsList .left{ background: #FFFBEF;}
.locationsList .right{ position: relative;}
.locationsList .right #theMap{ position: absolute; left: 0; top: 0; width: calc( ((100vw - 1148px)/2) + (1148px * 0.574)); height: 100%;}

.mapInfoBox *{ font-size:0.8rem; line-height: 1.2; color: #002D74;}
.mapInfoBox strong{ padding: 0 30px 0 0; color: #002D74; display: block; font-size: 0.9rem;}
.mapInfoBox p{ margin: 5px 0;}

.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: #002D74; text-transform: uppercase; font-size: 1.4rem;}
.locationPopup p:last-child{ margin-bottom: 0;}
.locationPopup p{ color: #002D74;}
.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; }

.locationsList .list{ overflow-y: scroll; padding: 0 18px;}
.locationsList .list .box{ font-size: 0.8rem; padding: 0 0 15px; margin: 10px 0; border-bottom: 1px solid #002d74; color:#002d74;}
.locationsList .list .box strong{ font-size: inherit; margin: 0; text-transform: uppercase; line-height: 1;}
.locationsList .list .box p{font-size: inherit; margin: 0; line-height: 1;}

/* 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%;}

/* ipad and all desktop sizes */
@media screen and (min-width:810px){
	.mobileMenuItems{ display:none !important;}
}

/* small desktop */
@media screen and (min-width:1280px) and (max-width:1303px){
	body{ min-width: 1240px;}
	.contentCenter{ width:1240px;}
	
	footer .center { margin: 0 63px;}
	footer .right { width: 456px; padding: 9px 0 0 0;}
	
	.instagramImages .row a { margin: 79px 15px;}
	
	header ul li { margin: 0 65px;}
	.productsList.slider .wrapper { width: 1125px; height: 515px;}
	.productsList.slider ul li{ width: 375px;}
}
	
/* tablet */
@media screen and (min-width:0px) and (max-width:1279px){
	.hideIpad,
	header ul.mainMenu,
	.showDesktop{ display:none !important;}
	.showIpad{ display:block !important;}
	
	html{ font-size: 20px;}
	body{ min-width: 810px;}
	.contentCenter,
	.locationsList .contentCenter,
	.whereBuyForm .contentCenter{ width: 790px;}
	
	header ul li {margin: 0 5px;}
	header li a { font-size: 1rem;}
	
	footer{ padding: 60px 0;}
	footer .left { float: none; width: 100%; padding: 0; margin: 0 auto 40px;}
	footer .left br{ display: block; margin: 0 0 10px;}
	footer .center { float: none; margin: 0 auto 40px;}
	footer ul li { margin: 0 15px 10px; float: none; width: auto; display: inline-block;}
	footer .right { float: none; width: 80%; padding: 0; margin: 0 auto;}
	
	.fullwidthText,
	.instagramImages,
	.locationsList,
	.scrollLogos,
	.textWithImage,
	.contactBlock,
	.whereBuyForm{ margin: 60px auto;}
	
	.pressBox:nth-child(3n+1){ clear: none;}
	.pressBox:nth-child(2n+1){ clear: both;}
	.pressBox { width: calc(50% - 30px);}
	
	.fullwidthText.p-438 h2 { margin: 0 0 -20px;}
	.newsletter { margin: 0px auto 40px;}
	.fullwidthText.p-438::before { left: calc(50% - 515px);}
	.fullwidthText.p-438::after { left: calc(50% + 253px);}
	
	.pageHeader.p-2 { height: 670px;}
	.pageHeader.p-2 img { max-width: 640px;}
	
	.fullwidthText.fwt-1.p-2 img{ max-width: 640px;}
	.productsList .product { width: calc(50% - 30px);}
	
	.productDetail .top .mainImage { float: none; width: calc(60%); background: no-repeat center center / auto 118%; margin: 0 auto;}
	.productDetail .top { padding: 40px 0 60px;}
	.productDetail .top .desc { margin: 0 auto 20px; }
	.productDetail .top .intro { float: none; width: 60%; padding: 5px 0 0 0; margin: 0 auto; text-align: center;}
	.productDetail .middle .package { right: -177px; top: -272px; width: 529px;}
	.productDetail .middle h2{ padding: 0;}
	.productDetail .middle .flavorCircle{ left: 0; top: 127px;}
	.productDetail .middle h3 { margin: 60px 0 0 240px;}
	.productDetail .middle h2{ font-size: 2.8rem;}
	.productAccordion{ width: 100%;}
	.productDetail .bottom .containerImg{ width: 400px;}
	.productDetail .bottom .t0::before,
	.productDetail .bottom .t1::before, 
	.productDetail .bottom .t2::before, 
	.productDetail .bottom .t3::before { width: 124px;}
	.productDetail .bottom .t0{ left: 0; top: 107px;}
	.productDetail .bottom .t1{ left: 0; top: 246px;}
	.productDetail .bottom .t2{ right: 0; top: 80px;}
	.productDetail .bottom .t3{ right: 0; top: 217px;}
	.productDetail .bottom .t0::before,
	.productDetail .bottom .t1::before{ left: 195px;}
	.productDetail .bottom .t2::before,
	.productDetail .bottom .t3::before{ left: -143px;}
	.productAccordion .options .text { font-size: 1.5rem;}
	.houseStrip { background-position: calc(50% - -605px) bottom; height: 270px;}
	
	.pageHeader { height: 360px;}
	.historyBoxes .box.b0 .i0{ height: 255px;}
	.historyBoxes .box.b0 .i1 { width: 134px; left: 11px; top: 100px; bottom: auto;}
	.historyBoxes .box.b0 .images { height: 287px;}
	.historyBoxes .box.b2 .images { height: 319px; transform: scale(0.7) translate(-110px,-50px);}
	.historyBoxes .box.b4 .images { height: 240px; transform: scale(0.6) translate(-120px,-80px);}
	.historyBoxes .box.b6 .images { height: 214px; transform: scale(0.6) translate(-113px,-59px);}
	/*.historyBoxes .box.b1 .i0 { width: 237px; top: -578px; left: 149px;}*/
	.historyBoxes .box.b1 { padding: 180px 0 0 0;}
	.historyBoxes .box.b1 .i0 { width: 364px;}
	.historyBoxes .box.b1 .i1 { width: 91px; top: 115px; left: 230px;}
	historyBoxes .box.b1 .images { height: 312px;}
	.historyBoxes .box.b3 .images { z-index: 5; height: 252px; transform: scale(0.55) translate(-160px,-70px);}
	.historyBoxes .box.b1 .images { height: 312px;}
	.historyBoxes .box.b5 .i0 {  width: 312px;}
	.historyBoxes .box.b5 .images { height: 202px;}
	.historyBoxes .box.b2 .i0 { top: 0px;}
	
	.faq .contentCenter { padding: 0 100px;}
	.contactBlock .text { padding: 0 0 0 30px;}
	
	.instagramImages .row a { margin: 85px 15px;}
	.instagramImages .row a{ width: calc(33.3333% - 30px);}
	.instagramImages .row a:nth-child(4n),
	.instagramImages .row a:nth-child(5n){ display: none;}
	.instagramImages .row a:nth-child(2n) { margin: 0 15px; aspect-ratio: 1/1.78;}
	.instagramImages .row a:nth-child(3n) { margin: 85px 15px; aspect-ratio: 1/1;}
	
	footer .instagram{ margin-left: 10px;}
	footer .instagram,
	footer .facebook,
	footer .tiktok{ margin-top: 15px;}
	
	.productsList.slider .wrapper{ width: 680px; height: 445px;}
	.productsList.slider ul li,
	.productsList .product .image{ width: 340px;}
	
	
}

/* phone */
@media screen and (min-width:0px) and (max-width:809px){
	.hideIphone,
	#wpadminbar{ display:none !important;}
	.showIphone{ display:block !important;}
	
	body{ min-width: 390px;}
	.contentCenter,
	.locationsList .contentCenter,
	.whereBuyForm .contentCenter{ width: 370px;}
	
	.pressBox { width: calc(100% - 30px);}
	.pressBox:nth-child(2n+1){ clear: none;}
	footer .right { width: 100%;}
	
	.faq .contentCenter { padding: 0;}
	
	header ul{ display: none;}
	.pageHeader.p-2 img { max-width: 340px; margin: 0 auto 35px;}
	.pageHeader.p-2 { height: 460px;}
	
	header{ height: 70px;}
	section { padding: 70px 0 0 0;}
	
	.fullwidthText.p-2 h2 {  font-size: 4rem; line-height: 0.8;}
	.fullwidthText.p-2 h2 span.size1 { font-size: 3.7rem; line-height: 0.85;}
	.fullwidthText.p-2 h2 span.size2 { line-height: 1; line-height: 0.9; margin: 0;}
	
	.fullwidthText.fwt-1.p-2 img { max-width: 340px;}
	.productsList .product { margin: 0 15px 40px; width: calc(100% - 30px);}
	
	.instagramImages .row{ margin: 0 -5px;}
	.instagramImages .row a,
	.instagramImages .row a:nth-child(3n){ width: calc(33.3333% - 10px); margin: 41px 5px;}
	.instagramImages .row a:nth-child(2n) { margin: 0 5px;}
	.newsletter{ width: 350px;}
	.newsletter .sendForm{ width: 100px;}
	.newsletter input[type="text"]{ width: 250px;}
	.fullwidthText.p-438::before,
	.fullwidthText.p-438::after{ display: none;}
	
	footer .logo { width: 150px; margin: 0 auto;}
	
	.pageHeader { height: 260px;}
	.pageHeader h1 {  font-size: 3rem; line-height: 1;}
	
	.contactBlock .flex{ display: block;}
	.contactBlock .column2 {  width: calc(100% - 30px);}
	.contactBlock .image{ display: none;}
	.contactBlock .text { padding: 0;}
	.textWithImage.Right .flex { flex-direction: row; flex-wrap: wrap;}
	.textWithImage .image{ height: 250px; width: 100%; }
	.textWithImage .text { width: 1000%;  padding: 50px 0 0;}
	.textWithImage .image .theImg { width: 100%;}
	
	.fullwidthText h2 { font-size: 2rem;}
	
	.locationsList .right{ width: 100%; height: 350px; }
	.locationsList .right #theMap{ width: 100%; }
	.locationsList .contentCenter{ height: auto;}
	.locationsList .left{ width: 100%;}
	
	.whereBuyForm .image { width: 100%; height: 250px;}
	.whereBuyForm .text { width: 100%; padding: 40px 0 0 0;}
	.whereBuyForm .flex { flex-direction: row; flex-wrap: wrap;}
	.whereBuyForm .column2{ width: calc(100% - 30px);}
	
	.houseStrip {  background-position: calc(50% - -275px) bottom; height: 120px;}
	.fullwidthText:has(.houseStrip) { margin-bottom: 0; margin-top: -80px;}
	
	.historyBoxes .left{ width: 100%;}
	/*.historyBoxes .box.b1 .i0 { display: none;}*/
	.historyBoxes .box.b1 { padding: 0px 0 0 0;}
	.historyBoxes .box.b1 .i0 { left: 4px;}
	.historyBoxes .box.b1 .images { height: 352px;}
	.historyBoxes .box.b3 .images { transform: scale(0.5) translate(-80px,-50px);}
	.historyBoxes .box.b4 .images { transform: scale(0.55) translate(-140px,-80px);}
	.historyBoxes .box.b5 .i0 { top: 0; left: 32px;}
	.historyBoxes .box.b5 .images { height: 222px;}
	.historyBoxes .box.b6 .i1 { width: 608px; left: 8px; top: 141px;}
	
	/*.historyBoxes .box.b6 .i0 { width: 278px; top: -15px; left: 70px;  z-index: 2;}*/
	.historyBoxes .box.b6 .i0 { top: -7px; left: 199px;}
	.historyBoxes .box.b6 .images { height: 374px; transform: scale(0.6) translate(-113px,-99px);}
	.historyBoxes .box.b7 .i0 { width: 360px;}
	.productsList .product .image { width: 100%;}
	
	.productDetail .top .mainImage { width: 100%;}
	.productDetail .top .intro { width: 100%;}
	.productDetail .middle { padding: 50px 0 25px;}
	.productDetail .middle h2 { font-size: 2rem; width: 280px;}
	.productDetail .middle .package { right: -217px; top: -122px; width: 369px;}
	.productDetail .middle h3 { margin: 140px 0 0 0; width: 260px; font-size: 2rem;}
	.productDetail .middle .flavorCircle { left: 0; top: 102px; width: 100px;}
		  
	.productAccordionPhone{ margin: 40px auto 0; }
	.productAccordionPhone .box{ margin: 0 0 1px;}
	.productAccordionPhone .box .title { position: relative; background: #F8EDDA; font-weight: 600; color:#002D74; font-size: 1.2rem; line-height: 2.5rem; padding: 0 15px; box-sizing: border-box;}
	.productAccordionPhone .box.active .title{ background:#002D74; color:#fff;  }
	.productAccordionPhone .box .text{ display: none; padding: 20px 15px;  box-sizing: border-box;}
	.productAccordionPhone .box .text br{ display: none;}
	.productAccordionPhone img{ display: block; width: 80%; margin: 0 auto;}
	
	.productAccordionPhone .title:after{ content: '+'; position: absolute; right: 10px; top: -2px;}
	.productAccordionPhone .box.active .title:after{ content: '-';}
	
	.productDetail h2 { font-size: 1.8rem;}
	.productDetail .top h1{ font-size: 3rem;}
	
	/* mobileMenu */
	header .menuIcon{ position: absolute; transition: 0.3s ease; width: 49px; height: 35px; text-indent: -5000px; cursor: pointer; right: 10px; top: 17px;}
	header .menuIcon .l1{ transition: 0.3s ease; position: absolute; left: 0; top: 0; width: 49px; height: 4px; border-radius: 2px; background: #002d74; z-index: 3;} 
	header .menuIcon .l2{ transition: 0.3s ease; position: absolute; left: 0; top: 15px; width: 49px; height: 4px; border-radius: 2px; background: #002d74; z-index: 3;}
	header .menuIcon .l3{ transition: 0.3s ease; position: absolute; left: 0; top: 31px; width: 49px; height: 4px; border-radius: 2px; background: #002d74; z-index: 3;}
	body.menuOpen .mobileMenuItems{ top: 0;}
	.mobileMenuItems{ display: block; 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: #002d74; 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 ul li.logo{ display: none;}
	.mobileMenuItems a{ font-size: 1.7rem; text-decoration: none; color: #fff; font-weight: 600;  text-transform: uppercase;}
	body.menuOpen header .menuIcon .l1{ background: #002d74; left: 7px; top: 15px; transform: rotate(-45deg); width: 35px; }
	body.menuOpen header .menuIcon .l2{ opacity:0; }
	body.menuOpen header .menuIcon .l3{ background: #002d74; left: 8px; transform: rotate(-135deg); top: 15px; width: 35px; }
	header .phoneLogo{ transition: 0.3s ease; background: url(images/logo.svg) no-repeat center center / contain; height: 90px; aspect-ratio:172/115; display: block; text-indent: -5000px; overflow: hidden;}
	
	body.admin-bar{ margin: -46px 0 0;}
	body.admin-bar header { top: 0;}
	
	.productDetail .bottom .containerImg { width: 360px;}
	.productDetail .bottom{ padding: 30px 0;}
	 .productDetail .bottom .t3,
	 .productDetail .bottom .t2,
	 .productDetail .bottom .t1,
	 .productDetail .bottom .t0 { left: auto;  top: auto; position: relative; text-align: center; width: 100%; margin: 30px auto;}
	.productDetail .bottom .t0{ margin-top: 10px;}
	.productDetail .bottom .t3::before,
	.productDetail .bottom .t2::before,
	.productDetail .bottom .t1::before,
	.productDetail .bottom .t0::before,
	.productDetail .bottom.white .t3::before,
	.productDetail .bottom.white .t2::before,
	.productDetail .bottom.white .t1::before,
	.productDetail .bottom.white .t0::before{ display: none !important;}
	
	.productsList.slider .wrapper { width: 270px; height: 370px;}
	.productsList .product .image .deco { width: 220px; left: calc(50% - 110px);}
	.productsList.slider .arrowLeft, .productsList.slider .arrowRight { top: 104px;}
		 
}