@charset "utf-8";
/* CSS Document */
*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
html,body,span,td,th {margin:0; padding: 0; font-family: "Roboto", Arial, Helvetica, sans-serif;}
a {color:#68AFFC;}
/**
 * Enable smooth scrolling on the whole document
 */
html {
	scroll-behavior: smooth;
}


/*alert message offer*/
.red-on-off-area{ align-items:center;
	z-index: 99;

	height:50px;background-color:#EA5B51;  width: 100%;  box-sizing: border-box;}
.t-a-alert{	color:#fff;	font-size: 14px; font-family: "Roboto";	width: calc(100% - 42px); text-align: center;float: left;}
.im-alert{width:42px; float: right}
.im-alert img{width:16px;  right:20px; top:-6px; text-align: center; margin: auto;}


/*all bodies*/
.mainBody{width:90%; max-width:1640px; margin: 100px auto;}
h1.headerBlog{font-size:32px; font-weight:600px; color:#292B2D; text-align:center; float:left; width:100%; margin: 40px 0px; padding:0px;}
.mainBodySecondary{width:90%; max-width:1364px; margin: 100px auto;}
.postsFlexRow{display: flex; width:100%; flex-wrap: wrap;}
.flexPostColumn{flex:33.3333%; box-sizing:border-box; padding:0 20px; margin-bottom:-70px;}


.greyAsyncArea{box-sizing: border-box; padding:20px 30px; background: #F5F5F5;	width:90%;	position:relative;	bottom:120px; float:left;}

.flexPostColumn img{width:100%;}
.dateOfPost{font-size:14px; font-weight:400px; color:#292B2D; width:100%; float:left; margin-bottom:12px;}
h3.titleOfPosts{font-size:18px; color:#292B2D; font-weight:500; width:100%; float:left; margin:0px; padding:0px; margin-bottom:12px;}
.subTextPosts{font-size:15px; color:#292B2D; width:100%; float:left; margin-bottom:25px;}
.ctaPlaceOfPosts{float:left; width:100%; marign-top:50px; }

.secondaryCTA2{background:#F5F5F5; color:#000; padding:10px 24px; text-decoration: none; font-size:14px; font-family:   Roboto; border:1px solid #000; transition-timing-function: ease-in; transition: 0.4s; text-align: center; float:left;}

.secondaryCTA2:hover{background:#000; color:#fff; border:1px solid #000; box-sizing: border-box; transition-timing-function: ease-in; transition: 0.4s;}

.secondaryCTA{background:#fff; color:#000; padding:12px; text-decoration: none; font-size:15px; display: block; width:260px; margin:auto;  border:1px solid #000; transition-timing-function: ease-in; transition: 0.4s; text-align: center; box-sizing: border-box;}

.secondaryCTA:hover{background:#000; color:#fff; border:1px solid #000;  transition-timing-function: ease-in; transition: 0.4s;}

.positionCenterCTA {float:left; width:100%;  margin:50px auto;}

@media only screen and (max-width: 980px) {
	.flexPostColumn{flex:50%;   
}
}

@media only screen and (max-width: 620px) {
	.flexPostColumn{flex:100%;  
		padding:0;
}
	
}

.bgConfeti{
	background-image: url("../image/bgConfirm.jpg"); height:305px; background-position: center center; background-repeat: no-repeat; text-align: center;
}
.bgConfeti img { margin:115px auto 0 auto; width:843px;}
.imageSuccessCenter{position:relative; bottom:270px}
.imageSuccessCenter img {width:182px;}

.titleConfirm{font-size:25px; color:#1d1d1; text-align: center; z-index: 1; position:relative; top:100px;}
.subtitleConfirm{font-size:25px; color:#1d1d1; font-weight:200; text-align: center;position:relative; top:110px; max-width:640px; margin:auto;  width:90%;}
.orderNumConfirm{font-size:15px; color:#1d1d1d;text-align: center;position:relative; top:130px; font-weight: 500;}
.mainConfirmText{font-size:20px; position:relative; top:160px; max-width:640px; margin:auto; width:90%; text-align: center;}

.ctaPlacement{width:100%; float:left; margin:22px auto 0px auto; text-align: center; margin-top:200px}

.primaryCTAConfirm{background:#000; color:#fff; padding:12px; text-decoration: none; font-size:16px; font-family:   Roboto; margin:auto; display: block; width:292px; border:1px solid #000; transition-timing-function: ease-in; transition: 0.4s; box-sizing: border-box;}

.primaryCTAConfirm:hover{background:#fff; color:#000; border:1px solid #000;  transition-timing-function: ease-in; transition: 0.4s;}
@media only screen and (max-width: 860px) {
	.bgConfeti img{width:320px; margin-top: 240px;}
	.imageSuccessCenter img{width:115px!important;}
.imageSuccessCenter{bottom:290px}
}
.retail-list-title{float:left; width:100%; font-size:20px; color:#292B2D; text-align: center; margin-bottom:40px; margin-top:36px;}
.search-bar-retail{ float:left; width:100%; text-align: center;}
.search-bar-retail input{height:85px; max-width:610px; width:90%; border:0; box-shadow: 0px 0px 20px #cecece; box-sizing: border-box; padding: 20px 60px; color:#292B2D; background-image: url("../image/search-icon.svg"); background-repeat: no-repeat; background-size: 50px; background-position:5px center ;}
.search-bar-retail input:focus{ outline: none;} 
.cta-retail-place{ float:left; width:100%; text-align:center; margin-top:30px}
.retail-list-title-short{float:left; text-align: center; width:100%; margin-top:100px; margin-bottom:30px; font-size:20px;}

.primaryCTAConfirmSearch{background:#000; color:#fff; padding:12px; text-decoration: none; font-size:16px; font-family:   Roboto; margin:auto; width:190px; border:1px solid #000; transition-timing-function: ease-in; transition: 0.4s; box-sizing: border-box;}

.primaryCTAConfirmSearch:hover{background:#fff; color:#000; border:1px solid #000;  transition-timing-function: ease-in; transition: 0.4s;}
.retail-shops-placeHolder{display: flex; width:100%; flex-wrap: wrap;}

.retail-post-column{flex:calc(25% - 20px); margin-right:10px; margin-left:5px; max-width:360px; box-sizing:border-box; padding:0; margin-bottom:55px; box-shadow: 0px 0px 20px #cecece;}

.retail-post-column img{width:100%; margin:auto; max-width:720px;}
.addressTitle-listO{font-size:14px; color:#000; font-weight:600;}
.address-listOK{font-size:14px; color:#000; font-weight:400; margin-left:18px;}
.address-phone{font-size:14px; color:#000; font-weight:500; margin-top:18px;margin-left:18px;}
.table-with-hours{font-size:12px; padding: 5px 0px;margin-left:18px;}
.table-with-hours table tr td{padding: 2px 0;}
.timesOfStores, .address-Placeholder{padding:20px 10px 5px 30px; 
 box-sizing: border-box;}
.addressTitle-listO img{
	width:18px;
	position: relative;
	left:-14px;
	top:3px;
}
.blogTitlePage{text-align: center; color:#292B2D; font-size:32px; width:100%; float: left; margin: 40px 0px}
@media only screen and (max-width: 980px) {
	.retail-post-column{flex:calc(50% - 20px); margin-right:10px; margin-left:10px; max-width:450px;}
}
@media only screen and (max-width: 620px) {
	.retail-post-column{flex:100%; margin:20px auto ;}
}


/*------blog post page-------------*/
.singlePostContentArea{max-width:1090px; width:90%; margin:115px auto 0 auto;}
.mainPostPageImage img{width:100%;}
.dateOnPostOverlay {position:relative; text-align:center; font-size:16px; font-weight:300; background:#fff; padding:22px; max-width:275px; margin: auto; top:-56px; }
h1.mainTitleOfPostBlog{margin:0 auto; font-size:35px; text-align: center; position:relative; top:-26px; font-weight:500; color:#292B2D;}
h3.subTitleOfPostBlog {margin:0px; text-align:center; font-size:20px; font-weight:300; color:#292B2D; position: relative; top:-20px;}
.postTwoColumnsArea{display:flex; width:100%; flex-wrap: wrap; margin-top:30px;}
.postTwoColumnsAreaLeft, .postTwoColumnsAreaRight{flex:50%; box-sizing: border-box; font-size:17px; color:#292B2D; line-height: 30px;}
.postTwoColumnsAreaLeft{padding-right:10px;}
.postTwoColumnsAreaRight{padding-left:10px;}

.postRelatedimages{width:100%; display:flex; flex-wrap: wrap; margin-top:55px;}
.columnForRelatedImages img{width:100%;}
.columnForRelatedImages {flex:25%; box-sizing: border-box; border:5px solid #fff;}

.postQuoteArea{width:100%; display:flex; flex-wrap: wrap; margin-top:55px;}
.imageForQuoteArea {flex:50%; padding-right:20px; box-sizing: border-box;}
.imageForQuoteArea img{width:100%;}
.textForQuoteArea{flex:50%; padding-left:20px; box-sizing: border-box;}

.textForQuoteArea .quotePostIcon img{width:50px; position: relative; top:30px; left:-50px;}
h3.quoteTitleOnPostBlog{font-size:30px; font-weight:600; color:#292B2D; line-height:40px; margin: 0;}

.textForQuoteArea p{font-size:17px; color:#292B2D; line-height: 30px;}

h2.titleForOccasionOnPage{margin:90px 0 30px 0; text-align:center; font-size:30px; color:#292B2D; border-bottom:1px solid #d2d2d2; padding-bottom:25px;}

@media only screen and (max-width: 760px) {
.postTwoColumnsAreaLeft{padding-right:0px; flex:100%}
.postTwoColumnsAreaRight{padding-left:0px; flex:100%}
.postTwoColumnsAreaLeft p{margin:0px; }
.postTwoColumnsAreaRight p{margin:0px; }
.postRelatedimages{display:none;}
.imageForQuoteArea {flex:100%; padding-right:0px;}
.textForQuoteArea .quotePostIcon img{top:-30px; left:0px;}
}

/*---------retail-with-map-------------*/
.mapsLikeGoogleRow{display: flex; width:100%; flex-wrap:wrap; margin-top:95px; float: left;}
.mapsLikeGoogleRowLeft{width:40%;}
.mapsLikeGoogleRowRight{width:60%;}
.mapsLikeGoogleRowRight iframe{width:100%; padding-left: 90px; box-sizing: border-box;}


.accordionComponent-content {max-height:340px; overflow-y: auto; direction: ltr; scrollbar-color: #d4aa70 #e4e4e4; scrollbar-width: thin; border-right: 1px #cacaca solid; margin-bottom: 64px;}
.accordionComponent-content::-webkit-scrollbar {width: 3px;}
.accordionComponent-content::-webkit-scrollbar-track {background-color: #fff;}
.accordionComponent-content::-webkit-scrollbar-thumb {border-radius: 100px; background-clip: content-box; background-color: #CACACA;}
.addressBorderBoxOption{border:1px solid #3D3D3D; display:flex; width:98%; flex-wrap: wrap;  margin-bottom:20px;}
.addressBorderBoxOptionleft {border-right:1px solid #3D3D3D;  flex: 75%; font-size:16px; line-height: 19px; box-sizing: border-box; padding:17px 26px;}
.addressBorderBoxOptionright{flex:25%;   align-items: center; text-align: center; justify-content: center; float: left; color: #292B2D; font-size: 15px; box-sizing: border-box; padding:17px 26px;}
.addressBorderBoxOptionright img {width:21px;}
.addressBorderBoxOptionright a{color:#000;}
.mediumFontWeight{font-weight:600;}
.smallLineDecorationPlace{float:left; margin:17px 0; width:100%;}
.smallLineDecoration{width:40px; height:4px; background-color: #000;}

.phoneNumberLink a{color:#000;}
.accordionComponent-content.maxHeightMapRelated{min-height:550px!important;}

@media only screen and (max-width: 1330px) {
.mapsLikeGoogleRowLeft{width:50%;}
.mapsLikeGoogleRowRight{width:50%;}
}
@media only screen and (max-width: 1060px) {
.mapsLikeGoogleRowLeft{width:60%;}
.mapsLikeGoogleRowRight{width:40%;}
.mapsLikeGoogleRowRight iframe{width:100%; padding-left: 30px; box-sizing: border-box;}

}

@media only screen and (max-width: 886px) {
.mapsLikeGoogleRowLeft{width:100%;}
.mapsLikeGoogleRowRight{width:100%;}
.mapsLikeGoogleRowRight iframe{width:100%; padding-left: 0; box-sizing: border-box;}
	.marginTop100{margin-top:0}
}

.marginTop100{margin-top:195px;}


.marginCenterBlog {
    margin:0px auto 60px;
}
.scrollableArea2{display:none!important;}

@media only screen and (max-width: 620px) {

	.retail-shops-placeHolder{display:none;}
	.scrollableArea2{display:flex!important;}
}

.scrollableArea2{width:100%; display:flex;
	flex-wrap: nowrap;	
	overflow-x:auto;
}
.newWidthCards{width:330px!important; flex:none!important;}

@media only screen and (max-width: 980px) {

.addressBorderBoxOptionleft{flex:50%}
	.mapsLikeGoogleRow{margin-top: 50px;}
	.imageForQuoteArea.marginTop100{margin-top:30px!important;}
}