@font-face {
  font-family: 'awesome';
  src: 
    url('/fonts/awesome.woff2') format('woff2'),
    url('/fonts/awesome.ttf') format('truetype'),
    url('/fonts/awesome.woff') format('woff'),
    url('/fonts/awesome.svg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="icon-"], [class*=" icon-"], .icon:before, .icon:after, .icon_font, .account_menu_btns a:before, .breadcrumbDiv, .btn_nav:before, .add_to_cart_complete_opt:before, .close_att_cart_popup:before, .insta_heading a:before, .mobile_cat_menu:before, .mobile_cat_menu_close:after,
#InfoFavBox .submit_button, .btn_delete, .sm_li_1968 a:before, .flexe_slideshow .navbtn, .im_cat_menu_panel .im_cat_menu_box_extra_tag a:before, .home_wedo .arrow:before, .menu_active .cat_a-0:before, .theme2 .btn_popup_ok:after,
.mobile_cat_menu:before, .mobile_cat_menu_close:before, .btn_delete_sm, .filter_menu_btn:before, .filter_nav_btn:before, .btn_add_to_cart_list_info:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'awesome' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: block;
	overflow: hidden;
}
.clearfix:after { clear: both; }
.footer_clear { clear:both; height:0; visibility:hidden; }
.clearfixOverflow { overflow:hidden; }html { overflow-y:scroll; }
table { vertical-align: baseline; }

body, td, th, dt, dd, input, textarea, select {
  font-family: "Open Sans", sans-serif;
}
body, td, th, dt, dd {
	color:#626E60;
	font-size:14px;
}
body {
	margin: 0px;
}

a { color:#626E60; text-decoration:none;
	-webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
a:hover { color: #626E60; }
section a { text-decoration:none; }
.main_bg p {
  line-height: 28px;
}
header {
  position: relative;
}
header.active {
  z-index: 3;
}
section {
  position: relative;
}
.body-content-card-message section {
  background: url(/images/boxt_heart.svg) no-repeat;
  background-position: right -127px center;
}
@media only screen and (max-width: 980px) {
  .body-content-card-message section {
    background: none;
  }
}
.wrapper, .home_wrapper, .shop_main_frame, .header_inner,
.pg3_full_width2 .form_page {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
}
.shop_main_frame {
  padding: 0 20px;
}
@media only screen and (max-width: 500px) {
  .shop_main_frame {
    padding: 0 10px;
  }
  #cart-items li .select_address_id li {
    line-height: 18px !important;
  }
  .select_address_id .lable_name {
    overflow: hidden;
  }
}

.body-content-home .shop_main_frame,
.body-content-corporate-services .shop_main_frame,
.body-content-our-sustainability-commitment .shop_main_frame {
  padding: 0;
}
.body-content-products .shop_main_frame,
.body-content-home .shop_main_frame,
.body-content-view .shop_main_frame,
.body-content-corporate-services .shop_main_frame,
.pg3_full_width .shop_main_frame,
.pg3_full_width2 .shop_main_frame {
	margin: 0;
  max-width: unset;
}
.body-content-products .shop_main_frame {
  padding: 0 20px;
}
.pg3_full_width2 .shop_main_frame {
  padding: 0;
}
.sap .shop_main_frame {
	max-width: 1000px;
	margin: 0 auto;
}
.body-content-checkout .shop_main_frame {
  max-width: none;
  margin: 0;
}
.body-content-home .shop_main_frame {
	background: #fff;
}
body {
	margin: 0px;
}
.logo_link svg {
  width: clamp(120px, 22vw, 270px);
}
.logo_link {
  position: absolute;
  top: 17px;
  left: 20px;
  display: block;
  z-index: 15;
}
.header_top {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  text-align: right;
	line-height: 50px;
  height: 135px;
	font-size: 11px;
  color: #fff;
  z-index: 12;
}
.header_top a {
	color: #fff;
}
.sub_menu_wrapper {
  background: #FDDBE5;
}
.address_top {
	display: inline-block;
	vertical-align: top;
	margin-right: 50px;
}
.address_top a:hover {
	color: #1489db;
}
.address_top div {
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}
.address_top div:before {
	content: "m";
	font-size: 15px;
  margin-right: 6px;
  vertical-align: middle;
}
.address_top a:before {
  content: "T";
  font-size: 15px;
  margin-right: 6px;
  vertical-align: middle;
}
.main_menu {
  position: relative;
  background: #fff;
  color: #626E60;
  text-align: right;
  padding: 0 20px;
  z-index: 10;
}
.main_menu ul, .main_menu li {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 15px;
}
.main_menu li {
  display: inline-block;
	vertical-align: top;
	margin-right: 0;
}
.main_menu li ul li {
  display: block;
}
.main_menu .cat_li_id-265,
.main_menu .cat_li_id-285,
.main_menu .cat_li_id-283 {
  display: none;
}
.main_menu .sm_li_2 ul li {
  width: 19%;
	display: inline-block;
}
.main_menu .cat_li_id-207 {
	display: none !important;
}
.main_menu a {
  display: block;
  padding: 0 10px;
  color: #626E60;
  font-size: clamp(11px, 1vw, 14px);
  line-height: 85px;
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.main_menu ul li ul li a {
  font-family: "Open Sans", sans-serif;
  line-height: 40px;
  color: #626E60 !important;
  background: none !important;
  font-weight: normal;
  margin-bottom: 0;
  border-radius: 0;
  font-size: 14px;
  border: none;
  text-transform: none;
  border-bottom: 1px solid #f5dde4;
}
.main_menu ul li ul li:last-child a {
  border-bottom: none;
}
.main_menu a:hover, .main_menu ul li:hover, .main_menu ul li:hover a {
	background: #faf2f4;
}
.main_menu ul li ul li:hover {
	background: none !important;
}
.main_menu ul li ul li a:hover {
  text-decoration: underline;
  margin-left: 5px;
}
.main_menu li ul.main_cat_menu {
  position: absolute;
  height: 0;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  overflow: hidden;
  text-align: left;
	width: 682px;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: auto 230px;
  gap: 20px;
  right: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.main_menu > ul > li.open > ul {
  height: auto;
  opacity: 1;
  visibility: visible;
	border: 30px solid #fff;
  overflow: unset;
  box-shadow: 1px 1px 10px #00000020;
  min-height: 400px;
}
.main_menu li ul li ul {
  display: none;
}
.main_menu .cat_li-0 ul {
	position: static;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  display: block;
	border: none !important;
	padding: 0 !important;
}
.main_menu .cat_li-0 ul li {
	display: block;
	width: auto;
}
.main_menu .cat_li-0 ul li a {
  text-transform: none;
  font-weight: normal;
  font-size: 12px;
  line-height: 29px;
}
.main_menu li.cat_li_id-5525 ul, .main_menu li.cat_li_id-312 ul, .main_menu li.cat_li_id-298 ul {
  left: auto;
  right: auto;
  columns: unset;
  padding: 0;
}
.main_menu li:last-child ul {
  min-width: 240px;
  right: -3px;
}
.main_menu li.cat_li_id-5525 ul li, .main_menu li.cat_li_id-312 ul li, .main_menu li.cat_li_id-298 ul li {
	display: block;
	width: auto;
}
.main_menu .site_menu_cat_list {
  display: block;
  padding: 20px;
  background: #faf2f4;
}
.main_menu .menu_banners {
  position: relative;
}
.menu_banners .banner_box {
  text-align: center;
}
.menu_banners .banner_box a, .menu_banners .banner_box a:hover {
  padding: 0;
  font-size: 12px;
  background: #faf2f4;
  line-height: unset;
  font-weight: normal;
  text-shadow: none;
}
.menu_banners .banner_box a {
  background: none !important;
}
.menu_banners .banner_box:last-child a, .menu_banners .banner_box:last-child a:hover {
  background: #fff !important;
}
.menu_banners .banner_box .name {
  background: #f78aaa !important;
  display: inline-block;
  color: #fff !important;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 10px;
  margin-top: -10px;
  line-height: 30px;
  padding: 0 10px;
}
.menu_banners .banner_box .sub_name {
  font-family: "Open Sans", sans-serif;
  display: block;
  color: #626E60;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.menu_banners .banner_box img {
  width: 100%;
  display: block;
}
.menu_banner_hide,
.giftboxes_hide {
  display: none;
}
.header_search {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
	right: 0;
	padding-top: 11%;
  display: none;
  background: rgba(0,0,0,0.5);
  z-index: 200;
}
.header_search .inner {
  display: grid;
  grid-template-columns: 35px auto 75px;
  max-width: 800px;
  margin: 0 auto;
  gap: 10px;
  padding: 0 20px;
}
.bundle_search.header_search .inner {
  grid-template-columns: 35px auto 75px 100px;
}
.header_search a.submit_button {
  display: none;
}
.bundle_search a.submit_button {
  line-height: 60px;
  height: 60px;
  font-size: 19px;
  font-weight: bold;
  display: block;
}
.search_close {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-right: 10px;
  cursor: pointer;
}
.trans, .trans a {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.trans1, .trans1 a {
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
.sub_menu {
  position: relative;
  display: inline-block;
  color: #fff;
  padding: 0;
  margin: 0;
  z-index: 20;
}
.sub_menu li, .sub_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	vertical-align: top;
}
.sub_menu li ul {
	position: absolute;
  visibility: hidden;
  background: #faf2f4;
  height: 0;
  opacity: 0;
  width: 0;
  text-align: left;
	left: 0;
  height: 198px;
  width: 200px;
  top: 50px;
}
.sub_menu .drop {
  position: relative;
}
.sub_menu li:hover ul {
	opacity: 1;
	height: auto;
	visibility: visible;
}
.sub_menu li ul li, .sub_menu li ul li a {
	display: block;
}
.sub_menu li ul li a {
  font-size: 10px;
}
.sub_menu a {
  color: #5B635C;
  padding: 0 13px;
  line-height: 50px;
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
  text-transform: uppercase;
}
.sub_menu a.search {
  font-size: 18px;
	text-transform: lowercase;
}
.sub_menu a:hover {
	background: #fff;
}
.sub_menu a.search:hover {
	color: #fff;
	background: none;
}
.sub_menu a:before {
  margin-right: 10px;
  display: inline-block;
  font-size: 18px;
  vertical-align: sub;
}
.sub_menu a.service:before {
  content: "?";
  font-family: "Open Sans", sans-serif !important;
  background: #626E60;
  border-radius: 100%;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  vertical-align: baseline;
}
.sub_menu a.chat:before {
	content: "C";
}
.sub_menu a.tel:before {
	content: "O";
}
.sub_menu a.email:before {
	content: "e";
}
.sub_menu a.expert:before {
	content: "g";
}
.sub_menu a.aus:before {
	content: "A";
}
.sub_menu a.comp:before {
	content: "S";
}
.sub_menu a.corp:before {
	content: "B";
}
.sm_li_1968 a:before {
	content: "s";
	font-size: 21px;
	vertical-align: text-bottom;
}
.header_search {
	text-align: center;
}
.close_search {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  font-size: 31px;
  line-height: 60px;
  vertical-align: top;
}
.hss_container .animated_gallery_wrapper .tiled .ag_box_img.portrait {
  display: none !important;
}
.hss_container .animated_gallery_wrapper .tiled .ag_box_img.landscape {
  display: block !important;
}
.hss_container .animated_gallery_wrapper .tiled img {
  aspect-ratio: 1 / 1;
}
.home_story_wrapper {
  position: relative;
  background: #F0EBEB;
  overflow: hidden;
  margin: 60px 0 0 0;
  display: grid;
  grid-template-columns: 50% auto;
}
@media only screen and (max-width: 1175px) {
  .home_story_wrapper {
    grid-template-columns: unset;
  }
}



footer {
	position: relative;
	background: #626E60;
	color: #fff;
}
.footer_inner {
  padding: 50px 20px 0;
  display: grid;
  grid-template-columns: auto 275px;
}
.footer_badge {
  position: absolute;
  background: url(/images/badge_celebrating.svg) no-repeat;
  background-size: 100%;
  height: 120px;
  width: 120px;
  top: -50px;
  right: 20px;
  z-index: 1;
}
footer .wrapper {
  padding: 95px 3vw;
}
.footer_links a {
  color: #fff;
  font-size: 15px;
  line-height: 30px;
}
.footer_links a:hover {
	color: #333
}
.footer_links ul, .footer_links li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.footer_links li {
	position: relative;
	line-height: 24px;
}
.footer_links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 20px;
}
@media only screen and (max-width: 1400px) {
  .grid.grid-logo {
    grid-column: span 3;
    margin-bottom: 20px;
  }
  .footer_links {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 1150px) {
  .grid.grid-logo {
    grid-column: span 2;
  }
  .footer_links {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 980px) {
  .footer_badge {
    top: -21px;
  }
  .footer_links {
    grid-template-columns: 1fr;
  }
  .grid.grid-logo {
    grid-column: unset;
  }
}
@media only screen and (max-width: 600px) {
  .footer_inner {
    grid-template-columns: 1fr;
  }
  .footer_links {
    grid-template-columns: unset;
    margin: 0;
  }
}
.footer_links .grid {
  display: block;
}
.footer_links .grid_stay {
  width: 30%;
  padding-right: 75px;
}
.footer_pay {
	position: absolute;
	right: 132px;
	text-align: left;
	margin-top: 18px;
}
footer .menu_banners {
  display: none;
}
.logo_link_footer {
  text-align: center;
  width: 200px;
  display: block;
}
.copyright {
	font-size: 11px;
}
.logo_link_footer a {
  position: static;
  background: url(/images/logo_boxt_footer.svg) no-repeat;
  background-size: 100%;
  height: 214px;
  width: 265px;
  display: block;
  margin: 0 auto;
}
.footer_base {
  background: #3b423a;
  display: grid;
  grid-template-columns: 40% auto;
  padding: 20px 20px 0;
}
.acknowledgement_country {
  position: relative;
}
.acknowledgement_country img {
  position: absolute;
  width: 125px;
  top: -71px;
}
@media only screen and (max-width: 420px) {
  .acknowledgement_country img {
    top: 0;
  }
}
.acknowledgement_country .text {
  font-size: 11px;
  margin-left: 143px;
}
.acknowledgement_country .text span {
  display: block;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px;
}
.footer_base .footer_cards {
  text-align: right;
}
.footer_cards .green {
  width: 195px;
}
.footer_base .payment_option_display {
  justify-content: right;
  margin-top: 3px;
}
/* footer link */
.shop_footer_links {
	text-align: center;
	padding: 20px 0;
	color: #fff;
	background: #3b423a;
}
.flexe_slideshow {
  width: 100% !important;
}
a.link_footer, a.link_footer:hover, .link_footer_text { font-size:10px; color: #fff; }
.link_footer_flexe:before {
	color: #fff;
}
.footer_text_left, .footer_text_right {
	display: inline-block;
}
@media only screen and (max-width: 1100px) {
  .footer_base {
    grid-template-columns: 55% auto;
  }
}
@media only screen and (max-width: 690px) {
  .footer_base {
    grid-template-columns: unset;
    gap: 30px;
  }
  .footer_base .footer_cards {
    text-align: left;
  }
  .footer_base .payment_option_display {
    text-align: left;
  }
  .shop_footer_links {
    text-align: left;
    padding: 25px;
  }
}
/*form elements */
.form_fields, #SignUp input[type="text"] {
    border: solid 1px #D2D2D2;
	font-size: 11px;
	height:18px;
}
.form_fields, select, .form_fields_error, textarea, #SignUp input[type="text"] {
  border: none;
  border: 1px solid #dddddd;
  box-shadow: 1px 1px 5px #00000017;
  font-size: 14px;
  color: #636363;
  background: #fff;
  height: 40px;
  display: block;
  line-height: 40px !important;
  box-sizing: border-box;
  width: 100%;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  -moz-outline: none;
  outline: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}


/* Buttons */
.submit_button, a.submit_button_image, .submit_button_image, #SignUp input[type="submit"] {
  color: #fff;
  font-size: clamp(14px, 2vw, 18px);
  border: none;
  cursor: pointer;
  height: 50px;
  padding: 0 20px;
  display: inline-block;
  line-height: 50px;
  background: #4d4d4f;
  box-sizing: border-box;
  text-decoration: none;
  font-weight: 600;
  text-align: center;
  -moz-outline: none;
  outline: none;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
a.submit_button_image:hover, .submit_button:hover { background:#ffbcd1; color: #fff; }