/*
author:laizhenjie@vip.qq.com
website:xlow.com
*/
/*html5*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display: block;}
audio,canvas,video{display: inline-block; *display: inline; *zoom: 1;}
audio:not([controls]) { display: none;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre,
form, fieldset, legend, button, input, textarea,
th, td,
img{border:medium none; margin: 0; padding: 0;}
/*form*/
button,input,select,textarea {margin: 0; font-size: 100%; vertical-align: middle;}
button,input {*overflow: visible;line-height: normal;}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0;border: 0;}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
input[type="search"] { -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
textarea { overflow: auto; vertical-align: top;}
body,button, input, select, textarea { font: 12px/1.5 'Jost-Bold', Helvetica, sans-serif;}
select{-webkit-appearance: menulist-button;}
/** 设置默认字体 **/
h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999;}

/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#333; outline: none;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover {/* text-decoration: none;*/ color:#F40; }
a:focus{ text-decoration:none;}
/** 重置表格元素 **/
table { border-collapse:collapse; border-spacing:0; }
/**禁止拉动**/
textarea{resize:none;}
/*重置表单元素*/
input,button,select,textarea{outline:none;}
/*选中文字背景色*/
::-moz-selection{background: #df4636; color:#ffffff; text-shadow: none;}
::selection {background: #df4636; color:#ffffff; text-shadow: none;}
/*常用样式*/
.clears{zoom:1;}
.clears:after{clear:both; content:"."; display:block; margin:0; padding:0; font-size:0; height:0; line-height:0; overflow:hidden;}
.al{ text-align:left;}
.ar{ text-align:right}
.ac{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.underline{ text-decoration:underline;}
.vm { vertical-align: middle; height: 100%;}
.width-100 { width: 100%;}
.width-50{ width:50%;}
.pointer {cursor: pointer;}
.hide {display: none;}
.upp{ text-transform:uppercase;}
.div-table{ display:table; height:100%;}
.table-cell{ display:table-cell; vertical-align:middle; height:100%;}
img{ max-width:100%;}

.pc{ display:block;}
.mob{ display:none;}
.container-fluid{ padding-left:12px; padding-right:12px; max-width:1600px;}
.row{ margin-left:-12px; margin-right:-12px;}
.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{ padding-left:12px; padding-right:12px;}
.btn{ border-radius:0;}
.btn-red,a.btn-red{ background-color:#e72d31; color:#fff; font-weight:400;}
.form-control{ border-radius:0;}
.swiper-pagination-bullet{ background-color:transparent; border:2px solid #fff; width:14px; height:14px; opacity:1; position:relative;}
.swiper-pagination-bullet-active:after{ content:""; display:block; position:absolute; width:4px; height:4px; border-radius:100%; background-color:#fff; top:3px; left:3px;}
.swiper-button-prev{ left:0; cursor: url(../../_images/cursor-left.png),pointer !important;}
.swiper-button-next{ right:0; cursor: url(../../_images/cursor-right.png),pointer !important;}
.swiper-button-next, .swiper-button-prev{ width:50%; height:100%; top:0; margin-top:0; background-image:none;}
.swiper-slide{ background-position:center; background-repeat:no-repeat; background-size:cover;}
/*body*/
body{}
#wrap{}
.font{font-family: 'Roboto Slab', serif; font-family: 'Montserrat', sans-serif;font-family: 'Raleway', sans-serif;}
.mob-img{ display:none;}
#nprogress .bar,#nprogress .spinner{ z-index:9999}
.fakeloader{ top:0; height:100%; bottom:0; position:fixed; background-color:#df4636; background-image:url(../../_images/loading-bg.png); background-position:center top; background-repeat:no-repeat; width:100%; z-index:998; /*transition:all 1s;*/}
.fakeloader.loadings{ /*bottom:0; height:100vh;*/}
.fakeloader img{ max-width:144px;  transition:all 0.15s; opacity:0;}
.loadone .fakeloader img{ opacity:1;}
/*.fakeloader img{-webkit-animation: loading 2.0s infinite ease-in-out;
  animation: loading 2.0s infinite ease-in-out;}*/
@-webkit-keyframes loading {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes loading {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.fakeloader .div-table{ width:100%; text-align:center;}
.detailloader{top:0; bottom:0; position:fixed; background-color:#df4636; width:100%; z-index:997; }
/**/
a.skip-to{ position:fixed; top:0; left:0; color:#fff; padding:3px 10px; display:block;  border-bottom-right-radius: 8px; background: #BF1722; -webkit-transition: top 1s ease-out; transition: top 1s ease-out;   z-index: 9999; transition:all 0.3s; transform:translateY(-40px);}
a.skip-to.active{ /*animation: skip_to 5s;*/ transform:translateY(0); }
@keyframes skip_to {
	0%{ transform:translateY(-40px);}
	10%{ transform:translateY(0px);}
	90%{ transform:translateY(0px);}
  100% { transform:translateY(-40px);}
}
#NagishLiBar{ opacity:0; visibility:hidden; transition:all 0.3s;}
#NagishLiBar.active{ opacity:1; visibility:visible;}
/**/
/*head*/
#wp-header{}
#header{ transition:all 0.6s cubic-bezier(.42,0,.58,1); top:0; position:fixed; width:100%; z-index:999; opacity:0;}
#header.nav-up ,#header.detail-nav-up{top: -130px;}
#logo{}
#nav{}
.loadone #header{ opacity:1;}
.pc-menu{ color:#fff;}
.pc-menu .container-fluid{ max-width:1300px;}
.pc-menu a,.pc-menu p{ color:#fff;}
.menu-top{ font-size:15px; background-color:#333333; height:23px; transition:all 0.3s; text-transform:uppercase;}
.bp-website{}
.bp-website li a{padding:0 16px 0 !important;}
.menu-top ul{ line-height:23px;}
.menu-top li{ display:inline-block; font-size:10px;  font-family: 'Jost-Bold'; vertical-align:top;}
.menu-top li.active{ background-color:#df4636;}
.menu-top li a{ display:block; padding:0 8px;}
.menu-top .ar li:last-child a{ padding-right:0; }
.logo-img{border: 1px solid #c53627; border-radius:100%; max-width:116px; width:100%; margin-top:-41px;
-moz-box-shadow: 0 2px 2px rgba(51,51,51,.75);
-webkit-box-shadow: 0 2px 2px rgba(51,51,51,.75);
box-shadow: 0 2px 2px rgba(51,51,51,.75);
}

.menu-main{
  display: flex;
  align-items: center;
  padding:10px 0;
  height:80px;
  background-color:#df4636;
  border-bottom:1px solid #b2382b;
}
.menu-main li{ display:inline-block; font-size:14px; padding:15px; position:relative; text-transform:uppercase; font-family: 'Jost-Bold'; letter-spacing:1px;}
.menu-main ul li:last-child{ padding-right:0;}
.menu-main li a{ position:relative;}
.menu-main li.active a:after{ content:""; display:block; position:absolute; width:100%; left:0; height:5px; background-color:#e72d31; bottom: -32px;}
.header-social{}
.header-social li{ font-size:10px; padding-right:0; padding-left:5px; font-family: 'Gotham-Bold'; }
.header-social li i{}
.header-social li a{ display:block; width:24px; height:24px; border-radius:12px; background-color:#fff; text-align:center; color:#df4636; font-size:14px; padding-top:2px; vertical-align:middle;}
.header-social li.head-gift-card a{ background-color:transparent; border:1px solid #fff; width:auto; color:#fff; font-size:10px; padding-left:10px; padding-right:10px; -moz-margin-top:-3px; padding-top:4px; }
.pc-order {
  text-align: right;
  padding-right: 0;
}
.header-order-btn {
  display: inline-block;
  background-color: #fbb517;
}
.header-order-btn a {
  position: relative;
  display: inline-block;
  padding: 14px 25px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #221e20;
}
.header-order-btn span {
  display: inline-block;
  position: relative;
  top: 11px;
  width: 1px;
  height: 30px;
  background-color: #df4636;
}
.pl-0 {
  padding-left: 0;
}
@media (min-width: 992px) {
  .pc-menu-list {
    line-height: 1;
    margin-left: 30px;
  }

  .pc-shopping {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .pc-logo {
    margin-left: 15px;
    padding-right: 0;
  }
  /* .pc-menu-list,
  .pc-order {
    padding: 0;
  } */
  /* .pc-shopping{
    width: 20%;
  } */
}

@-moz-document url-prefix(){
   .header-social li.head-gift-card{ margin-top:-5px; vertical-align: middle;}
}
.navbar-fixed-top{ position:relative;}
.mob-menu{ display:none;}

.navbar-default{ background-color:#fff; border-color:#ccc;}
.navbar-brand{
  height:60px;
  padding-top:10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff !important;
}
.navbar-brand img{ max-width:82px;}
.navbar-toggle{/* margin-top:13px;*/ background-color:transparent; border-color:transparent !important; top:0; bottom:0; margin-top:0; margin-bottom:0;}
.navbar-toggle:focus{ background-color:transparent;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color:transparent; border-color:transparent;}

.scroll .menu-top{/* margin-top:-23px;*/}
/*.scroll .content{ padding-top:80px;}*/


.pc-menu .col-lg-8{ padding-left:0; padding-right:0;}
/*.menu-main .col-lg-8{ padding-left:0; padding-right:0;}*/

.mob-menu-top{ background-color:#333333; color:#fff; padding-top:8px; padding-bottom:8px;}
.mob-menu-top a{ color:#fff;}
.mob-menu-top li{ display:inline-block; padding-right:3px;}
.mob-language-list{ padding-top:3px;}
.mob-language-list li{ padding-left:8px; padding-right:0;}

.navbar-brand img{ border-radius:100%; margin-top:-19px;
border: 1px solid #c53627;
-moz-box-shadow: 0 2px 2px rgba(51,51,51,.75);
-webkit-box-shadow: 0 2px 2px rgba(51,51,51,.75);
box-shadow: 0 2px 2px rgba(51,51,51,.75);

}

.mob-website-list{}
.mob-website-list>li{ margin-bottom:1px;}
.mob-website-list>li>a{ font-size:13px; background-color:#333333;}
.navbar-header{ position:relative; z-index:99;}

.icon-bar{-webkit-transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99), -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);}

.icon-bar-0{ opacity:0; transition:all 0.25s;}
.icon-bar-1{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.icon-bar-2{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	margin-top:-2px !important;
}
.navbar-toggle.collapsed .icon-bar-0{ opacity:1;}
.navbar-toggle.collapsed .icon-bar-1{-webkit-transform: rotate(0deg);
    transform: rotate(0deg);}
.navbar-toggle.collapsed .icon-bar-2{-webkit-transform: rotate(0deg);
    transform: rotate(0deg);margin-top:4px !important;}

#navbar.in .nav > li,
#navbar.in .nav > a {
	opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
}
.nav > li,
.nav > a {
  opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out;
    transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;}
.nav:nth-child(1) > li:nth-child(1){}
.nav:nth-child(1) > li:nth-child(2){    -webkit-transition-delay: 300ms,300ms;
    transition-delay: 300ms,300ms;}
.nav:nth-child(1) > li:nth-child(3){    -webkit-transition-delay: 300ms,300ms;
    transition-delay: 350ms,350ms;}
.nav:nth-child(1) > li:nth-child(4){    -webkit-transition-delay: 300ms,300ms;
    transition-delay: 400ms,400ms;}
.nav:nth-child(1) > li:nth-child(5){    -webkit-transition-delay: 300ms,300ms;
    transition-delay: 450ms,450ms;}
.nav:nth-child(2) > li:nth-child(1){    -webkit-transition-delay: 300ms,300ms;
    transition-delay: 500ms,500ms;}
.nav:nth-child(2) > li:nth-child(2){    -webkit-transition-delay: 300ms,300ms;
    transition-delay: 550ms,550ms;}
.nav:nth-child(2) > li:nth-child(3){    -webkit-transition-delay: 300ms,300ms;
    transition-delay: 600ms,600ms;}
.nav:nth-child(3) > a {
  -webkit-transition-delay: 300ms,300ms;
  transition-delay: 650ms,650ms;}
/*.scroll .dealer-login{ display:none !important;}*/
/*content*/
#wp-content{}
#content{}
.content{ /*padding-top:93px;*/ transition:all 0.3s; background:url(../../_images/body-bg.jpg); position:relative; z-index:2; opacity:0;}
.detail .detail-up{ margin-top:-93px;}
.home .content{ padding-top:0;}

.loadone .content{ opacity:1; }
.home-banner{}
.home-banner video{ vertical-align:middle;}
.home-banner .swiper-pagination{bottom:25px;}
.home-banner-mob{ display:none;}
.swiper-slide{ position:relative;}
.home-banner .swiper-slide{ background-position:center; background-size:cover; background-repeat:no-repeat; height:100vh;}
.home-banner-txt{ position:absolute; top:0; left:0; right:0; bottom:0;}
.home-banner-box{  width:100%;color:#fff; padding:40px 60px; font-family: 'Jost-Bold';}

.home-banner-box a{ color:#fff;}
.home-banner-box h3{ font-size:18px; text-transform:uppercase; padding-bottom:20px;}
.home-banner-box h1{font-family: 'LeagueGothic-Regular'; font-size:172px; line-height:156px; font-weight:300; margin-bottom:20px;   }
.home-banner .home-banner-box h1{font-size: inherit; line-height: inherit;}
.home-banner-box .btn{ border:2px solid #fff; border-radius:0; font-size:18px; font-family: 'Raleway', sans-serif; min-width:250px; padding:15px;}
.home-banner-box .btn:focus{ color:#fff;}
.home-banner .container-fluid{ max-width:1340px;}
.home-banner-txt .div-table{ width:100%;}

.home-banner .swiper-pagination-bullet{ background-color:transparent; border:2px solid #fff; width:14px; height:14px; opacity:1; position:relative;}
.home-banner .swiper-pagination-bullet-active:after{ content:""; display:block; position:absolute; width:4px; height:4px; border-radius:100%; background-color:#fff; top:3px; left:3px;}

.home-banner .swiper-button-prev{ left:0; cursor: url(../../_images/cursor-left.png),pointer !important;}
.home-banner .swiper-button-next{ right:0; cursor: url(../../_images/cursor-right.png),pointer !important;}
.home-banner .swiper-button-next,.home-banner .swiper-button-prev{ width:100px; height:100%; top:0; margin-top:0; background-image:none;}

/*.swiper-button-next, .swiper-button-prev{ width:70px; height:70px;  border-radius:100%; margin-top:-35px;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}*/

.mini-banner-line{ border-top:1px solid #e9e9e9; padding-top:24px; padding-bottom:24px; height:120px; overflow:hidden; font-family: 'Gotham-Bold'; font-size:16px;}
.mini-banner-line .container-fluid{ max-width:1300px;}
.mini-banner-line .swiper-button-prev-top{ right:15px; top:0; position:absolute; z-index:99; cursor:pointer; line-height:28px; width:32px; border:2px solid #282828; color:#282828; border-radius:100%; font-size:24px;}
.mini-banner-line .swiper-button-next-top{ right:15px; top:39px; position:absolute; z-index:99; cursor:pointer; line-height:28px; width:32px; border:2px solid #282828; color:#282828; border-radius:100%; font-size:24px;}
.mini-banner-line .swiper-slide .div-table{ width:100%;}


.mini-banner-box{ position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; margin-bottom:24px; }
.mini-banner-box a{ display:block;}
.mini-banner-box figure{  top:0; right:0; bottom:0; left:0; background-position:left; background-repeat:no-repeat; background-size:cover;}
.mini-banner-box figure img{width:100%;}
.mini-banner-txt{ position:absolute; top:0; right:0; bottom:0; left:0;}
.home-mini-banner-01 figure{ background-image:url(../../_images/Shop-mini.jpg);/* background-image:url(../../_images/mini-Soda.jpg);*/}
.home-mini-banner-01 img.hover{ opacity:0; transition:all 0.3s; max-width:386px; width:100%;}
.home-mini-banner-01:hover img.hover{opacity:1;}
.home-mini-banner-02 figure{ background-image:url(../../_images/MatchaGotMilk.jpg);}
.home-mini-banner-02 figure.slide_two{ background-image:url(../../_images/AiLoveYu.jpg); display: none;}
.home-mini-banner-02 img.hover{opacity:0; transition:all 0.3s; max-width:487px; max-height:92px;}
.home-mini-banner-02:hover img.hover{opacity:1;}
.home-mini-banner-01 h2{ color:#ffffff;}
.home-mini-banner-02 h2{ color:#df4636;}

.home-mini-banner-03 figure{ background-image:url(../../_images/GiftCard.jpg);}
.home-mini-banner-04 figure{ background-image:url(../../_images/SauceJars.jpg); background-position: 0 0;}
.home-mini-banner-03 figure img,.home-mini-banner-04 figure img{ opacity:0;}
.home-mini-banner-03 figure,.home-mini-banner-04 figure{ background-size:cover;}
.home-mini-banner-03 figure,.home-mini-banner-04 figure{ height:501px;}

.mini-banner-txt{}
.mini-banner-txt .div-table{ width:100%;}
.mini-banner-txt h2{ font-family: 'Wisdom-Script'; font-size:60px; font-weight:400; padding-bottom:15px;}
.mini-banner-txt p{font-family: 'Jost-Bold'; font-size:14px; color:#fff; text-transform:uppercase;}

.sm-banner-box{ margin-bottom:20px; position:relative;}
.sm-banner-box:hover .sm-banner-box-txt{ opacity:1;}
.sm-banner-box a{ display:block;}
.sm-banner-box-txt{ position:absolute; top:0; bottom:0; left:0; right:0; opacity:0; transition:all 0.3s;}
.sm-banner-box-txt .div-table{ width:100%; background-color:rgba(0,0,0,0.6);}
.sm-banner-box-txt img{ max-width:300px; width:100%; }
.hover13:hover figure {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.hover12 {
	background: #000;
}
.hover12 figure {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover12:hover figure {
	opacity: .5;
}

.home-bottom-banner{ padding:30px 0;}
.home-bottom-banner h2{ font-family: 'Wisdom-Script'; color:#333; font-size:48px; padding-bottom:30px; font-weight:400;}
.home-bottom-banner ul {}
.home-bottom-banner li{ display:inline-block; padding:10px;}
.home-bottom-banner li img{ width:100%; max-width:226px; margin:0 auto;}
.num-am-box{ background:url(../../_images/home-bottom-icon-border.png) center no-repeat; width:226px; height:208px; margin:0 auto; transition:all 0.3s;}
.num-am-box:hover{transform: scale(1.05);}
.num-am-box .div-table{ width:100%;}
.num-am-box-txt{ transform: rotate(350deg);}
.num-am-box-txt h3{ font-size:72px;font-family: 'Sullivan-Bevel'; font-weight:400; font-style:italic;  margin-left:-15px; color:#333;}
.num-am-box-txt p{ font-size:23px; line-height:26px; color:#df4636; font-family: 'LeagueGothic-Regular'; font-style:italic; text-transform:uppercase; display:inline-block; margin:0 auto; margin-left:-15px;}

.home-discover{ margin-top:9px;}
.home-discover-banner{ background-color:#333; color:#fff;}
.home-discover-banner h2{ font-size:60px;}
.home-discover-banner .btn{ color:#fff; background-color:#df4636; max-width:200px; width:100%; padding:18px 15px; letter-spacing:2px; margin-top:20px;}

.discover-banner-txt{ padding-top:70px; padding-bottom:70px;}
.discover-banner-txt h2{font-family: 'LeagueGothic-Regular'; text-transform:uppercase; letter-spacing:5px; font-weight:400;}

.detail .content{ padding-top:0;}
.gallery-top .swiper-slide{ padding-top:133px;}
.productDetails-content{ position:relative;}
.productDetails-fix-tool{ position:fixed; margin-top:120px; z-index:999;}
.productDetails-fix-tool .div-table{ width:100%;}
.productDetails-fix-tool li{ background-color:rgba(102,102,102,0.5); color:#fff; font-size:10px; border:1px solid #df4738; margin:3px 0; height:47px; border-radius:24px; position:relative; transform:translateX(-150px); transition:all 0.25s;}
.productDetails-fix-tool li a{ color:#fff; display:block; position:relative; padding-right:52px; padding-left:52px; height:47px; text-align:right; text-transform:uppercase;}
.productDetails-fix-tool li span{ display:inline-block; width:41px; height:41px; text-align:center; background-color:#2c262b; color:#df4737; vertical-align:middle; border-radius:100%; position:absolute; right:2px; top:2px; font-size:24px;}
.productDetails-fix-tool .icon{ margin-top:5px; display:block; transition:all 0.25s;}
.productDetails-fix-tool li:hover{transform:translateX(-45px);}
.productDetails-fix-tool li:hover span{ background-color:#df4737; color:#fff;}
.productDetails-soup{ background-image:url(../../_images/ProductDetails-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}

.productDetails-img{text-align:center;}
.productDetails-info-content{ }

.productDetails-info{ max-width:320px; background-color:#333; color:#fff; font-family: 'Jost-Bold';}
.productDetails-info h5{ font-size:18px; font-family: 'Jost-Bold'; font-weight:400;}
/*.productDetails-info h1{ font-size:48px; font-family: 'LeagueGothic-Regular'; font-weight:400; text-transform:uppercase;}*/
.productDetails-info h1{ font-size:28px; font-family: 'Jost-Bold'; font-weight:normal; text-transform:uppercase;}
.productDetails-info h3{ font-size:24px; font-family: 'Wisdom-Script'; font-weight:400; padding-bottom:10px;}
.productDetails-info h4{ font-size:14px; font-family: 'Jost-Bold'; font-weight:400; color:#666; text-transform:uppercase; padding:15px 0;}
.productDetails-info p{ font-size:14px; font-family: 'Jost-Regular';}
.productDetails-info p>span{ font-size:12px;}

.productDetails-info-box{ padding:20px;}

.productDetails-info .div-table{ width:100%; color:#ccc;}
.productDetails-info .width-50{}
.productDetails-info .width-50 p{ font-size:10px; font-family: 'Jost-Bold'; font-weight:700; text-transform:uppercase; padding-bottom:5px;}
.productDetails-info .width-50 h6{ font-size:18px;}
.productDetails-info .width-50 div{ background-color:#000; padding:10px;}
.productDetails-info .width-50:nth-child(1) div{ margin-right:1px;}
.productDetails-info .width-50:nth-child(2) div{ margin-left:1px;}
.productDetails-info .icon-bp-icons-lunch-1{ font-size:84px; height:40px; line-height:20px;}
.productDetails-info .icon-bp-icons-lunch-1:before{ height:40px; line-height:20px;}
.productDetails-info .icon-bp-icons-dinner{ font-size:54px; height:40px; line-height:20px;}
.productDetails-info .icon-bp-icons-dinner:before{ height:40px; line-height:20px;}

.gallery-top .swiper-slide{ padding-bottom:161px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.soup-full-img{ position:absolute; top:0; right:0; bottom:0; left:0; background-position:center; background-repeat:no-repeat; background-size:cover; opacity:1; transition:all 1s;}
.gallery-top .swiper-slide .productDetails-img img{ opacity:0; transition:all 1s;}
.gallery-top .swiper-slide.active{ background-image:none !important;}
.gallery-top .swiper-slide.active .productDetails-img img{ opacity:1;}
.gallery-top .swiper-slide.active .soup-full-img{ opacity:0;}

.productDetails-gallery{ margin-top:-154px;}
.productDetails-gallery ul{ white-space:nowrap;}
.productDetails-gallery li{ float:left;}
.productDetails-gallery li:hover{ }
.productDetails-gallery li.active{}
.productDetails-gallery .swiper-slide{ width:130px;}
.productDetails-gallery-box { text-align:center; cursor:pointer; padding-top:12px; border-radius:10px 10px 0 0; transition:all 0.25s; transform:translateY(60px); width:130px;}
.productDetails-gallery-box:hover{background-color:#d84434; transform:translateY(0);}

.active .productDetails-gallery-box{background-color:#d84434; transform:translateY(0);}
.productDetails-soup .swiper-pagination{ display:none;}
.productDetails-soup .swiper-pagination-bullet{ background-color:transparent; border:2px solid #fff; width:14px; height:14px; opacity:1; position:relative;}
.productDetails-soup .swiper-pagination-bullet-active:after{ content:""; display:block; position:absolute; width:4px; height:4px; border-radius:100%; background-color:#fff; top:3px; left:3px;}
.productDetails-soup .swiper-button-prev{ left:0; cursor: url(../../_images/cursor-left.png),pointer !important;}
.productDetails-soup .swiper-button-next{ right:0; cursor: url(../../_images/cursor-right.png),pointer !important;}
.productDetails-soup .swiper-button-next,.productDetails-soup .swiper-button-prev{ width:50%; height:100%; top:0; margin-top:0; background-image:none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{    /* pointer-events: none; */}

.productDetails-gallery-box h5{ font-size:11px; font-family: 'Jost-Bold'; color:#ccc; text-transform:uppercase;}
/*.productDetails-gallery-box h5{ font-size:18px; font-family: 'LeagueGothic-Regular'; color:#ccc; text-transform:uppercase;}
.productDetails-gallery:hover .swiper-scrollbar{ opacity:1 !important; display:block !important;}*/
.productDetails-gallery .swiper-scrollbar{ background-color:rgba(204,204,204,0.5);}
.productDetails-gallery .swiper-scrollbar-drag{ background-color:rgba(255,255,255,0.6);}
.productDetails-soup>.container-fluid .col-xs-12{ min-height:0;}

.productDetails-bottom{}
.productDetails-bottom h2{font-family: 'Wisdom-Script'; font-size:48px; font-weight:400; color:#df4636;}
.display-none-pic .pic-span{ display:none;}


.add-ons{}
.add-ons h2{ padding:20px 0 10px;}
.insta-box h1 { padding: 20px 0 10px;}
.max-1300{ max-width:1300px;}

.productDetails-list{font-family: 'Jost-Regular'; font-size:14px;}
.productDetails-list li{ position:relative; padding-left:21px; padding-right:60px; border-bottom:1px solid #ccc; padding-top:5px; padding-bottom:5px;}
.productDetails-list .icon-star{ border-radius:100%; color:#df4636; /*background-color:#fff; width:16px; height:16px;*/ text-align:center; display:block; position:absolute; margin-top:2px; left:0; font-size:14px;}
.productDetails-list .icon-star i{}
.productDetails-list li .pic-span{ position:absolute; right:0; width:55px;}
.productDetails-list .icon-bp-icon-whatsthis{ font-size:14px; margin-bottom:-2px; display:inline-block; vertical-align:middle; cursor:pointer;}

.directions-list{ padding-top:30px;}
.directions-list li{ display:inline-block; text-transform:uppercase; font-size:10px; padding:0 20px;}
.directions-list li:first-child{ padding-left:0;}
.directions-list li:last-child{ padding-right:0;}
.directions-list .icon{ vertical-align:middle; font-size:14px;}
.directions-list .icon-bp-icon-popular{ color:#df4636;}


.col-1_5.col-xs-6{
  padding: 0;
}
@media all and (min-width: 768px){
  .col-1_5{
    max-width: 20%;
    padding: 0;
  }
}
.appetizer-box{ position:relative; text-align:center; background-repeat:no-repeat; background-size:cover; overflow: hidden;}
.appetizer-box-txt h4{ font-size:14px; text-align:center; text-transform:uppercase; padding:20px 0;}

.desserts{ padding:35px 0;}
.desserts .container-fluid{ max-width:1080px;}
.desserts h2{ padding-bottom:15px; border-bottom:1px solid #ccc;}
.desserts .icon-star{ color:#333;}
.desserts p{ font-family: 'Jost-Regular'; font-size: 14px;    padding-top: 15px;}
.desserts-ca .productDetails-list li{ padding-left:15px;}

.drinks{ background-image:url(../../_images/drinks-bg.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; color:#fff; padding:40px 0;}
.drinks-cn{ background-image:url(../../_images/drinks-bg-cn.jpg);}
.drinks h2{ color:#fff;}
.drinks h4{ font-size:18px; font-weight:400; text-transform:uppercase; border-bottom:1px solid #ccc; padding-bottom:10px; padding-top:10px; margin-top:20px;}

.ourlocations{ background-color:#fff; padding-top:143px;}
.ourlocations h1{ font-size:100px;font-family: 'LeagueGothic-Regular'; font-weight:400; text-align:center; position:relative; color:#222; text-transform:uppercase; padding-top:80px; padding-bottom:80px;}
.ourlocations h1 img{ max-height:80px;}
/*.ourlocations h1:after{ content:""; display:block; height:4px; width:30px; background-color:#222; margin:25px auto;}*/
.ourlocations-title h1:after{ content:""; display:block; position:absolute; border-top:40px solid #fff; width:80px; bottom:-39px; z-index:999; border-right:40px solid transparent; border-left:40px solid transparent; left:50%; margin-left:-40px;}
.ourlocations h2{font-family: 'Wisdom-Script'; font-weight:400; font-size:50px; color:#df4636; margin:20px 0;}
.ourlocations h3{ font-size:36px; text-transform:uppercase; font-weight:400; padding:10px 0;}
.ourlocations p{ font-size:16px; font-family: 'Jost-Regular'; margin:20px 0; text-transform:uppercase;}
.ourlocations p span{ font-size:13px;}
.ourlocations-menu h3 i{ transition:all 0.3s;}
.ourlocations-menu h3 ,.ourlocations-menu h3 a{ color:#df4636; cursor: pointer;}
.ourlocations-menu h3 a:hover{ color:#f69d94;}
.ourlocations-menu h3.active i{ transform:rotate(180deg);}
.ourlocations-menu ul{ display:none;}



.ourlocations-box{ text-align:center;}
.ourlocations-box h3{ font-size:20px; color:#df4636;}
.ourlocations-box li{ display:inline-block; text-transform:uppercase; color:#df4636; padding:10px 15px 10px 12px; position:relative;}
.ourlocations-box li a{ color:#df4636;}
.ourlocations-box li:after{ content:""; display:block; width:1px; height:30px; background-color:#ccc; position:absolute; top:3px; right:0;}
.ourlocations-box li:first-child{ padding-left:0;}
.ourlocations-box li:last-child{ padding-right:0;}
.ourlocations-box li:last-child:after{ display:none;}
.ourlocations-box li i{ font-size:18px; vertical-align:middle;}
.ourlocations-row{ background:url(../../_images/ourlocations-row-bg.jpg);}
.ourlocations-row>.col-xs-12.ac{ position:relative;}
.soon-icon{ position:absolute; opacity:1 !important; top:50%; left:50%; margin-left:-130px; margin-top:-130px; z-index:99;}
.ourlocations-row>.col-xs-12:nth-child(1){ background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden;
transition:all 0.6s ease-in-out;
-webkit-transition:all 0.6s ease-in-out;
-moz-transition:all 0.6s ease-in-out;
-ms-transition:all 0.6s ease-in-out;
-o-transition:all 0.6s ease-in-out;
}
.ourlocations-row>.col-xs-12:nth-child(1):hover,.ourlocations-row>.col-xs-12:nth-child(1):hover img{
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%
200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");');
filter:gray;
}
.ourlocations-img{ position:absolute; top:0; left:0; right:0; bottom:0; background-size:cover; background-position:center; background-repeat:no-repeat; transition:all 0.3s; z-index:9;}
.ourlocations-row>.col-xs-12:nth-child(1):hover .ourlocations-img{ transform: scale(1.05);}
.ourlocations-row>.col-xs-12:nth-child(1) img{ opacity:0;}

.talktous{}
.talktous-banner{ background-image:url(../../_images/TalkToUs-banner.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; margin:0 auto; height:593px; padding-top:93px; color:#fff;}
.talktous-banner .div-table{ width:100%;}
.talktous-banner h1{font-family: 'Wisdom-Script'; font-weight:400; font-size:75px; line-height:80px; margin-top:-10px; color:#fff;}
.talktous-banner h3{ text-transform:uppercase; font-size:20px;font-family: 'Gotham-Bold'; font-weight:400;}
.talktous-banner h3:before{ content:""; display:block; width:60px; height:2px; background-color:#fff; margin:30px auto 20px; }

.talktous-line{ background-color:#f8f8f8; padding:60px 0;}
.talktous-line .container-fluid{ max-width:1300px;}
.talktous-line-box{ padding:20px 0; max-width:250px; margin:0 auto;}
.talktous-line-box h3{font-family: 'Wisdom-Script'; font-weight:400; font-size:30px;}
.talktous-line-box h4{ font-size:30px; font-family: 'Wisdom-Script'; font-weight:400; padding-bottom:5px;}
.talktous-line-box p{ font-size:16px; font-family: 'Jost-Regular';}
.talktous-line-box p a,.talktous-line-box p span{font-family: 'Jost-Bold'; font-size:14px; color:#df4636;}

.talktous-form{ background-color:#fff; padding:100px 0;}
.talktous-form .container-fluid{ max-width:550px;}
.talktous-form h1{font-family: 'Wisdom-Script'; font-weight:400; color:#df4636; font-size:50px; padding-bottom:30px; }
.talktous-form p{font-family: 'Jost-Regular'; font-size:17px; margin-bottom:30px;}
.talktous-form form{}
.talktous-form .form-control{ border-left:none; border-top:none; border-right:none; box-shadow:none; font-family: 'Jost-Regular'; font-size:16px; padding-left:0; padding-right:0;}
.form-control:focus{ box-shadow:none; outline:none;}
.has-error .form-control{ color:#f00; border-color:#f00;}
.has-error .form-control:focus{ box-shadow:none; outline:none; border-color:#f00;}
.has-error .form-control::-webkit-input-placeholder{color:#f00; border-color:#f00;}
.has-error .control-label,.has-error label{color:#f00;}
#sent{ background-color:#000; text-align:center; color:#ffffff; padding:8px 0; display:none;}
.talktous-form .btn{ padding:12px; margin-top:40px;}

.talktous-form label{font-family: 'Jost-Regular'; font-weight:400; font-size:14px; text-transform:uppercase;}
.radio input{ margin-top:0;}
.radio label{ text-transform:none; }
.talktous-form-2line{ padding-top:15px;}

.form-2{}

.careers-banner .swiper-slide{ height:300px;}
.careers-banner h2{font-family: 'Wisdom-Script'; font-size:54px; font-weight:400;}
.careers-line{ padding:90px 0;}
.careers-line .container-fluid{ max-width:660px;}
.backtoschool-line .container-fluid{ max-width:1140px;}
.btn-gery, a.btn-gery{ background-color:#747474; color:#fff; text-transform:uppercase; min-width:200px; height:50px; padding:15px 12px; font-family:'Jost-Bold';}
.btn-gery:hover,.btn-gery:focus{ background-color:#df4636; color:#fff;}
.careers-line h2{ font-size:24px; line-height:40px; max-width:470px; margin:0 auto; text-transform:uppercase;}
.careers-line h2:after{ content:""; display:block; margin:20px auto; width:60px; height:2px; background-color:#333;}
.careers-line p{ font-family: 'Jost-Regular'; font-size:17px; line-height:34px;}
.careers-line p strong{font-family: 'Jost-Bold'; font-weight:400;}
.HotDrinks-main .careers-line .container-fluid{ max-width:550px;}
#drop-box{ border:none; height:50px;}
#drop-box:after{}
#drop-box p{ margin:0;}
.careers-bottom{}
.careers-bottom .container-fluid{ max-width:100%;}
.careers-bottom .row{}
.careers-bottom .col-xs-12{}
.careers-box{ position:relative;}
.careers-box-txt{ position:absolute; top:0; right:0; bottom:0; left:0;}
.careers-bottom .div-table{ width:100%;}
.careers-bottom a{ color:#fff; font-size:18px; text-transform:uppercase; text-align:center;}
.careers-bottom .btn6{ color:#fff; font-size:18px; text-transform:uppercase; text-align:center;}
.careers-box{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.careers-bottom .col-xs-12:nth-child(1) .careers-box{ background-image:url(../../_images/Hire_Banner.jpg);}
.careers-bottom .col-xs-12:nth-child(2) .careers-box{ background-image:url(../../_images/apply-for-canada.jpg);}
.careers-box{ transition:all 0.3s;}
.careers-box:hover{
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:url('url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%
200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");');
filter:gray;
}
.careers-box:hover .btn6{border-left:1px solid #fff;  border-right:1px solid #fff;}
.careers-box:hover .btn6::before, .careers-box:hover .btn6::after,.careers-box:hover .btn6:focus{ width:100%;}

.btn6{ border:1px solid transparent; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1); padding: 15px 25px;   margin: 10px 4px;  position: relative;  text-decoration: none;  display:block; max-width:275px; width:100%; margin-left:auto; margin-right:auto;}
.btn6::before { content: ''; position: absolute; left: 0px; bottom:0px;  width: 0%; height:1px; background: #fff; box-shadow: inset 0px 0px 0px #fff; display: block; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.btn6:hover::before { width:100%;}
.btn6::after { content: ''; position: absolute; right: 0px; top:0px;  width: 0%; height:1px; background: #fff; -webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1); transition: all 0.4s cubic-bezier(.5, .24, 0, 1)}
.btn6:hover::after { width:100%;}
.btn6:hover{ border-left:1px solid #fff; border-right:1px solid #fff;}

#whatshappening-banner{ background-image:url(../../_images/WhatsHappening-banner.jpg);}
.whatshappening-main{ padding-top:50px; padding-bottom:70px;}
.whatshappening-main .container-fluid{ max-width:1300px;}
.whatshappening-main .col-sm-6{ margin-bottom:24px;}
.whatshappening-box{}
.whatshappening-box-img{ position:relative;}
.date-icon{ position:absolute; background-color:#df4636; color:#fff; text-transform:uppercase; font-size:18px; text-align:center; right:-12px; bottom:-13px; font-family: 'LeagueGothic-Regular';}
.date-icon p{ width:150px; position:relative; font-family:'Jost-Bold'; font-size:12px; padding:5px;}
.date-icon p:after{ content:""; display:block; width:12px; height:8px; position:absolute; bottom:-8px; right:0; border-top:8px solid #932f25; border-right:12px solid transparent;}
.whatshappening-box-txt{ background-color:#fff; padding:30px;}
.whatshappening-box-txt h3{ font-size:20px; line-height:26px; font-weight:400;}
.whatshappening-box-txt p{font-family: 'Jost-Regular'; font-size:14px; line-height:20px; padding:10px 0;}
.whatshappening-main .btn{ padding:15px 30px; margin-top:30px;}
.whatshappening-box-txt p a{ text-decoration:underline;}

.other-content{ padding-top:133px; padding-bottom:50px;}
.other-content .container-fluid{ max-width:970px;}
.other-content h1{ font-size:36px; padding-bottom:30px;}
.other-content p{ font-size:14px; font-family: 'Jost-Regular'; padding-bottom:25px;}
.other-content p strong{font-family: 'Jost-Bold';}
.privacypolicy-box{ padding-left:40px;}
.other-content p span{ text-decoration:underline;}

.History .content{ padding-top:0;}
.history-page{ background:url(../../_images/History-bg.jpg); padding-top:163px; padding-bottom:140px; position:relative; overflow:hidden;}

.history-main{}
.history-list{ position:fixed; left: calc(50% - 600px); z-index:98}
.history-list li{ position:relative; width:14px; height:14px; border-radius:100%; border:1px solid #343434; margin:8px 0; }
.history-list li a{ display:block; width:16px; height:16px; vertical-align:middle; position:absolute; top:-2px; left:-2px;}
.history-list li:after{ content:""; display:block; position:absolute; width:4px; height:4px; top:4px; left:4px; background-color:#343434; border-radius:100%; opacity:0; transition:all 0.25s;}
.history-list li:hover:after{ opacity:1;}
.history-list li.active:after{ opacity:1;}

.history-banner{ background-position:top center; background-repeat:no-repeat; position:relative;}
.history-banner img{ max-width:none;}
.history-01{ background-image:url(../../_images/History-01.png); height:604px; background-size:1227px auto;}
.history-01 svg{ position:absolute; left:50%; margin-left:-50px; top:230px;}
.smoke{ position:absolute; left:50%; margin-left:-50px;top:230px;}
.smoke-box{ position:relative; width:100px; height:125px;}
.smoke-box>div{ background-repeat:no-repeat; background-position:center bottom; opacity:0;}
.smoke-01{ background-image:url(../../_images/Smoke-01.png); width:27px; height:152px; position:absolute; left:0; bottom:4px; }
.smoke-02{ background-image:url(../../_images/Smoke-02.png); width:35px; height:226px; position:absolute; bottom:12px; left:34px; transition-delay:0.7s;}
.smoke-03{ background-image:url(../../_images/Smoke-03.png); width:23px; height:136px; position:absolute; right:0; bottom:0;transition-delay:0.5s;}

.smoke-01{-webkit-animation: smoke1 2s infinite ease-in-out;
  animation: smoke1 2s infinite ease-in-out;}
@-webkit-keyframes smoke1 {
  0% { background-position:0 76px; opacity:0; }
  50%{ opacity:1;}
  100% { background-position:0 26px;  opacity:0;}
}

@keyframes smoke1 {
  0% {  background-position:0 76px; opacity:0;}
  50%{ opacity:1;}
  100% {  background-position:0 26px;  opacity:0;}
}
.smoke-02{-webkit-animation: smoke2 2s infinite ease-in-out 700ms;
  animation: smoke2 2s infinite ease-in-out 700ms;}
@-webkit-keyframes smoke2 {
  0% { background-position:0 113px;  opacity:0;}
  50%{ opacity:1;}
  100% { background-position:0 63px;  opacity:0;}
}

@keyframes smoke2 {
  0% {  background-position:0 113px; opacity:0;}
  50%{ opacity:1;}
  100% {  background-position:0 63px;  opacity:0;}
}

.smoke-03{-webkit-animation: smoke3 2s infinite ease-in-out 500ms;
  animation: smoke3 2s infinite ease-in-out 500ms;}
@-webkit-keyframes smoke3 {
  0% { background-position:0 68px;  opacity:0;}
  50%{ opacity:1;}
  100% { background-position:0 18px; opacity:0; }
}

@keyframes smoke3 {
  0% {  background-position:0 68px; opacity:0;}
  50%{ opacity:1;}
  100% {  background-position:0 18px;  opacity:0;}
}

.history-02{ background-image:url(../../_images/History-line-2018.png); height:7357px; position:relative;}
#history-02{ top:240px; }
#history-03{ top:1360px; }
#history-04{ top:2400px; }
#history-05{ top:3400px; }
#history-06{ top:4600px; }
#history-07{ top:5600px; }

.history-img{ position:absolute;}
.history-img img{ width:50%; max-width:none;}
.history-img-01{ top:124px; left: calc(50% - 947px);}
.history-img-01 img{ width:595px;}
.history-img-02{ top:194px; left: calc(50% + 325px);}
.history-img-02 img{ width:355px;}
.history-img-03{ top:711px; left: calc(50% - 873px);}
.history-img-03 img{ width:446px;}
.history-img-04{ top:1190px; left: calc(50% - 946px);}
.history-img-04 img{ widows:765px;}
.history-img-05{ top:1527px; left: calc(50% + 309px);}
.history-img-05 img{ width:231px;}
.history-img-06{ top:1936px; left: calc(50% - 649px);}
.history-img-06 img{ width:311px;}
.history-img-07{ top:1687px; left: calc(50% + 255px);}
.history-img-07 img{ width:716px;}
.history-img-08{ top:2326px; left: calc(50% - 919px);}
.history-img-08 img{ width:523px;}
.history-img-09{ top:2528px; left: calc(50% + 123px);}
.history-img-09 img{ width:272px;}
.history-img-10{ top:2413px; left: calc(50% + 522px);}
.history-img-10 img{ width:229px;}
.history-img-11{ top:2834px; left: calc(50% + 385px);}
.history-img-11 img{ width:641px;}
.history-img-12{ top:3339px; left: calc(50% + 200px);}
.history-img-12 img{ width:216px;}
.history-img-13{ top:3688px; left: calc(50% - 716px);}
.history-img-13 img{ width:349px;}
.history-img-14{ top:4131px; left: calc(50% + 512px);}
.history-img-14 img{ width:445px;}
.history-img-15{ top:4435px; left: calc(50% - 1048px);}
.history-img-15 img{ width:1014px;}
.history-img-16{ top:5070px; left: calc(50% - 129px);}
.history-img-16 img{ width:206px;}
.history-img-17{ top:5341px; left: calc(50% - 901px);}
.history-img-17 img{ width:405px;}
.history-img-18{ top:5692px; left: calc(50% - 611px);}
.history-img-18 img{ width:247px;}
.history-img-19{ top:5805px; left: calc(50% - 1118px);}
.history-img-19 img{ width:754px;}
.history-img-20{ top:5612px; left: calc(50% + 293px);}
.history-img-20 img{ width:525px;}

.history-point{ position:absolute; width:44px;}
.history-point img{ width:44px;}
.history-point-01{ top:573px; left: calc(50% - 427px);}

.history-txt{ position:absolute;}
.history-txt img{ max-width:100%;}
.history-txt-01{ top:573px; left: calc(50% - 342px); width:300px;}
.animation-photo{top:577px; left: calc(50% + 26px); width:605px;}
.history-absolute{ position:absolute;}
.history-absolute img{ max-width:100%;}
.history-wah{ top:1192px; left: calc(50% + 539px); width:109px;}

.history-point-02{ top:1903px; left: calc(50% + 122px);}
.history-txt-02{ top:1872px; left: calc(50% - 358px); width:459px;}

.history-point-03{ top:2837px; left: calc(50% - 42px);}
.history-txt-03{ top:2815px; left: calc(50% - 470px); width:403px}

.history-slow{ top:3650px; left: calc(50% - 283px); width:68px;}

.history-point-04{ top:3861px; left: calc(50% - 30px);}
.history-txt-04{ top:3827px; left: calc(50% + 52px); width:291px;}

.history-nesw{ top:4463px; left: calc(50% + 362px); width:115px;}

.history-point-05{ top:5083px; left: calc(50% + 195px);}
.history-txt-05{ top:5056px; left: calc(50% + 255px); width:300px;}

.history-point-06{ top:5264px; left: calc(50% - 511px);}
.history-txt-06{ top:5260px; left: calc(50% - 451px); width:226px;}

.history-icon-Soup{ top:5577px; left: calc(50% - 334px); width:108px;}

.history-point-07{ top:5974px; left: calc(50% - 37px);}
.history-txt-07{ top:5936px; left: calc(50% - 145px); width:456px;}

.history-point-08{ top:6290px; left: calc(50% + 531px);}
.history-txt-08{ top:6370px; left: calc(50% + 477px); width:196px;}

.history-point-09{ top:6390px; left: calc(50% - 278px);}
.history-txt-09{ top:6422px; left: calc(50% - 439px); width:149px;}

.history-point-10{ top:6850px; left: calc(50% + 238px);}
.history-txt-10{ top:6930px; left: calc(50% + 139px); width:256px;}

.history-h{ position:absolute; top:7150px; left: calc(50% + 24px); width:48px;}
.history-h img{ width:100%;}

.animation-01{ top:776px; left: calc(50% - 312px); width:284px}
.animation-02{ top:1551px; left: calc(50% - 245px); width:87px;}
.animation-03{ top:2003px; left: calc(50% - 270px); width:93px;}
.animation-04{ top:2501px; left: calc(50% + 127px); width:246px;}
.animation-05{ top:2987px; left: calc(50% - 497px); width:71px}
.animation-06{ top:3666px; left: calc(50% - 130px); width:123px;}
.animation-07{ top:5243px; left: calc(50% - 248px); width:56px;}
.animation-08{ top:5206px; left: calc(50% + 270px); width:16px;}
.animation-09{ top:5819px; left: calc(50% - 488px); width:167px;}


/**/
.history-wah{-webkit-animation: animation1_wah 0.8s infinite ease-in-out;
  animation: animation1_wah 0.8s infinite ease-in-out;}
@-webkit-keyframes animation1_wah {
  0%, 100% { -webkit-transform: scale(1.0) rotateZ(5deg) }
  50% { -webkit-transform: scale(1.1) rotateZ(-5deg) }
}

@keyframes animation1_wah {
  0%, 100% {  transform: scale(1.0) rotateZ(5deg);  -webkit-transform: scale(1.0);}
  50% { transform: scale(1.1) rotateZ(-5deg); -webkit-transform: scale(1.1) rotateZ(-5deg); }
}

.animation-01{-webkit-animation: animation1 0.8s infinite ease-in-out;
  animation: animation1 0.8s infinite ease-in-out;}
@-webkit-keyframes animation1 {
  0%, 100% { -webkit-transform: scale(1.0) }
  50% { -webkit-transform: scale(1.1) }
}

@keyframes animation1 {
  0%, 100% {  transform: scale(1.0);  -webkit-transform: scale(1.0);}
  50% { transform: scale(1.1); -webkit-transform: scale(1.1); }
}

.animation-02{-webkit-animation: animation2 0.8s infinite ease-in-out;
  animation: animation2 0.8s infinite ease-in-out;}
@-webkit-keyframes animation2 {
  0%, 100% { width:87px; height:43px;}
  50% { width:97px; height:43px;}
}

@keyframes animation2 {
  0%, 100% { width:87px; height:43px;}
  50% { width:97px; height:43px;}
}

.animation-03{-webkit-animation: animation3 0.8s infinite ease-in-out;
  animation: animation3 0.8s infinite ease-in-out;}
@-webkit-keyframes animation3 {
  0%, 100% { -webkit-transform: rotateZ(5deg) }
  50% { -webkit-transform: rotateZ(-5deg) }
}

@keyframes animation3 {
  0%, 100% {  transform: rotateZ(5deg);  -webkit-transform: rotateZ(5deg);}
  50% {  transform:rotateZ(-5deg); -webkit-transform: rotateZ(-5deg);}
}

.animation-04{-webkit-animation: animation4 5.0s infinite linear;
  animation: animation4 5.0s infinite linear;}
@-webkit-keyframes animation4 {
  0% { -webkit-transform: rotateZ(0deg) }
  100% { -webkit-transform: rotateZ(360deg) }
}

@keyframes animation4 {
  0% {  transform: rotateZ(0deg);  -webkit-transform: rotateZ(0deg);}
  100% {  transform:rotateZ(360deg); -webkit-transform: rotateZ(360deg);}
}

.animation-05{-webkit-animation: animation5 2.5s infinite linear;
  animation: animation5 2.5s infinite linear;}
@-webkit-keyframes animation5 {
  0%,100%{ -webkit-transform:translate(0px,0px) }
  20% { -webkit-transform:translate(0px,-30px)}
  40% {-webkit-transform:translate(-20px,-60px)}
  60% {-webkit-transform:translate(-40px,-30px)}
  80% {-webkit-transform:translate(-20px,0px)}
}

@keyframes animation5 {
  0%,100%{  transform:translate(0px,0px);  -webkit-transform: translate(0px,0px);}
  20% {  transform:translate(0px,-30px); -webkit-transform:translate(0px,-30px);}
  40% {transform:translate(-20px,-60px); -webkit-transform:translate(-20px,-60px);}
  60% {transform:translate(-40px,-30px); -webkit-transform:translate(-40px,-30px);}
  80% {transform:translate(-20px,0px); -webkit-transform:translate(-20px,0px);}
}

.animation-06{-webkit-animation: animation6 3.0s infinite linear;
  animation: animation6 3.0s infinite linear;}
@-webkit-keyframes animation6 {
  0% { -webkit-transform: rotateZ(0deg) }
  100% { -webkit-transform: rotateZ(360deg) }
}

@keyframes animation6 {
  0% {  transform: rotateZ(0deg);  -webkit-transform: rotateZ(0deg);}
  100% {  transform:rotateZ(360deg); -webkit-transform: rotateZ(360deg);}
}

.animation-07{-webkit-animation: animation7 0.8s infinite ease-in-out;
  animation: animation7 0.8s infinite ease-in-out;}
@-webkit-keyframes animation7 {
  0%, 100% { -webkit-transform: rotateZ(5deg) }
  50% { -webkit-transform: rotateZ(-5deg) }
}

@keyframes animation7 {
   0%, 100% {  transform: rotateZ(5deg);  -webkit-transform: rotateZ(5deg);}
  50% {  transform:rotateZ(-5deg); -webkit-transform: rotateZ(-5deg);}
}

.animation-08{-webkit-animation: animation8 0.8s infinite ease-in-out;
  animation: animation8 0.8s infinite ease-in-out;}
@-webkit-keyframes animation8 {
  0%, 100% { -webkit-transform: rotateZ(5deg) }
  50% { -webkit-transform: rotateZ(-5deg) }
}

@keyframes animation8 {
  0%, 100% {  transform: rotateZ(5deg);  -webkit-transform: rotateZ(5deg);}
  50% {  transform:rotateZ(-5deg); -webkit-transform: rotateZ(-5deg);}
}

.animation-09{-webkit-animation: animation9 0.8s infinite ease-in-out;
  animation: animation9 0.8s infinite ease-in-out;}
@-webkit-keyframes animation9 {
  0%, 100% { -webkit-transform: scale(1.0) }
  50% { -webkit-transform: scale(1.1) }
}

@keyframes animation9 {
  0%, 100% {  transform: scale(0.0);  -webkit-transform: scale(1.0);}
  50% { transform: scale(1.0); -webkit-transform: scale(1.1); }
}
/*foot*/
#wp-footer{}
#footer{}
.loadone .footer{ opacity:1;}
.footer{ background-color:#2c262b; padding-top:40px; position:fixed; width:100%;  bottom:0; z-index:1; opacity:0; transition-delay:0.5s; transition:all 0.5s; }
.footer .container-fluid{ max-width:1600px;}
.footer-top { color:#fff; padding:15px 0;}
.footer-top h2{ font-family: 'LeagueGothic-Regular'; font-size:60px; line-height:48px; font-weight:400; color:#ccc; font-style:italic; padding:40px 0 20px; /*padding:30px 0; transform: rotate(350deg) ;
-webkit-transform: rotate(350deg) ;
-moz-transform: rotate(350deg) ;
-o-transform: rotate(350deg) ;
-ms-transform: rotate(350deg) ;*/}
.footer-top h2 img{ max-width:292px;}
.footer-top li{ display:inline-block; font-size:14px; padding-right:4%; padding-top:10px; padding-bottom:10px;}
.footer-top li:last-child{ padding-right:0;}
.footer-top li a{ color:#fff;}
.footer-top form{}
.footer-top .form-group{ position:relative;}
.footer-top .form-control{ border-radius:0; box-shadow:none; background-color:transparent; height:40px; border-color:#ccc; font-family: 'Gotham-Bold'; font-weight:300; height:70px; padding-right:70px; color:#ccc;}
.footer-top .btn{ position:absolute; width:110px; right:0; top:0; border-radius:0; border-color:#fff; background-color:transparent; height:40px; }
.footer-top .btn:focus{ color:#fff;}
.footer-top button{position:absolute; background-color:transparent; right:10px; top:10px; font-size:28px;display:none;}
.response{font-family: 'Jost-Regular'; font-weight:300; color:#de4536;}
.response a{color:#de4536; text-decoration:underline;}
.footer-top input[type="submit"]{ height:70px; width:100%; background-color:#ccc; color:#2b252a; text-transform:uppercase; text-align:center;}

.footer-bottom{ padding-bottom:10px; font-size:13px; color:#999;}
.footer-bottom .container-fluid{ /*max-width:1000px;*/}
.footer-bottom img{  display:block; margin:0 auto; max-width:170px;}
.footer-bottom dl{ /*padding-top:30px; */font-family: 'Gotham-Bold';  text-align:center;}
.footer-bottom dt{ text-transform:uppercase; font-size:14px; padding:0 5px;  color:#ccc;}
.footer-bottom dd{ display:blcok;  /*text-transform:uppercase;*/ font-size:14px; padding:5px 5px 0; font-family: 'Jost-Regular';}
.footer-bottom dd:last-child{ padding-bottom:15px;}
.footer-bottom dd a{ color:#ccc;}
.footer-bottom p{ padding-top:10px; color:#999; font-size:10px}
.footer-bottom li{ display:inline-block; padding-top:10px; font-size:10px; padding:0 8px;}
.footer-bottom li a{ color:#999;}
#topcontrol{ z-index:9999;}
.footer-dt-icon{ position:absolute; right:0; color:#df4636; font-size:18px;}
.footer-dt-icon .fa-minus{ display:none;}
.footer-bottom .ac:first-of-type {
  margin-bottom: 40px;
}
.footer-social li {
  position: relative;
  padding-right: 0;
}
.footer-social li:first-of-type {
  padding-left: 0;
}
.footer-social li:not(:first-of-type) {
  padding-left: 15px;
}
.footer-social li a {
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid #df4636;
  background-color: #2c262b;
  text-align: center;
  color: #fff;
  font-size: 30px;
  padding-top: 4px;
  vertical-align: middle;
}
/**/
.pop-wrap{ position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999; display:none;}
.pop-wrap .pop-before{ display:block; position:fixed; top:0; right:0; bottom:0; left:0; z-index:98;}
.pop-wrap .div-table { width:100%;}
.pop-wrap .table-cell>div{ position:relative; z-index:999;}
.pop-content{ width:320px; margin:0 auto; background-color:#fff; /*padding:20px;*/ position:relative; z-index:999;}
.pop-title{ position:absolute; top:13px; right:13px;}
.pop-main h5{ font-size:11px; text-transform:uppercase; padding:20px 20px 13px;}
.pop-main p{ font-size:15px; font-family: 'Jost-Regular' , 'Noto Sans TC'; padding:0 20px 20px;}

#location-pop{ background-color:#fff; z-index:997; text-transform:uppercase;}
#location-pop h3{ font-size:36px; text-transform:uppercase;font-family: 'Jost-Bold'; padding-bottom:20px;}
#location-pop li{ font-size:36px; font-family: 'Jost-Bold'; position:relative; margin-top:20px; transition:all 0.3s;}
#location-pop li a{ color:#df4636;}
#location-pop li a:hover,#location-pop li.active a{ color:#f69d94;}
/*#location-pop li:after{ content:""; display:block; background-color:#df4636; height:2px; width:136px; margin:10px auto; opacity:0; transition:all 0.3s;}
#location-pop li:hover:after{ opacity:1;}
#location-pop li.active:after{ opacity:1;}*/
.location-pop-box{ max-width:494px; margin:0 auto; padding-top:90px; transition:all 0.3s;}
.scroll .location-pop-box{ padding-top:0;}
/* 下列为CSS3部分 */
/*iphone*/
.iphone .home-banner-box h1{/* margin-left:-50%;line-height:50px;*/ }
/*.iphone .home-bottom-banner li:nth-child(1) p{ margin-left:-93px;}
.iphone .home-bottom-banner li:nth-child(2) p{ margin-left:-94px;}
.iphone .home-bottom-banner li:nth-child(3) p{ margin-left:-59px;}
.iphone .home-bottom-banner li:nth-child(4) p{ margin-left:-42px;}
.iphone .home-bottom-banner li:nth-child(5) p{ margin-left:-76px;}*/
.iphone .footer-top h2{ /*margin-left:-50%;*/}

.controls {
  text-align: left;
  position: relative;
}
.controls input[type="text"],
.controls input[type="password"],
.controls input[type="email"],
.controls input[type="tel"],
.controls textarea,
.controls button,
.controls select {
  padding: 14px 12px 13px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius:0;
  width: 100%;
  color: #000;
  font-weight: 300;
  background-color: #fff;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.controls input[type="text"]:focus, .controls input[type="text"]:hover,.controls input[type="password"]:focus, .controls input[type="password"]:hover,
.controls input[type="email"]:focus,
.controls input[type="email"]:hover,
.controls input[type="tel"]:focus,
.controls input[type="tel"]:hover,
.controls textarea:focus,
.controls textarea:hover,
.controls button:focus,
.controls button:hover,
.controls select:focus,
.controls select:hover {
  outline: none;
  border-color: #ccc;
}
.controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label,
.controls input[type="email"]:focus + label,
.controls input[type="email"]:hover + label,
.controls input[type="tel"]:focus + label,
.controls input[type="tel"]:hover + label,
.controls textarea:focus + label,
.controls textarea:hover + label,
.controls button:focus + label,
.controls button:hover + label,
.controls select:focus + label,
.controls select:hover + label {
  color: #666;
  cursor: text;
}
.controls .fa-sort,.controls .fa-angle-down {
  position: absolute;
      color: #ccc;
	  top:10px;
	  right:10px;
    font-size: 24px;
    border: 1px solid #ccc;
    width: 48px;
    text-align: center;
    padding-top: 11px;
    padding-bottom: 11px;
}
.controls .fa{pointer-events: none;}
.controls .fa-angle-down:{}
.controls select {
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}
.controls label {
  position: absolute;
  font-size:14px;
  left: 3px;
  top: 22px;
  color: #999;
  display: inline-block;
  padding: 4px 10px;
  font-weight: 400;
  text-transform: capitalize;
  background-color: rgba(255, 255, 255, 0);
  pointer-events: none;
  -moz-transition: color 0.3s, top 0.3s, background-color 0.8s;
  -o-transition: color 0.3s, top 0.3s, background-color 0.8s;
  -webkit-transition: color 0.3s, top 0.3s, background-color 0.8s;
  transition: color 0.3s, top 0.3s, background-color 0.8s;
}
.controls label.active {
  top: -11px;
  color: #666 !important;
  background-color: #2c262b;
  font-size:11px;
  text-transform: uppercase;
  opacity:0;
}
.controls textarea {
  resize: none;
  height: 200px;
}
.controls button {
  cursor: pointer;
  background-color: #07B3A1;
  border: none;
  color: #fff;
  padding: 12px 0;
}
.controls button:hover {
  background-color: #08ccb7;
}

div.mce_inline_error{ text-align:center; padding-top:20px; color:#df4636;}
/* end iphone*/
@media screen and (min-width:1200px) {
  .pc-logo{
    padding-left:0;
    padding-right:0;
  }
	.bp-website{ padding-left:74px;}
	.pc-menu .col-lg-8{ padding-left:12px;}
  .pc-menu .col-lg-8 ul{ padding-left:20px;}
  .pc-shopping {width: 23%;}
}

@media screen and (min-width:992px) {

	.container-fluid {padding-left: 25px; padding-right: 25px;}

	.footer{ padding-bottom:20px;}
	.footer-top .form-group{ margin-bottom:0;}

	.content{ margin-bottom:730px; z-index:2}

	.home-bottom-banner{ padding:120px 0;}
	.home-bottom-banner h2{ padding-bottom:72px;}
	/*.home-bottom-banner ul{ display:table; width:100%; max-width:1300px; margin:0 auto;}
	.home-bottom-banner li{ display:table-cell; width:20%; padding:0 10px;}*/
	.footer-top form{ max-width:840px; margin:20px auto;}
	.gallery-top .swiper-slide{ padding-top:133px;}
	.add-ons h2{ padding:110px 0 40px;}
	.insta-box h1{ padding:110px 0 40px;}

	.appetizer-box-txt{ position:absolute; bottom:10px; width:100%; color:#fff; }
	.desserts{ padding:110px 0;}
	.desserts .productDetails-list,.desserts h2,.desserts p{ max-width:320px}
	.drinks{ padding:120px 0;}

	.ourlocations-main{ padding-left:0; padding-right:0; overflow:hidden; max-width:100%;}
	.ourlocations-row{ display:table; width:100%; margin-left:0; margin-right:0; min-height:640px;}
	.ourlocations-row .col-xs-12{ display:table-cell; vertical-align:middle; float:none; padding-left:0; padding-right:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
	.ourlocations-row .col-xs-12 img{ opacity:0;}

	.ourlocations-row:nth-child(2n) .col-xs-12:nth-child(1){ right:-50%;}
	.ourlocations-row:nth-child(2n) .col-xs-12:nth-child(2){ left:-50%;}
	.careers-banner .swiper-slide{ height:600px;}
	.careers-banner h2{ font-size:75px;}
	.careers-bottom .container-fluid{ padding-left:0; padding-right:0;}
	.careers-bottom .row{ display:table; margin-left:0; margin-right:0; width:100%;}
	.careers-bottom .col-xs-12{ display:table-cell; padding-left:0; padding-right:0; float:none;}
	.careers-bottom img{ opacity:0;}
	.discover-banner-txt h2 br{ display:none; }
}
@media screen and (min-width:769px){
	.careers-bottom img{ opacity:0;}
}
@media screen and (min-width:768px) {
	.footer-bottom ul{ display:inline-block;}
	.footer-bottom p{ display:inline-block;}
	.footer-dt-icon{ display:none;}
	.footer-bottom dd{ display:blcok !important; }

	.productDetails-soup-table{ display:table; width:100%;}
	.productDetails-soup-table .col-sm-6{ display:table-cell; vertical-align: middle; float:none;}
	.productDetails-img{ right:-50%;}
	.productDetails-info-content{ left:-50%;}

	.appetizer-line{ max-width:100%; padding-left:0; padding-right:0;}
	.appetizer-line .row{ margin-left:0; margin-right:0;}
	.appetizer-line .col-xs-12{ padding-left:0; padding-right:0;}

	.desserts .row{ display:table; width:100%;}
	.desserts .col-xs-12{ display:table-cell; vertical-align:middle; float:none;}
	.other-content{ padding-top:153px;}
	.appetizer-box-china .appetizer-box-txt{ position:absolute; bottom:10px; width:100%; color:#fff; }
}
@media (min-width:768px) and  (max-width:1280px){
	.history-list{ position:fixed; left: calc(50% - 354px); z-index:98}

	.history-02{ background-image:url(../../_images/History-line-table-2018.png); height:7397px; background-size:768px auto;}
	#history-02{ top:310px; }
	#history-03{ top:1527px; }
	#history-04{ top:2458px; }
	#history-05{ top:3500px; }
	#history-06{ top:4636px; }
	#history-07{ top:5617px; }

	.history-img-01{ top:15px; left: calc(50% - 631px);}
	.history-img-01 img{ width:595px;}
	.history-img-02{ top:203px; left: calc(50% + 138px);}
	.history-img-02 img{ width:355px;}
	.history-img-03{ top:980px; left: calc(50% - 575px);}
	.history-img-03 img{ width:446px;}
	.history-img-04{ top:1190px; left: calc(50% - 946px); opacity:0;}
	.history-img-04 img{ widows:765px;}
	.history-img-05{ top:1527px; left: calc(50% + 309px);}
	.history-img-05 img{ width:231px;}
	.history-img-06{ top:1730px; left: calc(50% - 504px);}
	.history-img-06 img{ width:311px;}
	.history-img-07{ top:1945px; left: calc(50% - 742px);}
	.history-img-07 img{ width:716px;}
	.history-img-08{ top:2956px; left: calc(50% - 678px);}
	.history-img-08 img{ width:523px;}
	.history-img-09{ top:2528px; left: calc(50% + 123px);}
	.history-img-09 img{ width:272px;}
	.history-img-10{ top:2238px; left: calc(50% + 258px);}
	.history-img-10 img{ width:229px;}
	.history-img-11{ top:3334px; left: calc(50% + 234px);}
	.history-img-11 img{ width:641px;}
	.history-img-12{ top:3317px; left: calc(50% + 138px);}
	.history-img-12 img{ width:216px;}
	.history-img-13{ top:3503px; left: calc(50% - 614px);}
	.history-img-13 img{ width:349px;}
	.history-img-14{ top:3927px; left: calc(50% + 298px);}
	.history-img-14 img{ width:445px;}
	.history-img-15{ top:4110px; left: calc(50% - 753px);}
	.history-img-15 img{ width:1014px;}
	.history-img-16{ top:5175px; left: calc(50% + 93px);}
	.history-img-16 img{ width:206px;}
	.history-img-17{ top:5341px; left: calc(50% - 901px);}
	.history-img-17 img{ width:405px;}
	.history-img-18{ top:5619px; left: calc(50% - 509px);}
	.history-img-18 img{ width:247px;}
	.history-img-19{ top:5832px; left: calc(50% - 896px);}
	.history-img-19 img{ width:754px;}
	.history-img-20{ top:5444px; left: calc(50% + 9px);}
	.history-img-20 img{ width:525px;}

	.history-point img{ width:44px;}
	.history-point-01{ top:573px; left: calc(50% - 335px);}

	.history-txt-01{ top:573px; left: calc(50% - 248px);}
	.animation-photo{top:577px; left: calc(50% + 106px); width:605px;}
	.history-absolute{ position:absolute;}
	.history-wah{ top:1286px; left: calc(50% + 238px);}

	.history-point-02{ top:1903px; left: calc(50% + 245px);}
	.history-txt-02{ top:1872px; left: calc(50% - 235px);}

	.history-point-03{ top:2837px; left: calc(50% + 234px);}
	.history-txt-03{ top:2815px; left: calc(50% - 194px);}

	.history-slow{ top:3678px; left: calc(50% - 333px);}

	.history-point-04{ top:3861px; left: calc(50% - 213px);}
	.history-txt-04{ top:3827px; left: calc(50% - 131px);}

	.history-nesw{ top:4463px; left: calc(50% + 242px);}

	.history-point-05{ top:4904px; left: calc(50% - 60px);}
	.history-txt-05{ top:4878px; left: calc(50% + 1px);}

	.history-point-06{ top:5197px; left: calc(50% - 302px);}
	.history-txt-06{ top:5197px; left: calc(50% - 244px);}

	.history-icon-Soup{ top:5577px; left: calc(50% - 174px);}

	.history-point-07{ top:5929px; left: calc(50% - 35px);}
	.history-txt-07{ top:5892px; left: calc(50% - 142px);}

	.history-point-08{ top:6238px; left: calc(50% + 197px);}
	.history-txt-08{ top:6319px; left: calc(50% + 143px);}

	.history-point-09{ top:6359px; left: calc(50% - 135px);}
	.history-txt-09{ top:6391px; left: calc(50% - 296px);}

	.history-point-10{ top:6860px; left: calc(50% - 158px);}
	.history-txt-10{ top:6950px; left: calc(50% - 269px);}

	.history-h{ top:7200px; left: calc(50% + 1px); }

	.animation-01{ top:776px; left: calc(50% - 221px); width:284px}
	.animation-02{ top:1551px; left: calc(50% - 245px); width:87px;}
	.animation-03{ top:2003px; left: calc(50% - 147px); width:93px;}
	.animation-04{ top:2501px; left: calc(50% + 127px); width:246px;}
	.animation-05{ top:2987px; left: calc(50% - 220px); width:71px}
	.animation-06{ top:3629px; left: calc(50% - 211px); width:123px;}
	.animation-07{ top:5174px; left: calc(50% - 38px); width:56px;}
	.animation-08{ top:5025px; left: calc(50% + 13px); width:16px;}
	.animation-09{ top:5744px; left: calc(50% - 384px); width:167px;}

}
@media (min-width:768px) and  (max-width:1200px){
	.menu-main .col-lg-8 li{ font-size:13px; padding-right:0; padding-left:8px;}
	.menu-main .col-lg-8 li:frist-child{ padding-left:10px;}
	.menu-main .col-lg-8 li:last-child{ padding-right:0;}
	.header-social li{ padding-left:0;}
	.pc-menu .header-social{ margin-top:-5px;}
	.pc-menu .col-xs-12.ar{ padding-left:0;}
	.bp-website{ margin-left:23px;}


}
@media (min-width:768px) and  (max-width:1024px){

}
@media (min-width:768px) and  (max-width:991px){
	.add-ons h2{ padding:60px 0 20px;}
	.insta-box h1{ padding:60px 0 20px;}
	.desserts{ padding:60px 0;}
	.content{ margin-bottom:830px;}
	.ourlocations-box{ padding:80px 0;}
}
@media all and (max-width: 1600px){
	.productDetails-gallery .swiper-scrollbar{ background-color:rgba(204,204,204,0.5); opacity:1 !important; display:block !important;}
}
/* 默认宽屏样式 */
@media all and (max-width: 1280px) {
	.home-discover-banner img{ margin-top:20px;}
}
@media all and (max-width: 1024px) {
  .products-all-main .mini-banner-box{ min-height:320px;}

  .home-discover-banner img{ margin-top:40px;}
}
@media all and (max-width: 991px) {
	.footer{ text-align:center;}
   .footer .ar{ text-align:center;}
   .footer-bottom dl{ padding-top:10px; padding-bottom:20px;}
   .footer-top .ar{ text-align:center;}
   .footer-top ul{ padding-bottom:15px;}
   .footer-top li{ padding-left:0; padding-right:0; width:33%; text-align:center; }

   .pc-menu{ display:none;}
   .mob-menu{ display:block;}
   .navbar-toggle{ position:absolute; right:0; padding:9px 25px; margin-right:0;}
   .navbar-brand{ width:100%; text-align:center;}
   .navbar-brand img{ margin:-19px  auto 0;}
   .navbar-default{ background-color:transparent;border-bottom:none;}
   .navbar-header{ background-color:#df4636;  }
   #navbar{ background-color:#222222; max-height:440px; padding-top:15px; border-top:none;}
   .navbar-default .navbar-nav > li > a{ color:#fff;}
   .navbar-nav > li > a{font-family: 'Jost-Bold';  font-size:22px; line-height:inherit; text-align:center; color:#fff; text-transform:uppercase;}
   .mob-website-list>li>a{ font-size:13px;}
   .navbar-nav{ margin-top:0; margin-bottom:0;}
   .navbar-default .navbar-toggle .icon-bar{ background-color:#fff;}

   .content{ /*padding-top:100px;*/}
   .productDetails-gallery-box{ border-radius:0; background-color:#333333; transform:translateY(0);}
   .productDetails-gallery-box:focus{ background-color:333333;}
   .productDetails-fix-tool{ margin-top:180px;}
   .productDetails-gallery .swiper-scrollbar{ opacity:1 !important; display:block !important;}

   .talktous-line-box{ text-align:center;}
   .careers-line { padding:75px 0;}
   .careers-bottom .col-xs-12{ background-image:none;}
   .careers-box{ margin-bottom:12px;}

   .home-discover-banner .al, .home-discover-banner .ar{text-align:center;}
   .discover-banner-txt{ padding-top:30px; padding-bottom:30px;}
   .discover-banner-txt h2{ font-size:40px;}
   .home-discover-banner img{ margin-top:40px;}
}
@media all and (max-width: 768px) {
  .pc-img{ display:none;}
	.mob-img{ display:block;}
	.appetizer-box{ background-image:none !important;}
}
@media all and (max-width: 767px) {
	.pc{ display:none;}
	.mob{ display:block;}
   .width-50{ width:100%}
   .fakeloader{ background-size:cover;}
   .fakeloader img{ max-width:72px;}
   .footer{ text-align:center; position:relative;}
   .footer .ar{ text-align:center;}
   .footer-top li{ padding-left:0; padding-right:0; display:block; width:100%;}
   .footer-top h2{ font-size:46px; line-height:42px; padding:30px 0;}
   .footer-top .form-control{ height:50px;}
   .footer-top button{ height:30px;}
   .footer-top button img{ max-width:30px; top:10px; vertical-align:top;}
   .footer-bottom dd{ display:block;}
   .footer-top h2 img{ max-width:232px;}
   .footer-bottom dl{ text-align:left; border-top:1px solid #ccc; padding-bottom:0; padding-top:0; }
   .footer-bottom dt{ position:relative; padding:15px 0;}
   .footer-bottom dd{ padding:0 0 5px; display:none;}
   .footer-bottom div.ac {
     padding-top:20px;
    }
   .footer-bottom div.ac:first-of-type {
    margin-bottom: 0;
    border-top:1px solid #ccc;
   }
   .footer-social li a {
    width: 34px;
    height: 34px;
    font-size: 18px;
    padding-top: 3px;
  }

   .navbar-nav > li > a{ font-size:18px;}
   .mob-website-list>li>a{ font-size:13px;}

   #location-pop h3{ font-size:18px;}
   #location-pop li{ font-size:18px;}

   .home-banner{ display:none;}
   .home-banner-mob{ display:block; text-align:center;}
   .home-banner-mob .swiper-slide{ height:100vh; background-position:center; background-repeat:no-repeat; background-size:cover; min-height:568px;}
   .home-banner-mob .swiper-slide:nth-child(2) .table-cell{ vertical-align:top;}
   .home-banner-mob .home-banner-box{ padding-top:130px;}
   .home-banner-mob h1{ font-size:100px; line-height:90px;}
   .home-banner-mob .swiper-button-next,.home-banner-mob .swiper-button-prev{ display:none;}
   /*.home-banner-mob .swiper-pagination-bullet{ border-radius:0; border:2px solid #fff; background-color:transparent; opacity:1; height:10px; width:60px;}
	.home-banner-mob .swiper-pagination-bullet-active{ background-color:#fff;}*/
	.home-banner-mob .swiper-pagination-bullet{ background-color:transparent; border:2px solid #fff; width:14px; height:14px; opacity:1; position:relative;}
	.home-banner-mob .swiper-pagination-bullet-active:after{ content:""; display:block; position:absolute; width:4px; height:4px; border-radius:100%; background-color:#fff; top:3px; left:3px;}
   .home-banner-box{ padding:30px 10px; text-align:center; /*min-height:260px;*/}
    h2{ font-size:30px;}

	.mini-banner-line .table-cell{ text-align:left; padding-right:40px;}
	.mini-banner-line .swiper-button-prev-top,.mini-banner-line .swiper-button-next-top{ right:0;}


	.mini-banner-box{ margin-bottom:10px;}
	.sm-banner-box{ margin-bottom:10px;}

	.productDetails-fix-tool{ /*display:none; margin-top:30px;*/}
	.productDetails-info .width-50 { width:50%;}
	.productDetails-img{ padding-bottom:25px;}
	.productDetails-img img{ max-width:50%; margin-top:24px; margin-bottom:24px;}
	.productDetails-gallery{ display:none;}
	.productDetails-soup .col-md-10{ padding-left:0; padding-right:0;}
	.productDetails-soup .swiper-pagination{ top:40%; display:block;}

	.detail .productDetails-soup{ padding-top:100px}
   .gallery-top .swiper-slide{ padding-bottom:0; padding-top:0;}
   .gallery-top .swiper-slide .productDetails-img img{ /*opacity:1;*/}
   .gallery-top .swiper-slide .container-fluid{ padding-left:0; padding-right:0;}
   .gallery-top .swiper-slide .row{ margin-left:0; margin-right:0;}
   .gallery-top .swiper-slide .col-xs-12{ padding-left:0; padding-right:0;}
   .productDetails-info-box{ min-height:405px;}

   .productDetails-bottom h2{ font-size:36px;}
   .productDetails-info-content{ background-color:#333;}
   .productDetails-info{ margin:0 auto; }
   .soup-full-img{ background-size:auto 350px; background-position:top center;}

   .other-content h1{ font-size:18px;}
   .ourlocations h3{ font-size:20px;}
   .ourlocations h1{ font-size:30px; padding-bottom:50px; padding-top:50px;}
	 .ourlocations h1 img{ max-height:35px;}
   .ourlocations-box li{ display:block; padding-left:0; padding-right:0;}
   .ourlocations-box li:after{ display:none;}
   .ourlocations-box li i{ display:block;}

   .careers-line { padding:35px 0;}
   .careers-line h2{ font-size:18px; line-height:30px;}

   .careers-line p{ font-size:14px; line-height:26px;}
   .talktous-banner{ height:393px; padding-top:93px;}
   .talktous-banner h1{; font-size:40px; line-height:46px;}
   .talktous-banner h3{ text-transform:uppercase; font-size:18px; line-height:30px;}

   .ourlocations-title h1:after{ border-top:30px solid #fff; width:60px; bottom:-29px; z-index:999; border-right:30px solid transparent; border-left:30px solid transparent; left:50%; margin-left:-30px;}


   /**/
   .history-page{ padding-bottom:40px;}
    .history-list{ position:fixed; left: 10px; z-index:98}
	.history-01{ background-image:url(../../_images/History-01-mob.png); height:366px; background-size:auto;}
	.history-01 svg{ width:61px; top:138px; margin-left:-30px;}
	.smoke{ top:140px;}
	.smoke-box{ position:relative; width:100px; height:125px; transform:scale(0.6);}
	.smoke-01{ background-image:url(../../_images/Smoke-01.png); width:27px; height:152px; left:0; bottom:4px; }
	.smoke-02{ background-image:url(../../_images/Smoke-02.png); width:35px; height:226px; bottom:12px; left:34px; transition-delay:0.7s;}
	.smoke-03{ background-image:url(../../_images/Smoke-03.png); width:23px; height:136px; right:0; bottom:0;transition-delay:0.5s;}

	.history-02{ background-image:url(../../_images/History-line-mob-2018.png); height:4306px;background-size:320px auto;}
	#history-02{ top:121px; }
	#history-03{ top:689px; }
	#history-04{ top:1257px; }
	#history-05{ top:1825px; }
	#history-06{ top:2393px; }
	#history-07{ top:2961px; }

	.history-img-01{ top:10px; left: calc(50% - 323px);}
	.history-img-01 img{ width:298px;}
	.history-img-02{ top:103px; left: calc(50% + 1px);}
	.history-img-02 img{ width:178px;}
	.history-img-03{ top:793px; left: calc(50% - 216px);}
	.history-img-03 img{ width:171px;}
	.history-img-04{ top:1190px; left: calc(50% - 946px); opacity:0;}
	.history-img-04 img{ widows:765px;}
	.history-img-05{ top:1158px; left: calc(50% + 89px);}
	.history-img-05 img{ width:231px;}
	.history-img-06{ top:1730px; left: calc(50% - 504px);}
	.history-img-06 img{ width:311px;}
	.history-img-07{ top:1945px; left: calc(50% - 742px); display:none;}
	.history-img-07 img{ width:716px;}
	.history-img-08{ top:2956px; left: calc(50% - 678px);}
	.history-img-08 img{ width:523px;}
	.history-img-09{ top:2903px; left: calc(50% + 53px);}
	.history-img-09 img{ width:272px;}
	.history-img-10{ top:3761px; left: calc(50% + 45px);}
	.history-img-10 img{ width:229px;}
	.history-img-11{ top:3334px; left: calc(50% + 234px);  display:none;}
	.history-img-11 img{ width:641px;}
	.history-img-12{ top:540px; left: calc(50% - 1px);}
	.history-img-12 img{ width:131px;}
	.history-img-13{ top:3503px; left: calc(50% - 614px);}
	.history-img-13 img{ width:349px;}
	.history-img-14{ top:1708px; left: calc(50% - 281px); transform:rotate(50deg);}
	.history-img-14 img{ width:266px;}
	.history-img-15{ top:4110px; left: calc(50% - 753px); display:none;}
	.history-img-15 img{ width:1014px;}
	.history-img-16{ top:3529px; left: calc(50% + 45px);}
	.history-img-16 img{ width:206px;}
	.history-img-17{ top:5341px; left: calc(50% - 901px); display:none;}
	.history-img-17 img{ width:405px;}
	.history-img-18{ top:3773px; left: calc(50% - 261px);}
	.history-img-18 img{ width:206px;}
	.history-img-19{ top:5832px; left: calc(50% - 896px); display:none;}
	.history-img-19 img{ width:754px;}
	.history-img-20{ top:2291px; left: calc(50% - 335px);}
	.history-img-20 img{ width:314px;}

	.history-point img{ width:29px;}
	.history-point-01{ top:323px; left: calc(50% - 134px);}

	.history-txt-01{ top:323px; left: calc(50% - 78px); width:196px;}
	.history-txt-01 img{ max-width:100%;}
	.animation-photo{top:659px; left: calc(50% + 35px); width:302px; }
	.history-absolute{ position:absolute;}
	.history-wah{ top:1286px; left: calc(50% + 238px);}

	.history-point-02{ top:956px; left: calc(50% + 108px);}
	.history-txt-02{ top:940px; left: calc(50% - 138px); width:235px}

	.history-point-03{ top:1497px; left: calc(50% + 109px);}
	.history-txt-03{ top:1484px; left: calc(50% - 121px); width:217px;}

	.history-slow{ top:1733px; left: calc(50% - 47px);}

	.history-point-04{ top:2066px; left: calc(50% - 124px);}
	.history-txt-04{ top:2042px; left: calc(50% - 89px); width:226px;}

	.history-nesw{ top:2585px; left: calc(50% + 242px); display:none;}

	.history-point-05{ top:2585px; left: calc(50% - 139px);}
	.history-txt-05{ top:2564px; left: calc(50% - 95px); width:237px;}

	.history-point-06{ top:2830px; left: calc(50% - 135px);}
	.history-txt-06{ top:2827px; left: calc(50% - 89px); width:174px;}

	.history-icon-Soup{ top:5577px; left: calc(50% - 174px);}

	.history-point-07{ top:3188px; left: calc(50% - 83px);}
	.history-txt-07{ top:3167px; left: calc(50% - 148px); width:271px;}

	.history-point-08{ top:3361px; left: calc(50% + 40px);}
	.history-txt-08{ top:3423px; left: calc(50% - 13px); width:140px;}

	.history-point-09{ top:3665px; left: calc(50% - 125px);}
	.history-txt-09{ top:3658px; left: calc(50% - 81px); width:125px;}

	.history-point-10{ top:3980px; left: calc(50% + 65px);}
	.history-txt-10{ top:4040px; left: calc(50% + 25px); width:128px;}

	.history-h{ display:none; }

	.animation-01{ top:456px; left: calc(50% - 59px); width:186px}
	.animation-02{ top:740px; left: calc(50% - 60px); width:87px; transform:rotate(30deg);}
	.animation-03{ top:1007px; left: calc(50% - 93px); width:48px;}
	.animation-04{ top:2876px; left: calc(50% + 57px); width:246px;}
	.animation-05{ top:1577px; left: calc(50% - 134px); width:38px}
	.animation-06{ top:1321px; left: calc(50% - 110px); width:123px;}
	.animation-07{ top:2814px; left: calc(50% + 68px); width:43px;}
	.animation-08{ top:2682px; left: calc(50% - 82px); width:13px;}
	.animation-09{ top:3853px; left: calc(50% - 191px); width:167px;}

	.discover-banner-txt h2{ font-size:30px;}
	.home-discover-banner .btn{ padding:10px 15px;}
	.controls label{ top:13px;}
	.controls .fa-sort, .controls .fa-angle-down{ width:30px; padding-top:2px; padding-bottom:2px;}
	.footer-top input[type="submit"]{ height:50px;}

}
@media all and (max-width: 768px) {

  .home-mini-banner-03 figure, .home-mini-banner-04 figure{
    height: 300px;
  }

}
@media all and (max-width: 480px) {
	.productDetails-soup .swiper-pagination{ top:34%}
	.soon-icon{ max-width:130px; margin-left:-65px; margin-top:-65px;}

  .mini-banner-line .swiper-slide:nth-child(3){
    font-size: 12px;
    letter-spacing: -0.5px;
  }
}
@media all and (max-width: 380px) {
	.productDetails-soup .swiper-pagination{ top:32%}
}
@media all and (max-width: 320px) {
   	.productDetails-soup .swiper-pagination{ top:29%;}


}
@media screen and (max-width: 767px) {
	.pull-left{ margin-left:-10px;}
	.subcategory-side{ padding-left:20px;}
	.visible-xs button{ position:relative; margin-bottom:20px; border:none; background-color: #e72d31;}
	.visible-xs button:before{ content:"";  display:block; position:absolute; top:0px; right:-16px; border-top:16px solid transparent; border-bottom:16px solid transparent; width:16px; height:32px; border-left:16px solid #e72d31; /*background-color:#337ab7;*/}
	.visible-xs button:focus{ box-shadow:inherit; outline:none !important; background-color:#e72d31 !important;}
	.visible-xs button:hover:before{border-left:16px solid #e72d31; }
	.visible-xs button:focus:before{border-left:16x solid #e72d31; }
	.visible-xs button:after{content:""; display:block; position:absolute;}
	.faq-side ul{ padding-left:10px;}
.faq-content {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -75%; /* 9 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -75%; /* 9 columns */
  }

  .row-offcanvas-right.active {
    right: 75%; /* 9 columns */
  }

  .row-offcanvas-left.active {
    left: 75%; /* 9 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 75%; /* 9 columns */
  }
}
.menu-main li a:hover,
.menu-top li a:hover,
.footer-bottom dd a:hover,
a[href]:hover,
.ourlocations-box li a:hover{
	text-decoration: underline !important;
}

.meat-lover { background: black; margin-top: 20px; position: relative;}
.meat-lover h2 + p { text-align: center; color: white; margin-top: .5rem; }
.meat-lover ul { margin: 2rem 0; }
.meat-lover ul li { color: white; border-top: 1px solid #666666; line-height: 36px; font-family: 'Jost-Regular'; font-size: 14px; }
.meat-lover ul li:last-child { border-bottom: 1px solid #666666; }
.meat-lover .meat-img { background: url(../../_images/meat-lover.jpg); background-size: cover; padding-top: 50% }

@media all and (min-width: 768px) {
	.meat-lover { margin-top: 60px; }
	.meat-lover h2 { text-align: left; padding-top: 0; }
	.meat-lover h2 + p { text-align: left; }
	.meat-lover ul { max-width: 336px; margin-bottom: 0; }
	/*.meat-lover .meat-list { position: relative; padding: 13% 2rem 13% 0; }*/
	.meat-lover .meat-list { position: relative; padding: 13% 5rem 13%; }
	.meat-lover .meat-img { position: absolute; left: 50%; width: 50%; top: 0; padding-top: 0; bottom: 0; right: 0;}
}

@media all and (min-width: 992px) {
	.meat-lover { margin-top: 110px; }
}
 #weixin_qr{
	display: none;
	position: absolute;
	width: 100px;
	max-width: 100px;
  right: 0;
  top: 60px;
  z-index: 2;
 }
 #weixin_icon:hover +  #weixin_qr{
	display: block;
 }

 #email_popup{
    width: 500px;
    min-height: 270px;
    overflow-x: hidden;
    padding: 40px 10px 5px 10px;
  }
  #email_popup img{
    margin-bottom: 20px;
    margin-top: 5px;
  }
  #email_popup p{
    color: #999999;
    font-size: 16px;
    font-family: 'Jost-Regular', Helvetica, sans-serif;
    line-height: 1.8;
    margin-top: 20px;
  }
  #email_popup form{
    margin-top: 0px;
  }
  #email_popup form .form-group {
    margin-bottom: 0px;
  }
  #email_popup form .form-control{
    padding: 6px 0px;
  }
  #email_popup form input.email,#email_popup form select{
    border: none;
    border-bottom: 1px solid #999;
    height:50px;
    box-shadow:none;
  }
  #email_popup form .controls label{
    padding: 0 10px 15px 0px;
    top: 18px;
    left: 0px
  }
  #email_popup .controls .fa-angle-down{
    top: 0px;
    right: 0px;
    height: 40px;
    border:none;
    background-image: url(../../_images/select_btn.png);
    background-repeat: no-repeat;
    background-position-x: 30px;
  }
  #email_popup .fa-angle-down:before {
    content: "";
  }
  #email_popup div.btn_set{
    margin-top: 60px;
  }
  #email_popup .no_thanks{
   background: #979798;
   padding: 10px 20px;
   font-size: 12px;
   color:#fff;
   margin-top: 0px;
	position: absolute;
	cursor: pointer;
   width: 130px;
  }
  #email_popup .submit{
   background: #222222;
   padding: 10px 20px;
   font-size: 12px;
   color:#fff;
   width: 130px;
   float: right;
   border-radius: 0 !important;
  }
  .fancybox-skin{
    border-radius: 0px !important;
  }

  @media screen and (max-width: 767px) {
    #email_popup {
      width: 100%;
    }
    #email_popup img{
      margin-left: auto;
      margin-right: auto;
      display: block;
    }
    #email_popup p {
      color: #999999;
      font-size: 14px;
      margin-bottom: 30px;
    }
    #email_popup .controls .fa-angle-down{
      background-position-x: 10px;
    }
  }
@media screen and (max-width: 1280px) {
  .menu-main li{
      padding: 15px 0px 15px 15px;
  }
  .menu-main .header-social li {
    padding-right: 0;
    padding-left: 5px;
  }

}
@media all and (max-width: 1200px) {
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: auto;
  }
  .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .navbar-default {
    background-color: transparent;
    border-bottom: none;
  }
  .navbar-header {
    background-color: #df4636;
    float: none;
  }
  .header-social li {
    padding-left: 0;
  }
  .navbar-toggle {
    position: absolute;
    left: 0;
    padding: 9px 25px;
    margin-right: 0;
    display: block;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-brand {
    width: 100%;
    text-align: center;
  }
  .navbar-brand img {
    margin: -19px auto 0;
  }
  #navbar {
    background-color: #222222;
    max-height: 500px;
    padding-top: 15px;
    border-top: none;
  }
  .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-default .navbar-nav > li > a {
    color: #fff;
  }
  .navbar-nav > li > a {
    font-family: 'Jost-Bold';
    line-height: inherit;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
  }
  .mob-website-list > li > a {
    font-size: 13px;
  }
  .navbar-nav > li > a {
    font-size: 18px;
  }
  .mob-img {
    display: block;
  }
  .width-50 {
    width: 100%
  }
  .mob-website-list {
    background: #222;
  }
  .navbar-cart {
    position: absolute;
    right: 10px;
    padding: 10px;
    margin-right: 0;
    display: block;
    top: 2px;
  }
  .navbar-cart a {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    background-color: #fff;
    text-align: center;
    color: #df4636;
    font-size: 14px;
    padding-top: 2px;
    vertical-align: middle;
    padding: 3px;
  }
  .navbar-cart .fa {
    vertical-align: bottom;
    font-size: 15px;
  }
  .header-order-btn {
    display: flex;
  }
  .header-order-btn a {
    width: 50%;
    text-align: center;
  }
}
@media screen and (max-width: 1199px) {
  .pc-menu .menu-main .row .col-xs-12.col-md-7.col-lg-7{
    margin-left: -5%;
    width: calc(83vw - 165px);
  }
  .pc-menu .menu-main .row .col-xs-12.col-md-3.col-lg-4.ar{
    width: 165px;
  }
  .header-social li.head-gift-card a{
    padding-right: 5px;
    padding-left: 5px;
    letter-spacing: 0px;
  }

  .menu-main .header-social li:not(:first-child){
    padding: 2px 5px 5px 5px;
  }
}

#cookie_consent{
  width:  100vw;
  padding: 30px 20px;
  background: #2c262b;
  color: #999;
  z-index: 99999;
  bottom: 0;
  position: fixed;
}
#cookie_consent a:link,#cookie_consent a:visited{
  color: #999;
  text-decoration: underline;
}
a.agree_cookie{
  background: #dd493a;
  padding: 10px 20px;
  font-size: 12px;
  color: #fff;
  margin-top: 0px;
  position: absolute;
  cursor: pointer;
  text-align: center;
  width: 130px;
}

/* iPhone X and Xs Max */
@media only screen
    and (min-device-width: 375px)
    and (min-device-height: 812px)
    and (-webkit-device-pixel-ratio: 3)
    and (orientation: portrait) {
   #thaiTomato{
    max-width: 120% !important;
    margin-top: 100px  !important;
   }
}
@media screen and (max-width: 767px) {
  .productDetails-content{
    margin-top: -20px;
  }

}
.mob-menu nav .navbar-header button.navbar-toggle{
  max-width: 74px !important ;
}
#location_banner{
  background-image:url(../../_images/Time_Desk_Bg.jpg);
}
#easy_banner{
  background-image:url(../../_images/easy_fresh/ez_banner_bg_d.jpg);
}
#fresh_banner{
  background-image:url(../../_images/easy_fresh/fresh_banner_bg_d.jpg);
}
#sto_banner{
  background-image:url(../../_images/sto_bg_d.jpg);
}
#fivetreasure_banner{
  background-image:url(../../_images/5_treasure/5Treasure_desktop.jpg);
}
#reopen_banner{
  background-image:url(../../_images/reopen/reopen_banner_desktop.jpg);
}
#tealover_banner{
  background-image:url(../../_images/tea-lover/TeaLover_banner-d.jpg);
}
@media (max-width: 991px) and (min-width: 768px){
  #location_banner{
    background-image:url(../../_images/Time_Tablet_Bg.jpg);
  }
  #easy_banner{
    background-image:url(../../_images/easy_fresh/ez_banner_bg_t.jpg);
  }
  #fresh_banner{
    background-image:url(../../_images/easy_fresh/fresh_banner_bg_t.jpg);
  }
  #sto_banner{
    background-image:url(../../_images/sto_bg_t.jpg);
  }
  #fivetreasure_banner{
    background-image:url("../../_images/5_treasure/5Treasure_Tablet.jpg");
  }
  #reopen_banner{
    background-image:url("../../_images/reopen/reopen_banner_tablet.jpg");
  }
  #tealover_banner{
    background-image:url("../../_images/tea-lover/TeaLover_banner-t.jpg");
  } 
}
@media screen and (max-width: 320px){
  .mob-menu-top li{
    padding-right: 1px;
  }
  .mini-banner-box,.home-mini-banner-03 figure, .home-mini-banner-04 figure {
    height: 204px;
    min-height: 204px;
  }
}
@media (max-width: 767px){
  .home-banner-mob{
    padding-top: 80px;
  }
  .home-banner-mob .swiper-slide {
    height: calc(100vh - 150px);
  }
  .home-banner-mob .swiper-slide .home-banner-txt{
    margin-top: -80px;
  }
}
@supports (-webkit-overflow-scrolling: touch) {
  @media (max-width: 767px){
    .home-banner-mob .swiper-slide {
      height: calc(100vh - 170px);
    }
  }
}
@media only screen  and (max-device-width : 375px) and (max-device-height : 812px) {
  .home-banner-mob .swiper-slide {
    height: calc(100vh - 200px);
  }
}
.fa-weixin{
	color:#fff !important;
}
#redbook_qr {
  display: none;
  position: absolute;
  width: 100px;
  max-width: 100px;
  right: 0;
  top: 60px;
  z-index: 2;
}
#redbook_icon:hover + #redbook_qr {
  display: block;
}
.fa-redbook {
    display: block;
    height: 80%;
    width: 80%;
    background-image: url(../../_images/redbook-icon.svg);
    background-position: center center;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
}