@charset "utf-8";
/* CSS Document */

body, html {height: 100%;width: 100%;}
body {font-family: whitney-light; line-height: 30px; font-weight: 400; font-style: normal; font-size: 18px; color: #6f6f6f; background: #fff; margin-top: 110px;}
a:focus, button:foucs{outline: none}
@font-face {font-family: 'whitney-book'; src: url('../fonts/Whitney-book.eot?#iefix') format('embedded-opentype'),url('../fonts/Whitney-book.woff') format('woff'),url('../fonts/Whitney-book.ttf') format('truetype'),url('../fonts/Whitney-book.svg#svgwhitney-book') format('svg'); font-weight: normal; font-style: normal; }

@font-face {font-family: 'whitney-medium'; src: url('../fonts/Whitney-medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Whitney-medium.woff') format('woff'),url('../fonts/Whitney-medium.ttf') format('truetype'),url('../fonts/Whitney-medium.svg#svgwhitney-medium') format('svg'); font-weight: normal; font-style: normal; }

@font-face {font-family: 'whitney-light'; src: url('../fonts/Whitney-light.eot?#iefix') format('embedded-opentype'),url('../fonts/Whitney-light.woff') format('woff'),url('../fonts/Whitney-light.ttf') format('truetype'),url('../fonts/Whitney-light.svg#svgwhitney-light') format('svg'); font-weight: normal; font-style: normal; }
font-face {font-family: 'whitney-light'; src: url('../fonts/Whitney-light.eot?#iefix') format('embedded-opentype'),url('../fonts/Whitney-light.woff') format('woff'),url('../fonts/Whitney-light.ttf') format('truetype'),url('../fonts/Whitney-light.svg#svgwhitney-light') format('svg'); font-weight: normal; font-style: normal; }
.new-mob{ position: relative; }
.new-mob .m-logo{ position: absolute;}
.new-mob h2{ color: #909090}

/* lolo page ends*/
.tyffyn-accessories ul li {list-style: none; float: left}
.tyffyn-accessories img {width: 20%}
.variant-promo {font-size: 16px; font-weight: normal; text-align: center}
/* count-input */
.count-input {border-bottom: 1px solid #aaa; padding: 25px 0; text-align: right; font-family: 'whitney-medium'; }
.count-input-top {border-top: 1px solid #6f6f6f; }
.count-input input {border: 1px solid #006f79; border-radius: 25px; background: none; text-align: center; width: 120px; color: #006f79; padding: 2px 7px;  }
.count-input input:focus {outline: none; }
.count-input strong {color: #007680; float: left; font-weight: 400; font-size: 16pt;}
.count-input a{display: inline; border-radius: 25px; text-align: center; text-decoration: none; border: 1px solid #006f79; padding: 10px 10px 7px 10px; font-size: 12.5px; color: #007680}
/* count-input end*/

/* header ends*/
.custom-header .navbar {margin-bottom: 0; border: none; z-index: 999;  background: #fff; margin: 0 auto; border-radius: 0; box-shadow: 0 0 12px #bbb; border-bottom: 1px solid #e1e1e1}
.custom-header .main-menu {margin: 35px 0 0 30px;}
.custom-header .navbar-nav li a.cart-icon{background: url(../images/cart.png) no-repeat; position: relative; line-height: inherit; width: 46px; height: 36px;}
.custom-header .navbar-nav li a.cart-icon .added-info{background: #007680; border-radius: 15px; color: #fff; position: absolute; z-index: 1; top: -8px; right: -4px; display: inline-block; font-size: 14px; font-weight:bold; width:22px; height:22px; line-height:22px; text-align: center;}
.custom-header .navbar-nav>li>a {color: #007680; font-family: 'whitney-medium'; text-transform: uppercase;; font-size: 18px; padding-bottom: 18px; padding-left: 15px; padding-right: 15px; padding-top: 5px}

.custom-header .main-menu.nav a, .custom-header .nav a:hover, .custom-header .main-menu.nav .open>a, .custom-header .main-menu.nav .open>a:focus, .custom-header .main-menu.nav .open>a:hover {background: none; }
.custom-header .navbar-nav>li>a.btn{background: #007680; color: #fff; padding: 7px 15px; font-size: 16px; text-transform: capitalize; margin-right: 15px; margin-top: 2px;}

.custom-header .menu-dropdown.main-menu.navbar-nav li{display: inline-block; vertical-align: top; position: static; margin-top: 5px;}
.custom-header .menu-dropdown .dropdown-menu {width: 100%; border: none; border-top: 41px solid transparent; margin-top: -40px; box-shadow: 0 10px 9px rgba(0,0,0,.175)}
.custom-header .menu-dropdown ul.dropdown-menu {border-radius: 0;}
.custom-header .menu-dropdown .dropdown-menu a {padding: 0 20px; color: #007680; font-size: 18px; display: block;}
.custom-header .menu-dropdown .dropdown-menu a:hover {text-decoration: none;}
.custom-header .dropdown-toggle i{display: block;; margin: 0 auto; text-align: center; font-size: 26px; }

.custom-header .menu-fixed-top {position: fixed; z-index: 9; background: #fff; width: 100%; margin:0 auto; top: 0; padding-top: 0px; padding-bottom: 0; box-shadow: 0 0 12px #bbb; border-radius: 0}
.custom-header .menu-shadow {box-shadow: 0 0 12px #bbb;}
/* after user log in */
.custom-header .after-login {position: relative;}
.custom-header .after-login .dropdown-menu {position: absolute; border-radius: 0; padding: 0; background: #fff; border: 1px solid #ccc; }
.custom-header .after-login .icons, .custom-header .after-login .product-icons{display: inline-block; vertical-align: middle;}
.custom-header .after-login .dropdown-menu>li>a { padding: 10px; color: #007680; font-size: 16px;}
.custom-header .after-login .dropdown-menu .kopie a{border-bottom: 1px solid #e1e1e1}
.custom-header .after-login .dropdown-menu:after, .custom-header .after-login .dropdown-menu:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.custom-header .after-login .dropdown-menu:after {border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px;}
.custom-header .after-login .dropdown-menu:before {border-color: rgba(194, 225, 245, 0); border-bottom-color: #ccc; border-width: 12px; margin-left: -12px;}

.icons, .product-icons { display: block; background-image: url(../images/n-sprite-footer.png); background-repeat: no-repeat; line-height: 0; width: 24px; height: 24px; vertical-align: middle; text-align: center; margin: 0 auto}
.product-icons { width: 60px; height: 60px; margin-bottom: 5px;}
.product-icons.hc{ width: 80px;}
.login-icon { background-position: -2px -146px; margin: -1px 6px 0 auto; width: 30px; height: 30px;}
.drynk-icon { background-position: -36px -163px}
.box-icon { background-position: -32px -227px}
.kyds-box-icon { background-position: -32px -291px}
.preserve-icon { background-position: -32px -355px}
.popcup-icon { background-position: -32px -539px}
.casserole-icon { background-position: -10px -417px}
.order-icon { background-position: -2px -233px; margin-right: 8px;}
.logout-icon { background-position: -3px -200px; margin-right: 8px;}
.contact-email { background-position: -2px -38px}
.contact-partner { background-position: -3px -75px}
/* header ends*/

.breadcrumb {/*background: #007680; */background: none; border-radius: 0; margin-bottom: 0}
.breadcrumb ol {margin: 0 0px 10px 0px; padding: 0; display: table;}
.breadcrumb ol li {float: left; display: inline; color: #707070; font-family: 'whitney-light'; font-size: 11pt; padding: 0; }
.breadcrumb ol li a {float: left; display: inline; color: #707070; }
.breadcrumb ol li a:after {content: ">"; padding: 0 10px; }
.breadcrumb ol li a:hover {text-decoration: none}
.carousel-control.left, .carousel-control.right {background: none;width:auto;margin: 0 3%;}
.booking-segment {padding: 10px 10px 10px 10px;margin: 20px 0 10px 0;box-shadow: 0 0 4px 1px #e4e4e4;border-radius: 7px;}
.booking-segment:hover {background: #fff; box-shadow: 0 0 6px 1px #b5b5b5; border-radius: 7px;  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.booking-total {font-family: 'whitney-light'; padding: 15px 0; }
.booking-segment h3, .seo-section h3, .seo-section h2 {color: #007680;font-family: 'whitney-medium';font-size: 18pt;margin: 10px 0;}
.booking-total {font-family: 'whitney-light'; padding: 15px 0; }
.tyffyn-style, .tyffyn-available-style {display: table;font-family: 'whitney-medium';/*margin: 0 auto;*/padding: 0; text-align: center;}
.tyffyn-style {display: table;font-family: 'whitney-medium';/*margin: 0 auto;*/padding: 0; text-align: center;}
.tyffyn-style li, .tyffyn-available-style li {list-style: none;display: inline-block;padding: 6px 11px;text-align: center;font-size: 12pt;font-family: 'whitney-light';text-transform: capitalize;line-height: 12px; vertical-align: text-top;}
.booking-segment .available-title{font-size: 13pt;text-align: center;margin: 0 -10px;background: #e5e5e5;padding: 6px 0;}
.variant-style {width: 84px; height: 86px; margin: 0 0 10px 0; display: block; background-image: url(../images/sprite-variant.png); overflow: hidden; position: relative; margin: 10px auto; border-radius: 5%}
.listTyffyn span{width: 84px; display: inline-block; line-height: 18px;}

.variant-style:hover, .selected-variant {box-shadow: inset 0 0 0 1px rgba(0, 118, 128,0.9), 0 1px 2px rgba(0,0,0,0.1);}
.graphite {background-position: 2px -2px;}
.black {background-position: -78px -2px;}
.gold {background-position: -158px 0px;}
.maple {background-position: -237px -2px;}
.wool {background-position: -318px -1px;}
.dew {background-position: 0px -90px;}
.cheetah {background-position: -77px -92px;}
.denim {background-position: -158px -92px;}
.cats {background-position: -239px -180px;}
.dino {background-position: -1px -270px}
.blue {background-position: -238px -92px;}
.purple {background-position: -320px -92px;}
.superauto {background-position: 2px -180px;}
.white{background-position: -159px -182px;}
.green{background-position: -159px -1270px;}
.silver{background-position: -78px -182px;}
.soccer{background-position: -318px -181px;}
.ombre-pink{background-position: -399px -1601px;}
.ombre-pink600{background-position: -318px -1598px;}
.panda{background-position: -399px -1689px;}
.panda600{background-position: -320px -1690px;}
.unicorn{background-position: -720px -1271.8px;}
.unicorn600{background-position: -320px -1270px}
.sail{background-position: -239px -1270px;}
.vaya-mickey{background-position: -317px -1784px;}
.tyffyn-stories {background-position: -78px -277px;}
.graphite600{background-position: -400px -2px;}
.black600{background-position: -480px -2px;}
.gold600{background-position: -560px -2px;}
.maple600{background-position: -640px -2px;}
.wool600{background-position: -719px -2px;}
.dew600{background-position: -400px -94px;}
.cheetah600{background-position: -480px -93px;}
.denim600{background-position: -560px -94px;}
.cats600{background-position: -640px -184px;}
.silver600{background-position: -480px -184px;}
.white600{background-position: -560px -184px;}
.super-auto600{background-position: -400px -184px;}
.soccer600{background-position: -720px -184px;}
.blue600{background-position: -640px -94px;}
.purple600{background-position: -720px -94px;}
.green600{background-position: -560px -1274px;}
.cleaning-brush {background-position: -6px -768px !important;}
.brush{background-position: -20px -1857px;}
.bunnies{background-position: -559px -1600px;}
.bunnies600{background-position: -479px -1598px;}
.bloom{background-position: -398px -1871px;}
.bloom600{background-position: -319px -1874px}
.indigo{background-position: -559px -1692px;}
.indigo600{background-position: -478px -1692px;}
.zari{background-position: -558px -1781px;}
.zari600{background-position: -477px -1787px;}
.frozen600{background-position: -478px -1874px;}
.iron-man600{background-position: -637px -1700px;}
.captain-america600{background-position: -637px -1607px;}
.avengers{background-position: -719px -1781px;}
.mickey-grey{background-position: -719px -1873px;}
.floral {background-position: -559px -1495px;}
.kimono {background-position: -637px -1495px;}
.floral600 {background-position: -402px -270px;}
.kimono600 {background-position: -481px -270px;}
.camo {background-position: -478px -1496px}
.camo-600 {background-position: -640px -270px;}

.black-bagmat {background-position: -304px -378px;}
.maple-bagmat {background-position: -214px -378px;}
.wool-bagmat {background-position: -214px -498px;}
.gold-bagmat {background-position: -304px -498px;}
.blue-bagmat {background-position: -124px -498px;}
.graphite-bagmat {background-position: -123px -378px;}
.green-bagmat{background-position: -124px -617px;}
.container-1000, .container-600, .container-601{border-radius: 0; width: 120px; height: 120px; }
.container-1000 {background-position: -2px -357px;}
.container-600 {background-position: -4px -475px;}
.container-601 {background-position: -1px -595px;}

.selected-variant {box-shadow: inset 0 0 0 1px rgba(0, 118, 128,0.9), 0 1px 1px rgba(0,0,0,0.1);}
.acc-container-list .variant-style {box-shadow: none}
/* Outline Out */

.default-style {font-size: 40px; text-align: center; margin:50px auto; width: 50%; line-height: 50px; }
.checkbox {width: 20px; }
.checkbox label {display: inline-block; position: relative; padding-left: 5px; }
.checkbox label::before {content: ""; display: inline-block; position: absolute; width: 32px; height: 32px; left: 0; margin-left: -20px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; border: 2px solid #007680}
.checkbox label::after {display: inline-block; position: absolute; width: 32px; height: 32px; left: 0; top: 0; margin-left: -16px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; outline: none; transition: 0.1s background; border: 0}
.checkbox input[type="checkbox"] {opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {font-family: 'Glyphicons Halflings'; content: "\e013"; font-size: 16px; }
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee; cursor: not-allowed; }
.checkbox.checkbox-circle label::before {border-radius: 50%; }
.checkbox.checkbox-inline {margin-top: 0; }
.checkbox-primary input[type="checkbox"]:checked + label::before {background-color: #007680; border-color: #007680; }
.checkbox-primary input[type="checkbox"]:checked + label::after {color: #fff; }

.blue-button, .blue-button-s, .mini-blue-btn, .mini-green-btn, .green-btn, .white-button, .grey-button {color: #fff; background: #006f79; border-radius: 100px; font-size: 16px; padding: 10px 25px; }
.blue-button-s:hover, .mini-blue-btn:hover, .mini-green-btn:hover, .mini-green-btn:focus{color: #fff; box-shadow: none; outline: none;; background: #fff}
.blue-button:hover, .blue-button:focus, .blue-button-s:focus, .mini-blue-btn:focus{border: 1px solid #006f79; color: #006f79}
.mini-blue-btn:focus, .mini-blue-btn:hover {color: #fff; border: 1px solid #006f79;}
.blue-button:hover, .blue-button:focus,.blue-button:hover, .blue-button-s:focus, .white-button:hover, .white-button:focus{color: #007680 !important; background: #ffffff !important; box-shadow: none; -webkit-appearance: none; border-color: #007680 !important}
.mini-blue-btn, .mini-green-btn {font-size: 14px; padding: 5px 20px; }
.mini-green-btn, .green-btn{background:#090; border: 1px solid #090; }

.white-button{background:#fff; color: #696969; border: 1px solid #bbb; }
.blue-button-s{color: #006f79; background: #fff; border: 1px solid #006f79; }
.blue-button:hover, .mini-green-btn:hover {color: #006f79; background: #fff; border: 1px solid #006f79; transition: 0.2s background; }
.mini-green-btn:hover {color: #090; border: 1px solid #090;     transition: 0.1s background; }
.mini-blue-btn:hover {color: #006f79; border: 1px solid #006f79; background:#fff; }
.grey-button{background: #ededed; color: #696969}
.blue-button-s:hover {color: #fff; background: #006f79; border: 1px solid #006f79;  transition: 0.2s background; }
.white-button:hover {color: #fff; background: #696969; border: 1px solid #696969;   transition: 0.2s background; }

.booking-segment .media-heading{font-size: 14pt; font-family: 'whitney-medium'; margin-top: 10px; margin-bottom: 8px;}
.booking-segment .media-body {line-height: 18px}
.booking-segment .media-body p{font-size: 12pt; }
.booking-segment .media-object{width: 90%}
.booking-segment .list-group{margin-bottom: 1px}
.booking-segment .list-group-item{padding: 15px 0; border-radius: 0; border: none;}
.booking-segment .list-group-item:hover{background: none; box-shadow:0px 0px 2px #007680;}
.booking-segment .popover-content{font-size: 14px; font-weight: normal; font-family: 'whitney-light'; line-height: 22px; background: #f8f8f8;}
.booking-segment .popover.top > .arrow::after {border-top-color: #f8f8f8}
.booking-segment .popover{background: #f8f8f8}
.booking-segment .glyphicon.glyphicon-info-sign{color: #888; font-size: 15px; padding: 2px; cursor: pointer;}
.media-heading-mini .list-group-item{margin: 0; text-align: center; padding: 15px 0; color: #007680; border: none; border-bottom:1px dashed; border-top:1px dashed;background:#ffffe7; border-radius: 0; box-shadow: none;}
.media-heading-mini .list-group-item:hover{background:#ffffe7;}
.media-heading-mini .list-group-item img {margin-right:20px;}
.media-heading-mini .media-heading{font-size: 14pt; font-family: 'whitney-medium'; margin-top: 10px; margin-bottom: 8px;}
.media-heading-mini .list-group-item:hover{color: #007680;}
/* tabs */

/* Tabs panel */
.tabbable-panel {padding: 10px; }
.tabbable-line > .nav-tabs {border: none; margin: 0px; }
.tabbable-line > .nav-tabs > li {margin-right: 2px; }
.tabbable-line > .nav-tabs > li > a {border: 0; margin-right: 0; color: #737373; }
.tabbable-line > .nav-tabs > li > a > i {color: #a6a6a6; }
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {border-bottom: 4px solid #006f79; }
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {border: 0; background: none !important; color: #333333; }
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {color: #a6a6a6; }
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {margin-top: 0px; }
.tabbable-line > .nav-tabs > li.active {border-bottom: 4px solid #006f79; position: relative; }
.tabbable-line > .nav-tabs > li.active > a {border: 0; color: #333333; }
.tabbable-line > .nav-tabs > li.active > a > i {color: #404040; }
.tabbable-line > .tab-content {margin-top: -3px; background-color: #fff; border: 0; border-top: 1px solid #ccc; padding: 15px 0; }
.portlet .tabbable-line > .tab-content {padding-bottom: 0; }
/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {border-top: 4px solid transparent; }
.tabbable-line.tabs-below > .nav-tabs > li > a {margin-top: 0; }
.tabbable-line.tabs-below > .nav-tabs > li:hover {border-bottom: 0; border-top: 4px solid #006f79; }
.tabbable-line.tabs-below > .nav-tabs > li.active {margin-bottom: -2px; border-bottom: 0; border-top: 4px solid #006f79; }
.tabbable-line.tabs-below > .tab-content {margin-top: -10px; border-top: 0; border-bottom: 1px solid #eee; padding-bottom: 15px; }
.tyffyn-content h3, .tyffyn-content-strong{font-family: 'whitney-medium'; font-weight: 400}
.tyffyn-content ul, .tyffyn-content p {margin: 20px 0; padding: 0; }
.tyffyn-content ul li{list-style: none}
.tyffyn-variant{width: 100%;}
.tyffyn-variant ul {padding: 0; display: inline-block; text-align: center; margin: 10px 18px 0 0;  border-bottom: 5px solid #ffffff; vertical-align: middle;}
.preserve .tyffyn-variant ul{width: 98px; margin-bottom: 15px;}
.preserve .tyffyn-variant .select-tyffyn-size-1600ml{width: 101px;}
.preserve .tyffyn-variant{ margin: 0 auto; text-align: center;}
.tyffyn-variant .selected { border-bottom-color: #006f79;}
.tyffyn-variant ul li{list-style: none; font-family: 'whitney-medium'; color: #006f79; cursor: pointer; line-height: 26px;}
.preserve .tyffyn-variant ul li:last-child{margin: 0 10px;}
/*.us-en .tyffyn-variant ul li:last-child{width: 70px; margin: 0 auto 5px auto;}*/
.tooltip > .tooltip-inner {background-color: #006f79; font-size: 14px;}
.tooltip.top .tooltip-arrow{ border-top-color: #006f79}

.th .tyffyn-variant .select-tyffyn-cu, .th .tyffyn-variant .select-tyffyn-ss{width: 120px; word-break: break-all;}
.title-max {width: 120px; line-height: 21px;}
.tyffyn-size{background: url(../images/vaya-products.png) no-repeat; width: 81px; height: 120px; display: inline-block;}
.bagmat-withbagmat{background: url(../images/with-without-bagmat.png) no-repeat; width: 81px; height: 120px; display: inline-block;width: 100px;height: 100px;}
.bagmat-withoutbagmat{background: url(../images/with-without-bagmat.png) no-repeat; width: 81px; height: 120px; display: inline-block;width: 100px;height: 100px;}
.bagmat-withbagmat-600ml{background-position: 18px -246px;}
.bagmat-withoutbagmat-600ml{background-position: -82px -246px;}
.bagmat-withbagmat-1000ml{background-position: 18px -126px;}
.bagmat-withoutbagmat-1000ml{background-position: -88px -126px;}
.bagmat-withbagmat-1300ml{background-position: 18px -4px;}
.bagmat-withoutbagmat-1300ml{background-position: -88px -4px;}
.tyffyn-1300{background-position: -6px 0;}
.active-1000{background-position: -91px 0;}
.active-600{background-position: -6px -130px;}
.container-ss-1000, .container-cc-1000{background-position:-80px -290px; width: 100px; height: 100px;}
.container-ss-1000{background-position:10px -290px;}
.container-cc-600{background-position:-91px -650px;}
.container-ss-600{background-position:-1px -650px;}
.drynk-350{background-position:-92px -781px}
.drynk-600{background-position:-5px -781px}
.one-set-container{background-position: -84px -475px; height: 70px;}
.two-set-container{background-position: -84px -545px; height: 70px;}
.bagmat{background-position:0 -269px}
.bagmat-active{background-position:-90px -269px}
/* .container{background-position: 0 -375px } */
.container-active{background-position:-90px -375px }
.spork {background-position: 0 -464px;}
.cutlery {background-position: -123px -830px;}
.tyffyn-total{font-size: 16px; }
.tyffyn-total .header-title{display: block; line-height: 16px; font-size: 21px; }
.tyffyn-total .discount-value{font-size: 18px; }
.discount-value{ padding: 0 2px;}
.tyffyn-total .actual-value{color: #3f3f3f; font-size: 18px; margin-left: 5px; padding: 0 2px;}
.green-color{color: #007680; font-weight: bold;}
.media-heading-mini .list-group-item.list-none {padding: 5px 0}
.list-none li{list-style: none; padding: 5px 0}
.list-none li img{width: 25px}

footer{background: #006f79; padding: 40px 0 15px 0; color: #fff; font-size: 12pt; font-family: 'whitney-light'; }
footer .sign-up{padding: 30px 0; display: inline-block; text-align: center; }
footer .sign-up .form-control{background: #67adb3; border-radius: 100px; height: 38px; font-size: 12pt; color: #fff; border: none; padding: 0 15px; width: 250px; font-style: italic; display: inline-block}
footer .sign-up input::-moz-placeholder, footer .sign-up input::-webkit-input-placeholder{color:#fff}
.sign-up input[type="email"]::placeholder, .sign-up input[type="email"]:focus::placeholder {color: #fff;}
.sign-up input.form-control::-moz-placeholder{color: #fff; }
footer .sign-btn{background: none; border-radius: 100px; color: #fff; border: 1px solid #fff; font-size: 12pt; padding: 7px 20px;}
footer .sign-btn:hover{background: #fff; color: #006f79; outline: none}
footer .sign-btn:focus{background: #fff; color: #006f79; outline: none}
footer .footer-menu li{ text-align: right; list-style: none; padding: 1px 0 }
footer .footer-menu a, .change-country{ color: #ddeaea; }
footer .footer-menu a:focus,.change-country  a:focus, footer .footer-menu a:hover, .change-country:hover{text-decoration: none; }
footer .separator{border-top: 1px solid #a1ccd0; margin: 12px 0; }
footer .separator-lite{border-top: 1px solid #068b98; margin: 12px 0; }
footer .footer-sn{text-align: right; }
footer ul{ margin: 0; padding: 0; }
#tyffyn-you.slide{margin-bottom: 10px;}
hr{border-top-color: #ddd}
.change-country {padding-top: 10px;}

.order-space{margin: 50px auto;}
/* .order-space-2{padding-top: 200px;} */
.footer-sprite{ margin: 0; padding: 0; display: inline-block; text-align: right}
.footer-sprite li { float: left; list-style: none; padding: 0 5px}
.footer-sprite a { display: inline-block; background-image: url(../images/sprite-footer.png); background-repeat: no-repeat; line-height: 0; opacity: .5; transition: .5s opacity; width: 36px; height: 36px}
.footer-sprite a:hover { opacity: 1}
.footer-fb { background-position: -2px -1px}
.footer-tw { background-position: -2px -43px}
.footer-ins { background-position: -2px -86px}
.footer-sprite .footer-logo{ background-position: -42px 5px; width: 100px; height: 100px; margin-top: 10px; }

.might-like-section{margin: 40px auto; position: relative;}
.might-like-section .booking-segment, .tyffyn-you .booking-segment{color: #007680;border-bottom: 1px solid #999999;font-family: 'whitney-medium';padding: 0 0 10px 0;font-size: 18pt;margin: 0;box-shadow: 0 0 0px 0px #e4e4e4;border-radius: 0px;}
.divOutofStock{box-shadow: 0 0 0px 0px #e4e4e4;border-radius: 0px;}
.might-like-section .booking-segment:hover, .tyffyn-you .booking-segment:hover{background: none; box-shadow: none}

.onebyone-carousel { margin: auto; width: 90%; }
.onebyone-carousel .active.left { left: -24%; }
.onebyone-carousel .active.right { left: 24%; }
.onebyone-carousel .next { left: 25%; }
.onebyone-carousel .prev { left: -25%; }
.onebyone-carousel img { width: 90%}
.mini-carousel .carousel-control{ width: 5%; color: #959595; text-shadow: none}
.mini-carousel .carousel-caption { text-shadow: none; bottom: -50px; color: #707070}
.might-like-section .item-info{position: relative; bottom: 40px; }
.section-border{border-bottom: 1px solid #b7b7b7}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev{position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; font-size: 36px; }
.bottom-carousel{ margin-top: 30px; }
.hero-img-viewer{ /* width: 100%; */ display: table; height: 50rem; margin: 5rem auto}
.hero-carousel{overflow: hidden}
.hero-carousel .carousel-inner { width: 86%; margin: 0 auto}
.hero-carousel .carousel-control {/* width: 7%; */ text-shadow: none; background: #fff; color: #707070; }
.hero-carousel .carousel-control, .hero-carousel .carousel-control {text-align: left; padding: 1%; }
.hero-carousel .carousel-control .glyphicon-menu-left, .hero-carousel .carousel-control .glyphicon-menu-right{font-size: 16px; margin-top: -5px;}
.hero-carousel .carousel-control .glyphicon-menu-right{text-align: right; }
.hero-carousel .item > div{border: 1px solid #c2c2c2; }
.hero-carousel .item > div:hover{border-color: #007680; cursor: pointer}
.hero-carousel .load-hero-image {padding: 10px; }
.hero-container{margin: 4% auto 3% auto ; }
.price-info p{margin: 15px 0; text-align: right}
.price-info .price-info-msg{color: #888; font-size: 15px; margin:0 }
.price-info .delivery-infolockdown-msg{padding-left: 20%}
.currency-symbol, .actual-value{font-family: 'whitney-medium'; color: #007680; padding: 0 2px;}
.news-sprite{margin: 20px auto; padding: 0; display: table; text-align: center}
.news-sprite li {display: inline-block; list-style: none; }
.news-sprite a {display: inline-block; width: 240px; min-height: 90px; background-image: url("../images/news-sprite-v1.png"); background-repeat: no-repeat; }
.news-sprite a:focus {outline: none;}
.news-sprite .chowhound {background-position: -7px -10px;}
.news-sprite .dailymom {background-position: 10px -474px;}
.news-sprite .oscar {background-position: -10px -569px; width: 215px;}
.news-sprite .cookinglight {background-position: -5px -980px;}
.news-sprite .washington {background-position: 10px -72px}
.news-sprite .bbc {background-position: -20px -370px; width: 210px}
.news-sprite .cosmopolitan {background-position: -5px -302px}
.news-sprite .telegraph {background-position: -10px -140px}
.news-sprite .usa-today {background-position: 0 -215px}
.news-sprite .mirror {background-position: -35px -660px; width: 180px}
.news-sprite .sun {background-position: -20px -734px; width: 180px}
.news-sprite .eater {background-position: -20px -810px; width: 210px}
.news-sprite .stemy {background-position: -60px -895px; width: 120px}

.navbar-toggle {margin-top: 0}
.navbar-toggle .icon-bar{background: #006f79; height: 3px; width: 32px; margin-top: 30px}
.navbar-toggle .icon-bar+.icon-bar{margin-top: 6px;}
.logo{display: inline-block; }
.logo img{width: 90%; margin: 10px auto 6px auto;}
.mobile-header{border-bottom: none; font-family: 'whitney-medium'; font-weight: bold; margin: 0 auto 25px auto; color: #007680; font-size: 15pt;}
.panel-default > .panel-heading {color: #fff; background-color: #007680; border-color: #007680;}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body{border-color: #007680;}
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {text-decoration: none; display: block;}

.fresh-img{background:url(../images/fresh.jpg) no-repeat left top; background-size: cover; height: 550px;}

.carousel-item {height: 100vh; min-height: 300px;}
.product{text-align:center; font-size:18px; line-height:24px; }
.product-info{position:relative; bottom: 10px; z-index: 99; }
.product p{margin-bottom:12px}
.product .title{font-size:20px; font-weight:700; color: #8c8c8c;}
.product .list a{text-decoration:none; color:#999999; font-size:18px;}
.preserve .product .list a{font-size:17px; text-align: center; display: inline-table; letter-spacing: -0.5px;}
.product .list a:after{content: "|"; color: #999 !important; padding: 0 10px;}
.preserve .product .list a:after{padding: 0 3px; margin-left: 5px;}
.product .list a:last-of-type:after, .preserve .product .list a:last-of-type:after{content:none; padding: 0}
.preserve .product p{margin-bottom:10px}
.product .total{padding:3px 0}
.product-center img{text-align: center; width: 25%; margin: 0 auto;}
.product-center-2 img{margin: 0 auto;}
.product-center-two img{text-align: center; width:50%; margin: 0 auto;}
/* .product img{width: 90%; margin: 0 auto;} */
.bulk-order{background:#e5e5e5; padding:20px 0; color:#006f79; font-size:21px; font-weight:400}
.bulk-order a{color:#006f79; text-decoration: underline}

.spork-container{background: url(../images/spork-set.png) no-repeat left top #efefef; background-size: 46%; padding: 70px 0; margin-bottom: 50px}
.title{color: #007680; font-family: 'whitney-light'; font-weight: normal; font-size: 30px;} /* changed font family */
/* .drynk .title{font-family: 'whitney-medium'; } */
.content{width: 100%; padding: 10px 0;}

.feature{margin-top: 20px;}
.feature ul{margin: 15px; padding: 0;}
.feature li{list-style-type: decimal; padding: 6px 0;  /*list-style-type: none;*/ line-height: inherit}
.feature li strong{color: #454545;}
.drynk .feature li{font-size: 20px; padding: 10px 0}
/*.feature li:before {color: #007680; content: counter(list) ". "; padding-right: 5px; }*/
.white-container, .grey-container{ margin: 60px auto; }
.grey-container{background: #efefef; padding:60px 0;}
.grey-spacing{margin-top: 50px;}
.grey-spacing-kyd{margin: 50px 0;}
.bagmat-section{margin: 0 auto;}
.flexibility{margin-bottom: 0}

.innovation-feature, .drynk-feature, .preserve-feature, .hautecase-feature{ margin: 40px 0 0 0; padding: 0; display: inline-block;}

.innovation-feature li, .drynk-feature li, .preserve-feature li, .hautecase-feature li{background: url(../images/innovation-1.png) no-repeat; float: left; margin: 0 20px; width: 106px; min-height: 130px; list-style: none; display: block;  position: relative}
.innovation-feature li label, .drynk-feature li label, .preserve-feature li label, .hautecase-feature li label{text-align: center; font-size: 16px; color: #462c1d; width: 100%; line-height: initial; padding: 100px 0 0 0; margin: 0;}
.ko .innovation-feature li label, .ko .drynk-feature li label{font-size: 15px;}
.de-de .preserve-feature li label {font-size: 15px;}
.innovation-feature .feature-1{background-position: 7px 0}
.innovation-feature .feature-2{background-position:-117px 0}
.innovation-feature .feature-3{background-position:-238px 0}
.innovation-feature .feature-4{background-position:-359px 0}
.innovation-feature .feature-5{background-position:-480px 0}
.innovation-feature .feature-6{background-position:-598px 0}
.fr-fr .innovation-feature .feature-6{background-position:-583px 0; width: 140px;}

.white-container .main-img{margin: 0 auto; text-align: center; max-width: 37%}
.white-container .main-container-img{margin: 20px 0; text-align: center; max-width: 90%}

.slide > img{height: 40vw;}
.carousel-caption{right: 18%; text-align:left; max-width: 35%; left: auto; color: #7c7b8e; padding:5px; line-height: 26px; font-size: 18px; font-family: 'whitney-light'; text-shadow: none; top: 76%}
.carousel-caption p{padding: 10px 0}
.carousel-caption h3{font-weight: bold; font-size: 26px;}
.carousel-caption .btn{font-weight: normal; font-family: 'whitney-medium'; font-size: 16px;}
.carousel-inner {height: 100%;}
.carousel-full-img{width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}

.caption-placement-1 {right: 7.5%; top: 80%}
.fr-fr .caption-placement-1 {right: 4.5%; top: 80%}
.caption-placement-1-1 {right: 16.5%; top: 75%}
.caption-placement-1-2 {right: 20%; top: 70%}
.caption-placement-1-3 {right: 31%; top: 62%}
.caption-placement-2 {right: 22%; top: 60%}
.caption-placement-2-2 {right: 33%; top: 72%}
.caption-placement-3 {right: 15%; top: 72%}
.caption-placement-3-2 {right: 13.5%; top: 76%}
.caption-placement-3-3 {right: 10%; top: 65%}
.caption-placement-3-4 {right: 15%; top: 67%}
.caption-placement-3-5 {right: 22%; top: 64%}
.caption-placement-4 {right: 7.5%; top: 70%}
.caption-placement-4-1 {right: 10.5%; top: 74%}
.fr-fr .carousel-caption .caption-placement-4{right: 8.5%; top: 76%}
.fr-fr .caption-placement-4-1 {right: 10.5%; top: 74%}
.caption-placement-4-3 {right: 12%; top: 69%}
.fr-fr .caption-placement-4-3 {right: 9%; top: 69%}
.caption-placement-4-2{right: 15%; top: 78%}
.de-de .caption-placement-5, .fr-fr .caption-placement-5, .caption-placement-5 {right: 14%; top: 73%}
.fr-fr .caption-placement-5 {right: 10%;}
.de-de .caption-placement-5 {right: 12%;}
.carousel-caption.random-caption, .carousel-caption.bottom-caption, .carousel-caption.center-caption {top:52%; width: 100%; max-width: 100%; margin: 0 auto; text-align: center; right: auto; left: 1%;}
.carousel-caption.center-caption.center-2{top:72%;}
.carousel-caption.bottom-caption{top:87%;}
.carousel-caption.bottom-caption.spl-btn{top:80%; left: 27%;}
.carousel-caption.bottom-caption.spl-btn a{background-color: #f5faf4; color: #007680}
.carousel-caption.bottom-caption.bottom-25{top:72%;}
.carousel-caption.bottom-caption.bottom-30{top:68%; left: 0%}
.carousel-caption.bottom-caption.bottom-35{top:65%;}
.carousel-caption.random-caption{top:72%; left: 26%}
.carousel-caption.random-caption.pos2{top:78%; left: 29%}
.carousel-caption.bottom-caption.spl-bottom{top:55%;}
.carousel-caption.left-align {margin: 0 auto; text-align: center; right: auto; left: 20%; top: 66%}
.carousel-caption.left-align.pos2 {top: 70%; left: 8%}
.carousel-caption.left-align.pos2-1{top: 63%; left: 22%}
.carousel-caption.left-align.pos3 {top: 72%; left: 19%}
.carousel-caption.left-align.pos3-1 {top: 65%; left: 19%}
.fr-fr .carousel-caption.left-align.pos3 {left: 19%}
.carousel-caption.left-align.pos4 {top: 75%; left: 22%}
.carousel-caption.left-align.pos5 {top: 58%; left: 13%}
.carousel-caption.left-align.pos5-1 {top: 58%; left: 17.5%}
.carousel-caption.left-align.pos5-2 {top: 53%; left: 13%}
.carousel-caption.left-align .white-button:hover, .carousel-caption.left-align .white-button:focus{color: #333; background: #fcdaff; -webkit-appearance: none;}
.fr-en .carousel-caption.caption-placement-4, .gb-en .carousel-caption.caption-placement-4, .de-en .carousel-caption.caption-placement-4, .fr-fr .carousel-caption.caption-placement-4{top: 70%; }
/* .fr-en .carousel-caption, .gb-en .carousel-caption, .de-en .carousel-caption{top: 66%}*/

.sg-ms .caption-placement-3, .fr-fr .caption-placement-3 {right: 27%; top: 63%}
.ph-tl .caption-placement-3, .id-id .caption-placement-3 {right: 28.5%; top: 63%}
.ph-tl .caption-placement-4-2, .sg-ms .caption-placement-4-2 {right: 11%; top: 77%}
.fr-fr .caption-placement-4-2 {right: 9%; top: 77%}
.hk-zh .caption-placement-4-2 {right: 17%; top: 77%}
.id-id .caption-placement-4-2, .de-de .caption-placement-4-2 {right: 13.5%; top: 77%}

.gamechangers{
background: #f8fbfc; /* Old browsers */
background: -moz-radial-gradient(top, ellipse cover,  #f8fbfc 20%, #c9e3eb 70%, #b3cdd5 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(top, ellipse cover,  #f8fbfc 20%,#c9e3eb 70%,#b3cdd5 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at top,  #f8fbfc 20%,#c9e3eb 70%,#b3cdd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fbfc', endColorstr='#b3cdd5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.de-de .gamechangers, .fr-fr .gamechangers, .my-zh .gamechangers, .tw-zh .gamechangers, .hk-zh .gamechangers, .my-ms .gamechangers, .ph-tl .gamechangers, .id-id .gamechangers, .sg-ms .gamechangers, .sg-zh .gamechangers, .my-zh .gamechangers, .jp-ja .gamechangers{display: table; min-height: 310px;}
.gamechangers a:hover{text-decoration: none}

.gamechangers{position: relative; overflow: hidden; color: #fff;}
.gamechangers:hover .caption{opacity: 1; }
.gamechangers a{margin: 0 auto}
/*.gamechangers:hover img{opacity: 1; transform: scale(1.15,1.15); -webkit-transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); -ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15); }*/
.gamechangers p{margin: 10px auto; color: #908989; font-size: 20px; text-align: center;}
.jp-ja .gamechangers p{font-size: 16px;}
.gamechangers img{margin: 0 auto; padding: 0px; z-index: 0;}
.gamechangers .caption{cursor: pointer; position: absolute; opacity: 0; -webkit-transition:all 0.45s ease-in-out;
    -moz-transition:all 0.45s ease-in-out; -o-transition:all 0.45s ease-in-out; -ms-transition:all 0.45s ease-in-out;
    transition:all 0.45s ease-in-out; width: 100%; height:100%; top: 0; z-index: 3}
.gamechangers .blur{background-color: rgba(0,0,0,0.5); height: 100%; width: 100%; z-index: 1; position: absolute; }
.gamechangers .caption-text h1{font-weight:400;  font-size: 24px; color: #fff; }
.gamechangers .caption-text{z-index: 10;position: absolute; width: 100%; text-align: center; top: 47%; transform: translateY(-47%); -webkit-transform: translateY(-47%); -ms-transform: translateY(-47%); -moz-transform: translateY(-47%); -o-transform: translateY(-47%); color: #fff; }
.gamechangers .caption-text p{color: #fff; }
.fr-fr .gamechangers .img-pos, .de-de .gamechangers .img-pos {margin: 25px 0 15px 0;}
.product-container {margin: 40px auto;}
.flexibility-img img{width: 90%}
.flexibility-img-kyds{width: 60%; margin: 0 auto;}
.flexibility p{margin-top: 10px;}
/* Zoom */
.easyzoom { position: relative; /* 'Shrink-wrap' the element */ display: inline-block; *display: inline; *zoom: 1;}
.easyzoom img { vertical-align: bottom;}
.easyzoom.is-loading img { cursor: progress;}
.easyzoom.is-ready img { cursor: crosshair;}
.easyzoom.is-error  img { cursor: not-allowed;}
.easyzoom-notice { position: absolute; top: 50%; left: 50%; z-index: 150; width: 10em; margin: -1em 0 0 -5em; line-height: 2em; text-align: center; background: #FFF; box-shadow: 0 0 10px #888;}
.easyzoom-flyout { position:absolute; z-index: 100; overflow: hidden; background: #FFF;}

/** * EasyZoom layout variations */
.easyzoom--overlay .easyzoom-flyout { top: 0; left: 0; width: 100%; height: 100%;}
.easyzoom--adjacent .easyzoom-flyout { top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px;}
#hero-image{display: block;}
.imgBox{border: 0px solid #222;position:absolute; width:100%; height: 100%;}

.video-section{
    background: rgb(224,238,241); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(224,238,241,1) 0%, rgba(192,216,223,1) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(224,238,241,1) 0%,rgba(192,216,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(224,238,241,1) 0%,rgba(192,216,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0eef1', endColorstr='#c0d8df',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        padding: 20px 0 50px 0;
}
.video-section .title {color: #353535; font-family: 'whitney-light'; padding-bottom: 15px;}
hr.small {max-width: 225px; margin:15px auto; }
.story-design{width: 45%; margin: 0 auto 30px auto; line-height: 30px; color: #908989; font-size: 20px;}

/* claylab code clash fixes */
.ss-plus, .ss-hyphen, .ss-delete {font-size: 24px; line-height: 30px;}
.ss-plus::before, .ss-plus.right::after {content: '+';}
.ss-hyphen::before, .ss-hyphen.right::after {content: '–';}
.ss-delete::before, .ss-delete.right::after {content: '×';}
.ss-delete {top: 48% !important; line-height: inherit;}

label {display: block;font-weight: normal;}
.tyffyn600-info9{padding: 0 !important}
#back-to-top .glyphicon {color: #fff; text-align: center; font-size: 24px; margin-top: 5px;}
.carousel-control{width: 10%}
.user-name {position: relative; width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; text-transform: capitalize; vertical-align: middle;}
.custom-header button:hover{background: none}
.order-space h2.title{margin-bottom: 40px;}
.order-space h3{color:#007680;}
.order-space .line-spe{border-right: 1px solid #e5e5e5}
.order-space .line-spe-left{border-left: 1px solid #e5e5e5}
/* zoom shadow */
 .boxshadow{box-shadow: 0 0 5px #e5e5e5; border: 1px solid #f1f1f1;}

/* Move up */
#back-to-top .glyphicon {color: #fff; text-align: center; font-size: 24px; margin-top: 5px;}
.animate-top{position:fixed;width:50px;height:50px;background-color:rgba(20,20,20,.4);right:10px;bottom:-60px;opacity:0;cursor:pointer;padding:8px 13px 8px 13px;transition:opacity .5s,bottom .5s; border-radius: 3px}
.error-msg, .email-msg {color: red; font-size: 14px; font-family: whitney-light;}
.email-msg {color: #fff}
.vcenter {display: inline-block; vertical-align: middle; float: none;}

/* accessories */
.accessories-space{padding: 130px 0; }
.accessories-space-img{padding: 50px 0 20px 0; }
.product .list .selected-tyffyn{color:#007680; font-weight: bold; font-family: 'whitney-medium';}
.btn:focus, .btn-default:focus {outline: none;}
a.green-link-button:hover{text-decoration: none}
.booking-segment .media-right, .media>.pull-right{padding-left: 40px;}

/* modal */
.modal-content {background: none; border: none; box-shadow: none;}
.modal-header {border: none;}
.modal-header .close {background-color: #none; color: #fff; font-size: 50px; padding:0; opacity: 0.5; outline: none}
.modal-header .close:hover, .modal-header .close:focus{background-color: none; transition: 0.5s opacity; opacity: 1}
.modal-backdrop{background: #2d2d2d}
.modal-backdrop.in {opacity: 0.75}

.video-thumbnail:hover{cursor: pointer;}
.video{width: 100%}

/* SEO Section */
.seo-section {margin: 30px auto 20px auto;}
.seo-section h3{margin-bottom: 20px; font-family: 'whitney-light';}
.seo-section p{margin: 15px auto}
.seo-section-header{color: #007680; font-weight: bold;}
.seo-section strong{color: #007680; margin:20px 0 10px 0 ; display: block; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 4px;}

/* Cards */
.card-container{margin: 20px auto;}
.card{overflow: hidden; display: block; padding: 0; margin: 15px 0;}
.card img{-webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; -webkit-backface-visibility: hidden;}
.card img:hover{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-ms-transform:scale(1.1); }
.card-space-right{margin: 6px 0 0 13px ;}
.card-space-left{margin: 6px 13px 0 0 ;}
.card-space-top{margin: 26px 0 0 0 ;}

/* drynk */
.drynknk-anywhere .title, .great-drynk .title:first-child{margin-bottom: 40px}
.drynk-feature li{background: url("../images/drynk/drynk-innovations.png") no-repeat; margin: 10px 15px; width: 130px; min-height: 130px; }
.drynk-feature .feature-1{background-position:24px 0; }
.drynk-feature .feature-2{background-position:-98px 0; }
.drynk-feature .feature-3{background-position:-225px 0; }
.drynk-feature .feature-4{background-position:-350px 0; }
.drynk-feature .feature-5{background-position:-475px 0; }
.grey-container.great-drynk {margin: 30px auto; padding: 40px 0;}
.great-drynk .content{padding: 0 10%; text-align: center;}
.great-drynk img{margin: 50px auto;}
.drynk-pick{margin-bottom: 0}
.drynk-pick img{float: right;}
.drynk-size{background: url("../images/sp-drynk-size.png") no-repeat; width: 80px; display: block;  height: 110px;}
.drynk-active-600{background-position: -5px 0;}
.drynk-active-350{background-position: -5px -115px;}
.my-ms .drynk-active-600, .id-id .drynk-active-600, .ph-tl .drynk-active-600{background-position: 15px 0;}
.my-ms .drynk-active-350, .id-id .drynk-active-350, .ph-tl .drynk-active-350{background-position: 15px -115px;}

.select_sipper {background-position: -120px 5px;}
.select_sipper + li {line-height: 44px;}
.select_sipper_gulper {background-position: -120px -130px; margin: 0 auto;}
.my-ms .title-max, .id-id .title-max, .ph-tl .title-max, .my-ms .select-lids-sipper-gulper, .id-id .select-lids-sipper-gulper, .ph-tl .select-lids-sipper-gulper{width: 160px;}
.my-ms .drynk-size, .id-id .drynk-size, .ph-tl .drynk-size{width: 120px;}
.ph-tl .select_sipper {background-position: -105px 5px;}
.ph-tl .select_sipper_gulper {background-position: -105px -130px;}
.id-id .select_sipper {background-position: -105px 5px;}
.my-ms .select_sipper {background-position: -100px 5px;}
.id-id .select_sipper_gulper {background-position: -120px -130px;}

.drynk-pick{text-align: center; padding: 50px 0;}
.drynk-pick img{float: none; margin: 0 auto;}
.drynk .feature li {font-size: 18px; padding: 5px 0;}
.drynk-style {width: 58px; height: 112px; margin-bottom: 12px; display: block; background: url("../images/drynk/sp-drynk.png") no-repeat left top; padding: 2px 0; border-radius: 5px; position: relative; overflow: hidden;}
.drynk-style.black {background-position: -80px -125px}
.drynk-style.purple {background-position: -7px 0px;}
.drynk-style.gold {background-position: -82px 0px}
.drynk-style.graphite {background-position: -8px -125px}
.drynk-style.shiny-black {background-position: -8px -375px}
.drynk-style.blue {background-position:  -8px -250px;}
.drynk-style.green {background-position: -80px -250px;}
.drynk-style.white {background-position: -81px -376px;}
.drynk-style.red {background-position: -80px -494px;}
.drynk-style.camo {background-position: -153px -250px;}
.drynk-style.cats {background-position: -152px 0px;}
.drynk-style.bunnies {background-position: -152px -126px}
.drynk-style.pink {background-position: -8px -495px}
.drynk-style.yellow {background-position: -223px 0px}
.drynk-style.ombre-pink {background-position: -223px -254px}
.drynk-style.ice-crystal {background-position: -223px -126px}
.drynk-style.velvet-black {background-position: -152px -375px}
.drynk-style.velvet-red {background-position: -152px -505px}
.drynk-style.velvet-silver {background-position: -152px -635px}
.drynk-style.piggy {background-position: -223px -509px}
.drynk-style.urban-python {background-position: -8px -636px}
.drynk-style.pal {background-position: -223px -382px}

.drynk-innovation{text-align: right;}
.drynk-anywhere .title{margin-bottom: 30px;}

/* preserve */
.preserve-style{background: url("../images/preserve/sprite-preserve.png") no-repeat;}
.preserve-style.black {background-position: -468px -4px}
.preserve-style.purple {background-position: -468px -285px}
.preserve-style.gold {background-position: -468px -100px}
.preserve-style.graphite {background-position: -468px -190px}
.preserve-style.white {background-position: -468px -578px}
.preserve-style.green {background-position: -468px -478px}
.preserve-style.blue {background-position: -468px -378px}

.preserve-1600, .preserve-1100, .preserve-800, .preserve-500, .preserve-300{display: block; height: 90px;}
.preserve-1600{background-position: -205px -190px;}
.preserve-1100{background-position: -94px -190px;}
.preserve-800{background-position: 7px -190px;}
.preserve-500{background-position: -460px -190px;}
.preserve-300{background-position: -338px -190px;}

#black-preserve-set{background-position-y: -5px;}
#gold-preserve-set{background-position-y: -98px;}
#graphite-preserve-set{background-position-y: -190px;}
#purple-preserve-set{background-position-y: -283px;}
#blue-preserve-set{background-position-y: -379px;}
#green-preserve-set{background-position-y: -480px;}
#white-preserve-set{background-position-y: -580px;}

/* preserve */
.popcup-style{background: url("../images/popcup/sprite-popcup.png") no-repeat;}
.popcup-style.black {background-position: -465px -1049px}
.popcup-style.blue {background-position: -465px -948px}
.popcup-style.cool-cyan {background-position: -465px -855px}
.popcup-style.cool-grey {background-position: -465px -762px}
.popcup-style.coral-crush {background-position: -465px -670px}
.popcup-style.gold {background-position: -465px -578px}
.popcup-style.lilac-love {background-position: -465px -476px}
.popcup-style.purple {background-position: -465px -377px}
.popcup-style.red {background-position: -465px -1154px}
.popcup-style.scarlet-sun {background-position: -465px -282px}
.popcup-style.silver {background-position: -465px -99px}
.popcup-style.winter-mint {background-position: -465px -5px}

.popcup-250,.popcup-500,.popcup-1000,.popcup-1500{display: block; height: 90px;}
.popcup-250{background-position: -460px -190px;}
.popcup-500{background-position: 7px -190px;}
.popcup-1000{background-position: -94px -190px;}
.popcup-1500{background-position: -205px -190px;}

#black-set{background-position-y: -1049px;}
#blue-set {background-position-y: -948px}
#cool-cyan-set {background-position-y: -855px}
#cool-grey-set {background-position-y: -762px}
#coral-crush-set {background-position-y: -670px}
#gold-set {background-position-y: -578px}
#lilac-love-set {background-position-y: -476px}
#purple-set {background-position-y: -377px}
#red-set {background-position-y: -1154px}
#scarlet-sun-set {background-position-y: -282px}
#silver-set {background-position-y: -99px}
#winter-mint-set {background-position-y: -5px}

.style-inspiration{display: none;}
.si-black.black{display: block;}
.si-blue.blue{display: block;}
.si-cool-cyan.cool-cyan{display: block;}
.si-cool-grey.cool-grey{display: block;}
.si-coral-crush.coral-crush{display: block;}
.si-gold.gold{display: block;}
.si-lilac-love.lilac-love{display: block;}
.si-purple.purple{display: block;}
.si-red.red{display: block;}
.si-scarlet-sun.scarlet-sun{display: block;}
.si-silver.silver{display: block;}
.si-winter-mint.winter-mint{display: block;}

.vertical-center {display: flex; align-items: center;}
.offer-line{border-bottom: 1px dotted #999; border-top: 1px dotted #999; padding: 4px 0; width: 65%; margin: 15px auto 0 auto;}

/* CSS for video play icon */
.video-wrapper { position: relative;}
.video-wrapper > video {width: 100%; vertical-align: middle;}
.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls {display: none;}
.video-overlay-play-button {box-sizing: border-box; width: 100%; height: 100%; padding: 10px calc(50% - 50px); position: absolute; top: 0; left: 0; display: block; opacity: 0.95; cursor: pointer; /* background-image: linear-gradient(transparent, #000); */ transition: opacity 150ms;}
.video-overlay-play-button:hover { opacity: 1;}
.video-overlay-play-button.is-hidden {display: none;}

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.animated.flip {-webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip;}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

/* life with vaya mouse hover */
.containers {position: relative;}
.images {display: block; width: 100%; height: auto;}
.overlays {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: rgba(0, 118, 128, 0.85)}
.containers:hover .overlays {opacity: 1;}
.middles {position: absolute; top: 25%; left: 30%; transform: translate(-20%, -20%); -ms-transform: translate(-20%, -20%); text-align: center;}

.product-spec pre {font-family: whitney-light; line-height: 30px; font-weight: 400; font-style: normal; font-size: 18px; color: #6f6f6f; background: none; border: none; white-space: pre-wrap; padding: 10px 0}
.product-spec-infos { margin-bottom: 30px; }
.product-spec-infos p{ margin: 4px 0; }

.drynk .caption-btn-align, .caption-btn-align{width: unset;left: 11%;right: unset;max-width: unset;padding-top: 62%;top: unset;bottom: unset;}
.drynk .caption-btn-align-2{width: unset;left: 30%;right: unset;max-width: unset;padding-top: 68%;top: unset;bottom: unset;}
.ph-tl .caption-btn-align,.th .caption-btn-align,.ko .caption-btn-align,.de-de .caption-btn-align{left: 15%;padding-top: 65%;}
.ms .caption-btn-align, .id .caption-btn-align,.sg-ms .caption-btn-align{left: 9.5%;padding-top: 62%;}
.drynk .caption-btn-align .btn, .caption-btn-align .btn { margin-bottom: 5px;}
/*-- wordpress to html5 convertion css start --*/

/*-- enquire form --*/
.enquire-form{ padding:10% 0; }
/*.error{ border-color:red;color:red; }*/
.required{ color:red; }
.margin-5{ margin:10% auto; }
.enquire-form label{ color: #4e4e4e; font-size: 20px; }
.enquire-form input, .enquire-form select, .enquire-form textarea{ border-color: #e4e4e4;background-color: #f7f7f7;color: #222222;border-radius:0;padding:10px;font-size: 20px;box-shadow:none; }
.enquire-form input:focus, .enquire-form select:focus, .enquire-form textarea:focus{ border-color:#007680; }
.enquire-form select{ padding:0 5px; }
.enquire-form [type="submit"]{ background-color:#007680;border-radius:50px;padding:8px 15px;color:white;font-size:20px; min-width:120px;outline: none; }
.enquire-form [type="submit"]:hover{ background-color:#5e7e29; }

/*-- faqs --*/
.faq-nav-tabs{border: 0;}
.faq-nav-tabs li.active{background: #2f7680;cursor: default;}
.faq-nav-tabs li.active a{pointer-events: none;}
.faq-nav-tabs li{background: #ffffff;border: 2px solid #2f7680;}
.faq-nav-tabs>li>a{border: 0;}
.faq-nav-tabs>li.active>a, .faq-nav-tabs>li.active>a:focus, .faq-nav-tabs>li.active>a:hover{background: unset;border: 0;color:white;}
.panel-group .dpanel{ border:none; border-radius:0; box-shadow:none; border-top: 2px solid rgba(0,0,0,0.05); }
.dpanel:last-child{ border-bottom: 2px solid rgba(0,0,0,0.05); }
.dpanel .panel-heading{ background-color:transparent; border-radius:0; padding:10px 0; }
.panel-group .dpanel .panel-collapse>.panel-body{ border-top:0; padding:10px 40px 15px 15px}
.dpanel .panel-title{ font-size:18px; padding:10px 0; color:#222222; width: 94%; position: relative; }
.dpanel .panel-title:hover{ color:#999999; }
.dpanel [aria-expanded="true"] .panel-title:hover{ color:#007680; }
.dpanel .panel-title:after{ content:'+'; font-size:22px; font-weight:bold;  position:absolute; right:-6%; top:8px; }
.dpanel [aria-expanded="true"] .panel-title:after{ content:'\002D'; font-size:24px; font-weight:bold; }
.dpanel a:hover, .dpanel a:focus{ text-decoration:none; }
.dpanel .number li{ list-style:decimal; list-style-position: inside; }
.dpanel .number{ padding:0; margin:0; }
.inline-block{ display:inline-block; }
.dpanel .table-bordered{ width:100%; }
.dpanel .table-bordered td{ padding:5px; border-left:0; border-right:0; text-align:center; }

/*-- corporate gifting --*/
.corporate-dark-ban, .corporate-white-ban{ position:relative;padding:28% 8%; background-image:url('../images/banner-corpor1.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover;}
.your-brand{ background-image:none;background-color:#ededed; }
.recipe-to-happiness{ background-image:url('../images/banner-corpor2.jpg');text-align:center; }
.recipe-to-happiness p{margin-bottom:5px;}
.corporate-white-ban{ background-image:none;background-position:left center;background-size:contain;margin: 10px 0px; }
.corporate-dark-ban h3, .corporate-white-ban h3{color:white; font-size: 24px; margin: 15px 0; font-family: 'whitney-book'; }
.corporate-dark-ban p, .corporate-white-ban p{ line-height: 28px; color:white; }
.corporate-white-ban h3{ color:#007680; }
.corporate-white-ban p{ color: #727272; }
.trans-box, .trans-box-black{ height: 100%;width: 100%; background: #ffffff; position: absolute;left: 0;top: 0; }
.enquire{ background:#fff;padding:5px 25px;border-radius:50px;font-size:20px;color:#222; margin: 10px 0}
.gray{ background: #919287;color:white; }
.gray:hover{ background: #686962;color:white; }
.subpad{ padding:4% 5%; }
.align-middle{ width:48%;display:inline-block;vertical-align:middle;padding:0 4%; }

/*-- company --*/
.company-dark-ban, .company-white-ban{position:relative; padding:25% 8%;}
.company-dark-ban h3, .company-white-ban h3{margin:10px 0px;color:white;}
.company-dark-ban p, .company-white-ban p{color:white;}
.company-white-ban h3{color:#007680;}
.company-white-ban p{color: #727272;}
.trans-box, .trans-box-black{height: 100%;width: 100%;background: #ffffffba;position: absolute;left: 0;top: 0;}
.trans-box-black{background: none;}
.black-box{background:black;padding: 5% 5% !important;}
.white-box{background:white;}

/*-- cancellations-container --*/
.cancellations-container{ padding:3% 15px; }
.cancellations-container h1, .cancellations-container h3{ color: #007680;padding:10px 0 15px;}
.cancellations-container h3{ color: #222222;font-size:20px;margin:15px 0  0px; }
.cancellations-container p, .cancellations-container ul li{ text-align:justify;color: #222222;margin-bottom:10px; }
.cancellations-container p{ margin-bottom:20px; }
.cancellations-row{ margin:0; }
.cancellations-container td{ padding:15px 0; }
.li-style-none{ margin-bottom:20px; }
.cancellations-container .btn-success{ background:#467524;border-radius:50px;padding:8px 15px;white-space: normal; }
.cancellations-container .btn-success:hover{ background:#2a500e; }

/*-- terms-conditions --*/
.terms-container{ padding:3% 15px; }
.terms-container h1, .terms-container h3{ color: #007680;padding:10px 0 15px; }
.terms-container h3{ color: #222222;font-size:20px;margin:15px 0  0px; }
.terms-container p, .terms-container ul li{ text-align:justify;margin-bottom:10px; }
.terms-container p{ margin-bottom:20px; }
.terms-row{ margin:0; }
.terms-container td{ padding:15px 0; }
.li-style-none{ list-style:none;margin-bottom:20px; }

/*-- privacy-policy --*/
.privacy-container{ padding:3% 15px; }
.privacy-container h1, .privacy-container h3{ color: #007680;padding:10px 0 15px;}
.privacy-container h3{ color: #222222;font-size:20px;margin:15px 0  0px; }
.privacy-container p, .privacy-container ul li{ text-align:justify;font-family: whitney-light;line-height: 30px;font-weight: 400;font-style: normal;font-size: 18px;color: #222222;margin-bottom:10px; }
.privacy-container p{ margin-bottom:20px; }
.privacy-row{ margin:0; }
.privacy-container td{ padding:15px 0; }
.privacy-row .table>tbody>tr>td {border: none; text-align:justify;font-family: whitney-light;line-height: 30px;font-weight: 400;font-style: normal;font-size: 18px;color: #222222;margin-bottom:10px; }

.address h1{color: #007680; padding-bottom: 30px;}

/*-- error css start --*/
.main-error{width:200px;height:120px;position:relative;top:0;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);}
.circle1, .circle2{width:0px;height:0px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#4a7729;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
.circle1{animation-name:circleAnim1;animation-duration:3s;animation-timing-function: linear;animation-iteration-count: infinite;}
@keyframes circleAnim1{0%{width:0;height:0;opacity:0.9;}100%{width:70px;height:70px;opacity:0;}}
.circle2{animation-name:circleAnim2;animation-duration:3s;animation-delay:1.5s;animation-timing-function: linear;animation-iteration-count: infinite;}
@keyframes circleAnim2{0%{width:0;height:0;opacity:0.9;}100%{width:70px;height:70px;opacity:0;}}
.main-error h3{color:#007680;position:absolute;margin:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);font-size:80px;}
.main-error .leftAlign{left:10%;}
.main-error .centerAlign{left:50%;transform:translate(-50%,-50%);}
.main-error .rightAlign{right:10%;}
.container-error{padding:7% 30px;}

/*-- wordpress to html5 convertion css end --*/
.caption-btn-align-home, .caption-btn-align-tyffyn{width: unset; left: 30%; right: unset; max-width: unset; padding-top: 56%; top: unset; bottom: unset;}
.caption-btn-align-tyffyn {left: 10%; padding-top: 58%}
.hk .caption-btn-align-tyffyn, .tw .caption-btn-align-tyffyn, .ko .caption-btn-align-tyffyn  {left: 17%;}
/* .caption-btn-align-home .btn, .caption-btn-align-tyffyn .btn{margin-bottom:5px; padding: 8px 15px;} */
.nopad-top{padding-top:0;}
.nopad-bottom{padding-bottom:0;}
.nopad-left{padding-left:0;}
.nopad-right{padding-right:0;}
.nopad{padding:0;}
.nomargin{margin: 0 !important}
.nomargin-top{margin-top: 0;}
.nomargin-bottom{margin-bottom: 0;}
.nomargin-left{margin-left: 0;}
.nomargin-right{margin-right: 0;}
.margintop-2{margin-top:2%;}
.margintop-5{margin-top:5%;}
.margintop-10{margin-top:10%;}
.margintop-15{margin-top:15%;}
.margintop-20-{margin-top:20%;}
.margin-bottom-30{ margin-bottom: 30px;}

/* innovation */
.innovation-wrapper .nav-tabs>li.active>a, .innovation-wrapper .nav-tabs>li.active>a:focus, .innovation-wrapper .nav-tabs>li.active>a:hover {color: #FFFFFF;background-color: #007680;border: 1px solid #007680;}
.innovation-wrapper .nav-tabs>li>a,.innovation-wrapper .nav-tabs>li>a:hover {border-radius: 0;background-color: #ccc;color:#fff;padding: 3px 30px;border-top:0font-weight: 600;font-size: 14px;line-height: 23px;}
.innovation-wrapper .nav-tabs {border-bottom: 0;}
.innovation-wrapper .tab-content .inno-card {padding: 8rem 0;}
.innovation-wrapper .title {font-family: 'whitney-medium'; padding: 15px 0;}
.innovation-wrapper sup {font-size: 60%;letter-spacing: 1px;}
.innovation-content p, .innovation-wrapper .inno-description {font-size: 20px; color: #4e4e4e; line-height: 36px;}
.innovation-wrapper .inno-card-even {background-color: #f1f1f1;}
.innovation-wrapper .img-br-bg img{border-radius: 50%; width: 350px; height: 350px; margin: 0 auto}
.innovation-btn{text-align: left;}
.innovation-grey{background: #f1f1f1;}
.innovation-content{margin: 7% 18%; color: #4e4e4e;}
.innovation-content p{margin: 22px auto;}

/* New Layout */
.cover-img {position: relative; width: 100%;min-height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; background-position: center; background-image: url('../images/vayalife.jpg'); text-align: center; color: white; margin-top: -110px;}
.cover-img .header-content {position: relative; text-align: center; padding: 100px 15px 100px; width: 100%;}

.country-selection .logo{position: absolute; left: 0; margin: 1% 2%}
.country-selection h2{ margin:6% auto 0 auto; font-size: 30px; padding: 8px 0 5px 0; color: #909090; font-weight: bold}
.country-selection .select-country h3{font-size: 21px; font-family: 'whitney-medium'; color: #007680; margin: 20px auto 3px auto;}
.country-selection .select-country {margin: 4% auto 6% auto; background: url(../images/world-map.png) no-repeat center center; background-size: contain;}
.country-selection .select-country ul{margin:0 auto; padding:0; width: 100%; text-align: center;}
.country-selection .select-country ul li{ display: inline-block; list-style:none; margin: 1.5% 0.5%; vertical-align: top; width: 145px; text-align: center;}
.country-selection .select-country ul li a{color: #808080;}
.country-selection .select-country ul li a:hover{color: #515151;}
.country-selection .select-country ul ul li {margin: 0}
.country-selection .select-country ul li a {text-decoration: none;}
.country-selection .select-country ul li ul{width: 100%}

.country-selection .select-country .flag{width:73px; height:38px; background: url(../images/country-selection.png) no-repeat; display: block; margin: 0 auto;}
.country-selection .select-country .flag-aus{background-position: -1px -2px}
.country-selection .select-country .flag-deu{background-position: -1px -47px;}
.country-selection .select-country .flag-hkg{background-position: -2px -93px}
.country-selection .select-country .flag-ind{background-position: -2px -139px}
.country-selection .select-country .flag-idn{background-position: -2px -183px}
.country-selection .select-country .flag-phl{background-position: -2px -229px}
.country-selection .select-country .flag-sgp{background-position: 0 -275px}
.country-selection .select-country .flag-mys{background-position: -2px -318px}
.country-selection .select-country .flag-us{background-position: -2px -413px}
.country-selection .select-country .flag-tw{background-position: -1px -592px}
.country-selection .select-country .flag-fr{background-position: -1px -545px}
.country-selection .select-country .flag-uk{background-position: -1px -457px}
.country-selection .select-country .flag-canada{background-position: -2px -501px}
.country-selection .select-country .flag-global{background-position: -2px -367px}
.country-selection .select-country .flag-ko{background-position: -2px -637px}
.country-selection .select-country .flag-jp{background-position: -2px -729px}
.country-selection .select-country .flag-th{background-position: -2px -683px}
.country-selection .select-country .country-modal a, .country-selection .select-country .country-modal span {cursor: pointer;}

.country-selection .welcome-txt h1, .country-selection .welcome-txt h2 {color: #fff; text-shadow: 0 3px 10px rgba(0,0,0,0.55); font-family: 'whitney-light'; font-weight: bold; font-size: 36px;}
.country-selection .welcome-txt h1{ font-size: 60px; font-family: 'whitney-medium'; margin-bottom: 25px;}
.country-selection .locate-country{font-weight: bold; font-family: whitney-book; padding: 10px 50px; font-size: 21px; box-shadow: 0 2px 9px 1px #3a3838}

/* Global drop down */
.wrapper-dropdown {position: relative; width: 300px; margin: 0 auto; padding: 10px 15px; background: #fff; border: 0 solid rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(50, 50, 50, 0.1); cursor: pointer; outline: none; text-align: left; }
.wrapper-dropdown:after {content: ""; width: 0; height: 0; position: absolute; right: 15px; top: 50%; margin-top: -3px; border-width: 6px 6px 0 6px; border-style: solid; border-color: #000 transparent; }
.wrapper-dropdown .dropdown {position: absolute; top: 100%; left: 0; right: 0; padding: 0; margin: 0; background: white; border: 1px solid rgba(0, 0, 0, 0.17); font-weight: normal; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; list-style: none; opacity: 0; pointer-events: none; overflow-y: scroll;
height: 280px; }
.wrapper-dropdown .dropdown li {display: block; padding: 10px; text-decoration: none; color: #000; border-bottom: 1px solid #e6e8ea; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.wrapper-dropdown .dropdown li i {float: right; color: inherit; }
.wrapper-dropdown .dropdown li:last-of-type a {border: none; }
.wrapper-dropdown .dropdown li:hover {background: #f3f8f8; }
.wrapper-dropdown.active .dropdown {opacity: 1; pointer-events: auto; }
#countryModal .modal-dialog {top: 40%; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; }
#countryModal .modal-body {display: inline-block; }
.button-wrap {margin: 5px 22px; }
#myInput {background-position: 10px 12px; background-repeat: no-repeat; width: 100%; padding: 8px 5px 8px 35px; border: 1px solid #ddd;  }
#dropdown-list input{background: url('../images/search-icon.png') no-repeat scroll 4px 11px; }

/* footer */
footer {padding: 10px 0 5px 0}
footer .sign-btn {padding: 5px 18px;}
footer .sign-up {padding: 40px 0 0 0}
footer .sign-up .form-group{vertical-align: middle;}
footer .sign-up .form-control{width: 80%;}
footer .sign-up .form-control {display: block; margin: 0 auto 10px auto}
footer .footer-menu li {text-align: left; padding: 3px 0}
.choose-country span{display: inline-block; background-image: url(../images/n-sprite-footer.png); background-repeat: no-repeat; line-height: 0; opacity; width: 34px; height: 26px; vertical-align: middle;}
.choose-country {vertical-align: middle; color: #fff; display: table; margin-top: 10px; font-family: 'whitney-medium';}
.choose-country:hover, .choose-country:focus{text-decoration: none; color: #fff}
.footer-globe { background-position:0 -111px}
footer .footer-menu.footer-links li{display: inline-block; padding: 0 10px;}

#yt-player iframe{width: 100%; border: 0}
.contact-detail{margin:30px 0 20px 0;}
.contact{margin: 40px auto 50px auto;}
.contact-info{margin: 60px auto; font-size: 20px; line-height: 40px;}
.contact-info strong{font-family: 'whitney-book';}
.contact-info p{ margin: 0 0 15px 0; }
.contact-info span {padding: 0 30px;}
.contact-info span:first-child {padding-left:0}
.contact-info i{color: #007680; font-size: 21px;  margin:0 7px 0 0;}
.contact-partner hr{ border-top: none; border-bottom: 1px solid #b5b5b5; margin: 0;}
.contact-info a{color:#007680; text-decoration: none;}
.vaya-address.contact-info{display: flex; flex-flow: row; margin: 15px 0 0 0 }
.contact-info hr{margin: 20px 0}

.footer-sprite .footer-logo{background-position: -48px -4px; width: 44px; height: 40px; margin: 0; }
.footer-sprite .copy-right{vertical-align: middle; display: inline-block; color: rgba(255,255,255,0.6);}
footer {color: rgba(255,255,255,0.8)}
footer, footer .footer-menu li, footer .footer-sn {text-align: left;}
.footer-sprite a { display: inline-block; background-image: url(../images/n-sprite-footer.png); background-repeat: no-repeat; line-height: 0; opacity: .85; transition: .5s opacity; width: 31px; height: 31px}
.footer-sprite a:hover { opacity: 1}
.footer-fb { background-position: -2px -2px}
.footer-tw { background-position: -2px -38px}
.footer-ins { background-position: -3px -75px}

/** generic css **/
.padding-horizontal-0{padding-left:0;padding-right:0}
.center-div {float: none; margin: 0 auto ;}
.margin-vertical-05{margin-top:.5rem;margin-bottom:.5rem}
.margin-vertical-07{margin-top:.7rem;margin-bottom:.7rem}
.company-wrapper .margin-vertical-10, .corporate-gifting-wrapper .margin-vertical-10{margin:6rem 0}
.company-wrapper.margin-bottom {margin-bottom: 70px}
.no-border-radius{border-radius: 0;-webkit-border-radius:0;-moz-border-radius:0;}

/** Login and Sign Up css **/
.auth-wrapper .top-level-container-2 { max-width: 1040px;margin: auto ;}
.auth-wrapper .auth-form { padding-top: 1rem;padding-bottom: 2rem;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100%;}
.auth-wrapper .auth-form h1{font-family:'whitney-medium';padding-bottom:2rem;color:#007680; line-height: 46px;}
.de-de .auth-wrapper .auth-form h1{font-size: 30px;}
.auth-wrapper .auth-form .form-group{position:relative; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;border-bottom:1px solid #ced4da; padding: 0 10px;}
.auth-wrapper .auth-form .form-group .form-control:focus{border-bottom-color:#007680}
.auth-wrapper .auth-form .fa+input{margin:0 14rem 0 2rem}
.auth-wrapper .auth-form input, .auth-wrapper .auth-form .flat-input{font-size:18px; transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;outline:0;-webkit-box-shadow:none;box-shadow:none;border:none;-webkit-border-radius:0;border-radius:0;-webkit-box-sizing:content-box;box-sizing:content-box;background-color:transparent; }
.auth-wrapper .auth-form .signup-mobile{width: auto; display: inline-block;}
.auth-wrapper .auth-form .signup-calling-code{border-right: 1px solid #bbb; padding-right: 10px; color: #006f79; font-size: 16px;}

.sg-ms .auth-wrapper .auth-form h1, .ph-tl .auth-wrapper .auth-form h1 {font-size: 22px; line-height: 30px;}
.id-id .auth-wrapper .auth-form h1{font-size: 20px; line-height: 30px;}
.sg-ms .auth-wrapper .auth-form .enquiry-thank h1, .ph-tl .auth-wrapper .auth-form .enquiry-thank h1 , .id-id .auth-wrapper .auth-form .enquiry-thank h1{font-size: 36px; line-height: 30px;}
.auth-wrapper .auth-form input.btn.blue-button {color: #fff; background: #006f79; border-radius: 100px; }
.auth-wrapper .auth-form input.btn.blue-button:hover, .auth-wrapper .auth-form input.btn.blue-button:focus{border: 1px solid #006f79; color: #006f79; background-color: #fff; outline: none;}

.auth-wrapper .auth-form .prefix, .auth-wrapper .auth-form .sign-up-country{position:absolute;-webkit-transition:color .2s;-o-transition:color .2s;transition:color .2s;top:1.5rem;}
.form-group:focus-within{border-bottom:1px solid #25767f }
.auth-wrapper .auth-form .prefix:before, .auth-wrapper .auth-form input:focus{color:#25767f}
.auth-wrapper .auth-form .btn-login, .corporate-gifting-wrapper .btn-login{padding:1rem 0;color:#25767f}
.auth-wrapper .auth-form .auth-footer{padding:1rem 0 3rem 0}
.auth-wrapper .auth-form .btn-login a, .corporate-gifting-wrapper .btn-login a{background-color:#25767f;color:white;font-family:"whitney-medium"; text-align:center; padding:0.4rem 4rem; border-radius:25px; transition:0.5s background-color; display:inline-block; cursor:pointer; border:1px solid #25767f}
.auth-wrapper .auth-form .btn-login a:hover{background-color:#fff;color:#25767f}
.auth-wrapper .auth-form .auth-footer a,
.auth-wrapper .auth-form .auth-footer a:hover { color: #2b7a78;}
.auth-wrapper .auth-form .fa-lock:before { content: "\f023";font-size: 2.2rem;line-height: 14px;}
.auth-wrapper .auth-form .login-error,
.auth-wrapper .auth-form .signup-error,
.auth-wrapper .auth-form .send-reset-email-error,
.auth-wrapper .auth-form .reset-password-error,
.auth-wrapper .auth-form .corporate-enquiry-error{color: red;text-align: center;}

.auth-wrapper .ddTextbox {display: inline-block; margin-left: 2rem;}
.auth-wrapper .prefixSelect, .auth-wrapper .prefixSelect:focus { border: none; outline: 0; margin-left: 2rem; -webkit-appearance: none; padding: 7px 32px 3px 5px; margin-bottom: 10px; border-radius: 0 }
.auth-wrapper select.prefixSelect {background-color: #fff;  background-image: linear-gradient(45deg, transparent 50%, #25767f 50%), linear-gradient(135deg, #25767f 50%, transparent 50%); background-position: calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) 0.5em; background-size: 5px 6px,6px 5px,1px 1.5em; background-repeat: no-repeat; color: #006f79; width: 100%}
.auth-wrapper .auth-wrapper .auth-form .signup-mobile {text-indent: 0;}

.auth-wrapper .auth-form .sign-up-country {left: 25px; top:9px; color: #007680; font-weight: bold; letter-spacing: 1px;}
.auth-wrapper select.corporate-enquiry-country.prefixSelect{margin-left: 0; padding-right: 32px; width: 105%}
.auth-wrapper .ddTextbox.calling-code {margin-left: 0.5rem;}

/** Sign Up css **/
.auth-wrapper .signup-footer p{margin-bottom: -5px;}

/** reset password css **/
.send-reset-email-form {margin: 3rem 0 5rem 0; }

/** logout css **/
.logout-container {padding: 20rem 4rem;}
.logout-container p {font-family: 'whitney-medium'; font-size: 28px; color: #007680;}

/** company css **/
.company-wrapper {position: relative;}
.company-wrapper .company-white-ban {background-image: none;padding: 2% 8%}
.company-wrapper .company-white-ban p{font-size: 21px;letter-spacing: 0.25px; line-height: 40px; margin-top: 20px;}
.company-wrapper .white-button,.company-wrapper .white-button:hover{background:#fff;color: #006f79; border: 3px solid #006f79;font-size: 20px;font-weight: 600;padding: 7px 30px;}
.company-wrapper .btn-item{ bottom: 55px; position: absolute; left: 120px; font-family: 'whitney-medium';}

/** corporate enquire css **/
#enquire-form-container{padding-bottom: 60px;}
#enquire-form-container.auth-wrapper input::placeholder,
#enquire-form-container.auth-wrapper::-webkit-input-placeholder,
#enquire-form-container .required-info p,
#enquire-form-container .select-group.form-group select,
#enquire-form-container .form-group textarea::placeholder,#enquire-form-container .form-group textarea {color: #25767f;}
#enquire-form-container.auth-wrapper .auth-form .form-control {height: auto; padding: 5px 5px 10px 5px; -webkit-appearance: none; color: #006f79}
#enquire-form-container .required-info.form-group {margin: 0 3rem}
#enquire-form-container .required-info.form-group,
#enquire-form-container .required-info.form-group input:focus,
#enquire-form-container .select-group.form-group,
#enquire-form-container .select-group.form-group:focus-within,
#enquire-form-container .form-group.no-border-bottom{border-bottom: 0 ;}
#enquire-form-container .select-group.form-group select,
#enquire-form-container .form-group textarea{border-radius: 0;padding:5px ;font-size: 16px;}
#enquire-form-container .select-group.form-group {margin: 2rem 0 1.5rem 0;}

/** corporate gifting css **/
.corporate-gifting-wrapper .company-banner.company-white-ban {background-image: url('../images/office.jpg'); background-size: cover; background-position: top left;}
.hk-zh .corporate-gifting-wrapper .company-banner.company-white-ban {background-image: url('../images/office-zh.jpg'); background-size: cover; background-position: top left;}
.ph-tl .corporate-gifting-wrapper .company-banner.company-white-ban {background-image: url('../images/office-tl.jpg'); background-size: cover; background-position: top left;}
.id-id .corporate-gifting-wrapper .company-banner.company-white-ban {background-image: url('../images/office-id.jpg'); background-size: cover; background-position: top left;}
.my-ms .corporate-gifting-wrapper .company-banner.company-white-ban {background-image: url('../images/office-ms.jpg'); background-size: cover; background-position: top left;}
.de-de .corporate-gifting-wrapper .company-banner.company-white-ban {background-image: url('../images/office-de.jpg'); background-size: cover; background-position: top left;}
.fr-fr .corporate-gifting-wrapper .company-banner.company-white-ban {background-image: url('../images/office-fr.jpg'); background-size: cover; background-position: top left;}
.jp-ja .corporate-gifting-wrapper .company-banner.company-white-ban {background-image: url('../images/office-ja.jpg'); background-size: cover; background-position: top left;}
.corporate-gifting-wrapper .gift-description h1 {color:#007680; font-size: 30px; font-weight: bold;}
.corporate-gifting-wrapper .gift-description {margin: 5% auto}
.corporate-gifting-wrapper .gift-description .content-wrap p{font-size: 22px; line-height: 40px;}
.corporate-gifting-wrapper .gift-description .border-image img{left: 80px; border-radius: 50%;border: 3px solid #24767f;width:260px;height: 260px;}
.corporate-gifting-wrapper .company-banner2.company-white-ban{background: url('../images/meeting.jpg') top left no-repeat; background-size: 100%; padding: 35% 0%;}
.hk-zh .corporate-gifting-wrapper .company-banner2.company-white-ban{background: url('../images/meeting-zh.jpg') top left no-repeat; background-size: cover; padding: 35% 0%;}
.id-id .corporate-gifting-wrapper .company-banner2.company-white-ban{background: url('../images/meeting-id.jpg') top left no-repeat; background-size: cover; padding: 35% 0%;}
.ph-tl .corporate-gifting-wrapper .company-banner2.company-white-ban{background: url('../images/meeting-tl.jpg') top left no-repeat; background-size: cover; padding: 35% 0%;}
.my-ms .corporate-gifting-wrapper .company-banner2.company-white-ban{background: url('../images/meeting-ms.jpg') top left no-repeat; background-size: cover; padding: 35% 0%;}
.de-de .corporate-gifting-wrapper .company-banner2.company-white-ban{background: url('../images/meeting-de.jpg') top left no-repeat; background-size: cover; padding: 35% 0%;}
.fr-fr .corporate-gifting-wrapper .company-banner2.company-white-ban{background: url('../images/meeting-fr.jpg') top left no-repeat; background-size: cover; padding: 35% 0%;}
.jp-ja .corporate-gifting-wrapper .company-banner2.company-white-ban{background: url('../images/meeting-ja.jpg') top left no-repeat; background-size: cover; padding: 35% 0%;}
.corporate-gifting-wrapper .gift-description p.notes {color:#257780;font-size: 18px;}
.corporate-gifting-wrapper .banner-btn{position: relative;}
.corporate-gifting-wrapper .banner-btn a { bottom: 110px;position: absolute;right: 70px;}
.corporate-gifting-wrapper .gift-description p.small-text{ font-size: 16px;color: #257780;}
.corporate-gifting-wrapper .horizontal-divider{ text-align: left; border-top: 3px solid #257780;line-height: 0;margin: 0 0 -4px 0;width: 75.5%; }
.corporate-gifting-wrapper .horizontal-divider span{padding: 0 99px;background: #fff;line-height: 0; position: relative;left: -1px;}
.corporate-gifting-wrapper .horizontal-divider2{text-align: right;line-height: 0;border-top: 2.5px solid 257780;margin: 0 0 -4px 0;}
.corporate-gifting-wrapper .horizontal-divider2 {padding: 0 139px;}
.corporate-gifting-wrapper .rounded-image{top: -8px; left: 108px;}

/** FAQ **/
.faq-container h1{color: #25767f;margin-top:35px;font-weight: 600;}
.faq-container .faq-nav-tabs li{background: none; border:0; padding: 10px 25px 10px 0;color:#727272}
.faq-container .faq-nav-tabs>li.active>a, .faq-container.faq-nav-tabs>li.active>a:focus, .faq-container .faq-nav-tabs>li.active>a:hover,.faq-container.nav>li>a:focus, .faq-container .nav>li>a:hover{color:#727272;background: none;}
.faq-container .faq-nav-tabs li.active a{border-bottom: 2px solid #a0a0a0;font-family: 'whitney-medium';}
.faq-container .faq-nav-tabs li a {color:#727272;padding:0;}
.faq-container .panel-group .dpanel{border:0;}
.faq-container .dpanel .panel-title:after{top: 0;color: #247680; font-size: 40px;font-weight: 300;}
.faq-container .dpanel .panel-title{font-family: 'whitney-medium';color: #727272;padding: 10px 10px 10px 0}
.faq-container .dpanel .accordion-container{padding:0 30px;}
.faq-container .dpanel .accordion-container:nth-child(even){background:#fff;}
.faq-container .dpanel .accordion-container:nth-child(odd){background: #f0f0f0;}
.faq-container .panel-group{margin-bottom: 0;}
.faq-container .panel-group ul li{list-style: none;}

.tyffyn-position{position: relative; top: 100px;}
.img-cc{position: absolute; left: 0; top: -100px}
.img-ss{position: absolute; left: 170px; top: -40px}
.happiness-homemade{background: #efefef; padding:50px 0;}

.no-padding{padding: 0}
.no-margin{margin: 0}

.common-carousel .carousel {margin-bottom: 0; padding: 0 40px 30px 40px;}
.common-carousel .carousel-inner{width: 92%; margin:0 auto;}
.common-carousel .carousel-control {margin: 0; color: #949099; top: 45%; text-shadow: inherit; opacity: 1}
.common-carousel .carousel-indicators {right: 50%; top: auto; bottom: -10px; margin-right: -19px;}
.common-carousel .carousel-indicators li {background: #cecece;}
.common-carousel .carousel-indicators .active {background: #428bca;}
.common-carousel .carousel-inner.carousel-control.left, .common-carousel.carousel-inner.carousel-control.right { background: none; width: auto; margin: 0; font-size: 30px;}

.video-section .common-carousel .carousel-control {top: 38%;}
.happiness-homemade .common-carousel .carousel-control, .happiness .common-carousel .carousel-control {top: 38%;}

.spotlight .pink-container, .spotlight .orange-container, .spotlight .yellow-container, .spotlight .gre-container{text-align: center; background: #e9f0f2; padding: 7%; position: relative; z-index: 0}
.spotlight .pink-container{
    background: -moz-radial-gradient(center, ellipse cover, #ffeff9 0%, #dfb1cd 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ffeff9 0%,#dfb1cd 100%);
    background: radial-gradient(ellipse at center, #ffeff9 0%,#dfb1cd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeff9', endColorstr='#dfb1cd',GradientType=1 );
}
.spotlight .orange-container{
    background: -moz-radial-gradient(center, ellipse cover, #fff5eb 0%, #ffd2a4 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fff5eb 0%,#ffd2a4 100%);
    background: radial-gradient(ellipse at center, #fff5eb 0%,#ffd2a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5eb', endColorstr='#ffd2a4',GradientType=1 );
}
.spotlight .yellow-container{
    background: -moz-radial-gradient(center, ellipse cover, #fffdf7 0%, #ffeba4 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fffdf7 0%,#ffeba4 100%);
    background: radial-gradient(ellipse at center, #fffdf7 0%,#ffeba4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffdf7', endColorstr='#ffeba4',GradientType=1 );
}
.spotlight .gre-container{
    background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #d1d1d1 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #fff 0%,#d1d1d1 100%);
    background: radial-gradient(ellipse at center, #fff 0%,#d1d1d1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#d1d1d1',GradientType=1 );
}
.spotlight a:first-child{text-decoration: none; color: #6f6f6f}
.spotlight a:hover, .spotlight a:foucs{text-decoration: none;}

.off-img, .new-img{background: url('../images/off.png') no-repeat; position: absolute; width: 60px; height: 60px; z-index: 1; right: 12%; top: 10%;}
.new-img{background: url('../images/new.png') no-repeat;}
.choose-from-finishes {margin: 80px auto}
.tyffynjumbo .title{font-size: 24px;}
.animate-top i{display:block;color:#fff;margin:auto;line-height:42px;font-size:24px}
.bagmat-logo {margin-top: 60px;}
.shop-now-btn {margin-top: 10px;}
#dynamic-content {margin-top: 110px;}

.imgBox > div {background-color: rgba(0,0,255,.2)}
.enquiry-thank {margin: 5rem 0; width: 40% }


/** preserve coding **/
.preserve-wrapper .ready-to-eat.second_div { background: url(/static/external/v2-2018/images/preserve/ready-to-relish.jpg) no-repeat scroll left 50%;
    background-size: cover; padding:4% 15px 4%;}
.preserve-wrapper .ready-to-eat.second_div:before{background: #fff;}
.preserve-wrapper .white-container2 .main-img {max-width: 55%;}
.preserve-wrapper .white-container2{padding-top: 60px;}
.preserve-wrapper .grey-container2{margin:0;}

.preserve-wrapper .preserve-feature li{background-image: url("../images/preserve/preserve-icons.png"); background-repeat:  no-repeat;  margin: 10px 15px; vertical-align: top; float: none; display: inline-block; }
.preserve-wrapper .content {line-height: 36px;}
.preserve-feature .feature-1{background-position:8px 0 }
.preserve-feature .feature-2{background-position:-130px 0 }
.preserve-feature .feature-3{background-position:-265px 0 }
.preserve-feature .feature-4{background-position:-399px 0 }
.preserve-feature .feature-5{background-position:-534px 0 }
.preserve-feature .feature-6{background-position:-670px 0 }
.preserve-wrapper .feature li {font-size: 20px;padding: 10px 0;}
.preserve-wrapper .preserve.stack-container {margin: 0 auto; padding: 30px 0}
.preserve-wrapper .stack-left { padding-left: 70px;}

/* filter style start */

	/*.filter:nth-child(2) {border-left: 1px solid #ddd}*/
	.filters { padding: 20px; box-shadow:0 3px 16px 0 rgba(0,0,0,.11); border-radius: 10px; background-color: #fff;}
	.filters .btn-default{font-size: 14px; padding: 3px 7px; border: none; background-color: #dcdcdc; color: #575763}
	.filters .ui-group{margin-bottom: 30px;}
	.filters .ui-group:last-of-type{margin-bottom: 0}
	.filters .ui-group h3, .filters h2{font-size: 21px; font-family: 'whitney-book'; font-weight: 700; color: #007680; margin-bottom: 20px;}
	.filters .ui-group h3 span{font-size: 14px; color: #999;}
	.filters .ui-group h3{font-size: 16px; font-weight: 400; color: #6f6f6f; margin-bottom: 10px;}
	.filters .ui-group hr{margin: 10px 0; border-color: #efefef}
	.filters .btn-default.is-checked{border-color: #008080; background-color: #cc7146; color: #fff}
	.filters .btn-default:focus{outline: none; border: none; box-shadow: none;}
	.filter-set a{box-shadow: 0 0 2px #999; border-radius: 3px; background-color: #fff; margin-top: 20px; font-size: 16px; text-align: right; border: none; padding: 10px 15px; display: inline-block !important;}
	.filter p.product-name{padding: 0 5px;}
	.product-price, .product-name{font-size: 16px; text-align: center; padding: 7px 20px 3px 20px; line-height: 22px; margin-bottom: 0; font-weight: 700}
	.product-price{padding: 0; margin-top: 5px;}
	.product-price span{margin-left: 3px;}
	.sticky-filter-btn{display: none}
	.grid-item { width: 25%; overflow: hidden;}
	.grid-item--width2 { width: 25%; margin-top: 0 5px; bottom: 1px solid #aaa}
	.hc .grid-item { width: inherit;}

/* filter style end */

/* image loader */
.image-section { position: relative; }
.image-section::before { content: "";position: absolute;top: 0;height: 100%;width: 100%; left: 0; background: white; opacity: 0.3; }
.image-section::after { content: "";position: absolute;top: 3%;background: url("/static/images/image-loader3.gif") no-repeat;height: 100%;width: 100%;right: 2%; background-size: cover; background-position: center; }
.image-section.loaded::after, .image-section.loaded::before{display: none;}

.tyffyn-kids .out-of-stock {margin: 100px auto; color: #d64d4b; font-size: 21px;}

.hautecase.grey-bg{background: #efefef;}
.hautecase-feature li{background: url("../images/hautecase/hautecase-icon.png") no-repeat; width: 130px; margin: 0 10px;}
.hautecase-feature .feature-1{background-position:20px 0; }
.hautecase-feature .feature-2{background-position:-110px 0; }
.hautecase-feature .feature-3{background-position:-240px 0; }
.hautecase-feature .feature-4{background-position:-370px 0; }
.hautecase-feature .feature-5{background-position:-501px 0; }
.hautecase-feature .feature-6{background-position:-630px 0; }

.hautecase .preserve-wrapper {background: url("../images/popcup/pop-icon.png") no-repeat; background-position-x: 0%; background-position-y: 0%; margin: 10px 15px; width: 130px; height: 130px;}
.pop-total{background:#efefef;}
.hautecase .pop-left{padding-top:15%; padding-left:7%; } /*background:#efefef;*/
.hautecase h1{font-size:34px;}
.hautecase .pop-left{width:45%;float:left;}
.hautecase .pop-left h2{font-size:34px; color:#006f79; padding-bottom:20px;}
.hautecase .pop-left p{font-size:18px; color:#626268; line-height:35px; padding-right:1%; width:74%;}
.hautecase .pop-right{padding-right:0; padding-left:0; width:55%;float:right;}
.hautecase .link1 a{font-size:14px; padding:10px 25px;margin-top:18px;}
.hautecase .pop-right2{width:45%;float:right;padding-left:11%; padding-top:10%;}
.hautecase .pop-left2{padding-right:0; padding-left:0;  width:55%;float:left;}
.hautecase .pop-right2 h2{font-size:34px; color:#006f79; padding-bottom:20px;}
.hautecase .pop-right2 p{font-size:18px; color:#626268; line-height:35px; padding-right:1%; width:70%;}

.hautecase p{margin: 7px auto}
.hautecase.product{padding-bottom: 20px; margin-bottom: 0}
.hautecase .pipe-symbol{padding: 0 3px;}

.hautecase .white-container .main-img {max-width: 100%; margin-top: 48px;}
.hautecase h1{font-size:31px}
.hautecase-listing .new-list.product .product-name{min-height:24px; padding: 0 20px;}
.hautecase-listing .activeml { color: #006f79; font-weight: bold;}
.hautecase .hautecase-left3 {padding-top: 8%;}
.hautecase .hautecase-left1, .hautecase .hautecase-right4 {padding-top: 9%;}
.hautecase .hautecase-right2 {padding-top: 10%;}
.hautecase .hautecase-right2-2 {padding-top: 17%;}
.hautecase .product-name, .hautecase .listing-size .size {cursor: pointer; font-weight: bold; font-family: whitney-book;}
.hautecase .order-list{margin-top: 10px;}
.hautecase .pop-right2 p,.hautecase .pop-left p{margin-left: 0}
.hautecase-listing .hautecase .product-img{padding-top: 20px;}

.hautecase-style {width: 100px; height: 80px; margin-bottom: 12px; display: block; background: url("../images/hautecase/sp-hautecase.jpg") no-repeat left top; padding: 2px 0; border-radius: 5px; position: relative; overflow: hidden;}
.hautecase-style.sable-black {background-position: -113px -250px}
.hautecase-style.iris-purple {background-position: -113px -170px}
.hautecase-style.cloud-grey {background-position: -113px -90px}
.hautecase-style.azure-blue {background-position: -113px -12px;}

.hautecase-size{background: url("../images/hautecase/hc-sprite.png") no-repeat; width: 110px; display: block;  height: 50px;}
.hautecase-active-1500, .select_stack{background-position: 0 -26px;}
.hautecase-active-1100{background-position: -115px -30px;}

/* pop-cup */
.pop-cup .pop-cup-feature .feature-1{background-position:13px 0 !important}
.pop-cup .pop-cup-feature .feature-2{background-position:-120px 0 !important }
.pop-cup .pop-cup-feature .feature-3{background-position:-250px 0 !important }
.pop-cup .pop-cup-feature .feature-4{background-position:-380px 0 !important }
.pop-cup .pop-cup-feature .feature-5{background-position:-510px 0 !important }
.pop-cup .pop-cup-feature .feature-6{background-position:-640px 0 !important }
.pop-cup .preserve-wrapper .white-container .main-img {max-width: 51%;}

.pop-cup.preserve-wrapper .innovation-feature.preserve-feature li{background: url("../images/popcup/pop-icon.png") no-repeat; background-position-x: 0%; background-position-y: 0%; margin: 10px 15px; width: 130px; height: 130px;}
.pop-total{background:#efefef;}
.pop-cup .pop-left{padding-top:9%; padding-left:7%; } /*background:#efefef;*/
.pop-cup h1{font-size:34px;}
.pop-cup .pop-left{width:45%;float:left;}
.pop-cup .pop-left h2{font-size:34px; color:#006f79; padding-bottom:20px;}
.pop-cup .pop-left p{font-size:18px; color:#626268; line-height:35px; padding-right:1%; width:74%;}
.pop-cup .pop-right{padding-right:0; padding-left:0; width:55%;float:right;}
.pop-cup .link1 a{font-size:14px; padding:10px 25px;margin-top:18px;}
.pop-cup .pop-right2{width:45%;float:right;padding-left:10%; padding-top:8%;}
.pop-cup .pop-left2{padding-right:0; padding-left:0;  width:55%;float:left;}
.pop-cup .pop-right2 h2{font-size:34px; color:#006f79; padding-bottom:20px;}
.pop-cup .pop-right2 p{font-size:18px; color:#626268; line-height:35px; padding-right:1%; width:70%;}

.pop-cup .luxray{background-image:url("../images/popcup/popcup-background.jpg"); padding:55px 0;}
.pop-cup .luxray .luxcontent{padding-left:20px;}
.pop-cup .luxray .luxcontent h2{font-size: 35px;color: #006f79;margin-top:70px;}
.pop-cup .luxray .luxcontent p{font-size:18px; color:#000; line-height:36px; margin-top:16px;}
.pop-cup .luxray .luxray-img img{margin-top:50px; width:91%;}
.pop-cup .luxray .luxcontent a{margin-top:10px;}
.container-fluid .tray-img{margin-top:90px;}

.pop-cup-listing {margin: 50px auto 20px auto;}
.pop-cup-listing .radio-container {display: inline-block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 19px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: left;}/* Hide the browser's default radio button */
.pop-cup-listing .radio-container input {position: absolute;opacity: 0;cursor: pointer;}/* Create a custom radio button */
.pop-cup-listing .checkmark {position: absolute;top: 0;left: 0;height: 23px;width: 23px;background-color: #fff;border-radius: 50%;border: 2px solid #007680;}/* On mouse-over, add a grey background color */
.pop-cup-listing .radio-container:hover input~.checkmark {background-color: #fff;}/* When the radio button is checked, add a blue background */
.pop-cup-listing .radio-container input:checked~.checkmark {background-color: #fff;}/* Create the indicator (the dot/circle - hidden when not checked) */
.pop-cup-listing .checkmark:after {content: "";position: absolute;display: none;} /* Show the indicator (dot/circle) when checked */
.pop-cup-listing .radio-container input:checked~.checkmark:after {display: block;}

/* Style the indicator (dot/circle) */
.pop-cup-listing .radio-container .checkmark:after {top: 4px;left: 4px;width: 11px;height: 11px;border-radius: 50%;background: #007680;}
.pop-cup-listcont {margin: auto;float: none;}
.pop-cup-listmaincont{overflow: auto;background: #e5e5e5;padding-bottom: 20px;}
.pop-cup-selcont {margin: auto;float: none;}
.pop-cup-selcont .sub-title {font-size: 21px;margin: auto 0 0px 0;}
.pop-cup-selcont .popcup-notes {font-size: 16px;margin: auto 0 20px 0;}
.popcup-single-cont{margin-bottom: 20px;}
.pop-cup-listing .title {position: relative;margin: 40px 0px 50px !important;}
.pop-cup-listing .sub-title {font-size: 23px; margin: 30px 0 30px 0;}
.pop-cup-listing .sub-title.sub-title-2 {margin: 30px 0;}
.pop-cup-container {/*background-color: #e5e5e5;*/padding-top: 40px;padding-bottom: 40px;}
#pop-cup-cart {margin-bottom: 50px;}
.pop-cup-container .blue-button {font-weight: normal;font-family: 'whitney-medium';font-size: 16px;}
.pop-cup-lists p.title {font-size: 18px;font-weight: 700;color: #808080}
.pop-cup-lists img {margin: auto;}
.popcup-count-input {border: 1px solid #006f79; border-radius: 3px; display: inline-flex; height: 35px;}
.popcup-count-input a {display: inline; text-align: center; text-decoration: none; padding: 2px 11px; font-size: 12px; color: #007680;  cursor: pointer;}
.popcup-count-input a:hover {background: #006f79; color: #fff;}
.popcup-count-input input {border-left: 1px solid #006f79; border-right: 1px solid #006f79; border-top: 0; border-bottom: 0; border-radius: 0px; background: none;text-align: center;width: 50px;color: #006f79; padding: 3px; }
.popcup-incr-btn:disabled,
.popcup-incr-btn[disabled]{opacity: 0.6;}
.pop-cup-container .btn[disabled]{opacity: 1;color: #25767f;background: #ccc;-webkit-appearance: none;}
.imgBoxCont .single-popcup-img{margin: auto;float: none;}
.popcup-single-cont .error-msg{color:red; }
.sets-price .strikeout{color: #a94442;}
.sets-price{font-size: 16px;}
.popcup-single-cont .sub-title{font-size: 16px;}
.pop-cup-container .error-msg {height: 40px;font-size: 15px;}
.popcup-sticky .sticky-product-info li:first-child:before {
    content: '';
}

.preserve-wrapper .innovation-feature.preserve-feature li{background: url("../images/preserve/preserve-icons.png") no-repeat; margin: 10px 15px; width: 130px; height: 130px; }
.preserve-wrapper .banner img{width:100%;max-width:100%;position:relative;}
.preserve-wrapper .banner-cont2{position:relative;top:0;right:0;}
.preserve-wrapper .banner-cont3{position:absolute;top:0;right:0;}
.preserve-wrapper.innovation-feature .feature-2 {background-position: -133px 0;}
.preserve-wrapper .content {line-height: 36px;}
.preserve-wrapper .innovation-feature3{ margin-bottom: 40px; padding: 0; display: inline-block; width:100%;}
.preserve-wrapper .innovation-feature3 .innovation-feature2 li label{position: absolute; bottom: 0; text-align: center; display: block; font-size: 16px; color: #462c1d; width: 100%; line-height: initial;}
.preserve-wrapper .innovation-feature3 .innovation-feature2 .feature-1{background-position:19px 0 }
.preserve-wrapper .innovation-feature3 .innovation-feature2 .feature-2{background-position:-120px 0 }
.preserve-wrapper .innovation-feature3 .innovation-feature2 .feature-3{background-position:-255px 0 }
.preserve-wrapper .innovation-feature3 .innovation-feature2 .feature-4{background-position:-389px 0 }
.preserve-wrapper .innovation-feature3 .innovation-feature2 .feature-5{background-position:-524px 0 }
.preserve-wrapper .innovation-feature3 .innovation-feature2 .feature-6{background-position:-660px 0 }
.preserve-wrapper .sp2, .kids-pedia .sp2{position:absolute;bottom:-20px !important;}
.preserve-wrapper .stack-left{padding-left:70px;}
.preserve-wrapper .new-list p {font-weight: bold;}
.preserve-wrapper .new-list .out-of-stock{min-height: auto;}
.preserve-wrapper .product .selected-tyffyn {color: #555}
/* .preserve-wrapper .product .list {min-height: 60px; padding: 0 !important} */

.preserve-wrapper .product .list a{display: inline-block;}
.preserve-wrapper .product .list a::before{content:""; padding: 0}
.preserve-wrapper .product .list a::after{content:"|"; padding: 0 3px; color:#999 !important; font-family: 'whitney-light';}
.preserve-wrapper .feature h1{ margin-top:30px;margin-bottom:0 }
.preserve-wrapper .storage.white-container {padding-top:60px;margin: 0 auto;}
.preserve-wrapper .white-container .main-img, .kids-pedia .main-img{max-width:60%;}
.preserve-wrapper .white-container, .grey-container{margin:0;}
.kids-pedia .product img{margin:0 auto;}
.kids-pedia .product .list a{display:inline;}
.preserve-wrapper .ready-realish{float:left;width:50%;}
.preserve-wrapper .ready-realish img{width:100%;max-width:100%;}
.preserve-wrapper .top-auto {top:68% !important;}
.preserve-wrapper .link1.link2.col-md-12.col-xs-6 {position: relative; right: 15px;}
.preserve-wrapper .sp3 { position: absolute; bottom: -2px !important;}
.preserve-wrapper .preserve.stack-container {margin: 0 auto;padding: 50px 0 !important;}
.preserve-wrapper .title{margin:20px 0 20px 0;}
.preserve-wrapper .preserve-space .title{margin: 50px 0 20px 0}
.preserve-wrapper .product-info .title{margin:10px 0;}
.preserve-wrapper .product .title, .kids-drynk-section .product .selected-tyffyn {color: #007680; font-weight: bold; font-family: 'whitney-medium';}
.preserve-wrapper .grey-spacing{margin-top: 50px;}

/* SEO Section */
.seo-section {margin: 30px auto 20px auto;}
.seo-section h3, .seo-section h2{margin-bottom: 20px; font-family: 'whitney-light';}
.seo-section p{margin: 15px auto; text-align: justify;}
.seo-section strong{color: #007680; margin:20px 0 10px 0 ; display: block; }
.seo-section h2{font-size: 18px; border-bottom: none; margin-bottom: 0; padding-bottom: 5px; line-height: 24px;}
.seo-section .table>tbody>tr>td, .seo-section .table>tbody>tr>th, .seo-section .table>thead>tr>td, .seo-section  .table>thead>tr>th {padding: 6px; font-size: 16px; border-bottom: 1px solid #ddd}
.seo-section .table>thead>tr>th {font-family: 'whitney-book';}
.booking-segment h3, .seo-section h3, .seo-section h2 {color: #007680;font-family: 'whitney-medium';font-size: 18pt;margin: 10px 0;}
.distributor-enquiry{margin: 25px 0}

@media (min-width: 768px) {
  .cover-img {min-height: 100%;}
  .cover-img .header-content {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0 50px;}
}

@media only screen and (max-width: 1280px){
    .accessories-space{padding: 50px 0; }
    .carousel-caption{ /* top: 65% */ right: 5%}
    .carousel-caption .green-button{padding: 5px 20px; font-size: 16px;}
    .carousel-caption h3{font-size: 21px;}
    .caption-placement-2 {right: 19%;}
    .country-selection .select-country ul{width: 85%;}
    .country-selection .welcome-txt{top: 14%}
}
@media only screen and (max-width: 1200px){
    .caption-placement-2 {right: 17%;}
    .carousel-caption.left-align {left: 12%; top: 81%;}
    .corporate-gifting-wrapper .horizontal-divider span {left: 0; padding: 0 82px;}
    .corporate-gifting-wrapper .rounded-image { top: -6px; left: 48px;}
    .country-selection .select-country ul li {width: 160px;}
    .custom-header .navbar-nav>li>a {font-size: 16px; padding-left: 12px; padding-right: 12px;}
    .custom-header .navbar-nav>li>a.btn {margin-right: 15px;}
    .price-info .delivery-infolockdown-msg{padding-left: 15%}
}
@media only screen and (max-width: 1024px){
    .carousel-caption{ /* top: 12%; padding: 5px 0; */ width: 100%; right: 0%}
    .caption-btn-align-tyffyn{width: 100%; padding-top: 58%}
    .carousel-caption.caption-600 { max-width: 35%;}
    .carousel-caption.caption-600  p{font-size: 18px;}
    .feature-desc{ margin:15% 10%}
    .at-work, .at-home {height: 25em;}
    footer .sign-up .form-control{font-size: 10pt;}
    .vacutherm{margin:40px auto 20px auto;}
    .user-name {width: 70px;}
    .feature{margin-top: 0}
    .bagmat-section .grey-spacing-kyds{margin: 20px 0;}
    .grey-spacing .loading{margin-bottom: 20px;}
    .media-heading-mini .list-group-item .media-heading{font-size: 13pt;}
    .caption-placement-2 {right: 10%;}
    .carousel-caption.left-align {left: 3%; top: 81%;}
    .country-selection .welcome-txt{top: 10%}
    .price-info .delivery-infoweeks-msg{padding-left: 0%}
}

@media only screen and (min-width: 992px){
    .dropdown-menu .sub-menu {left: 100%;position: absolute;top: 0;visibility: hidden;margin-top: -1px;}
    .dropdown-menu li:hover .sub-menu {visibility: visible;}
    .dropdown:hover .dropdown-menu {display: block;}
    .nav-tabs .dropdown-menu,.nav-pills .dropdown-menu,.navbar .dropdown-menu {margin-top: 0;}
    .navbar .sub-menu:before {border-bottom: 7px solid transparent;border-left: none;border-right: 7px solid rgba(0, 0, 0, 0.2); border-top: 7px solid transparent;left: -7px;top: 10px;}
    .navbar .sub-menu:after {border-top: 6px solid transparent;border-left: none;border-right: 6px solid #fff;border-bottom: 6px solid transparent; top: 11px; left: -6px;}
}
@media only screen and (max-width: 992px){
    .accessories-space{padding: 20px 0; }
    .white-container .main-img{max-width: 60%}
    .white-container .main-container-img {width: 100%}
    .booking-segment h3{font-size: 16pt;}
    .tyffyn-style li {padding: 7px}
    .preserve .tyffyn-style li {padding: 0px}
    .count-input input {width: 70px;}
    .count-input strong{font-size: 14pt;}
    .booking-segment .media-heading {font-size: 14pt;}
    .booking-segment .media-body p{font-size: 12pt; margin-top: 10px;}
    .media-heading-mini .list-group-item{padding: 5px 0;}
    .media-heading-mini .list-group-item .media-heading {font-size: 12pt; margin-bottom: 10px;}
    .product .title {font-size: 18px;}

    .navbar-header {float: none; }
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none;}
    .navbar-nav {float: none;margin: 7.5px -15px;}
    .navbar-nav>li {float: none; }
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in { display: block!important;}
    .collapsing { overflow: hidden!important;}

    .custom-header .main-menu {margin: 0 auto}
    .main-menu.navbar-nav li{padding:0em; width: 100%; background: #fff; text-align: left; border: 0; border-bottom: 1px solid #eee}
    .icons, .product-icons {display: inline-block; margin-bottom: 0}

    .main-menu.sec-menu {display: inline-block; margin: 0; font-size: 18px;}
    .main-menu.sec-menu.navbar-nav{float: right !important}
    .main-menu.sec-menu.navbar-nav li{width: auto; border-bottom: none; display: inline-block;}
    .main-menu.sec-menu.navbar-nav li:hover{border-color: #007680; }
    .main-menu.sec-menu.navbar-nav li ul li{padding:0px; border: 0;  border-bottom: 1px solid #eee}
    .dine-style .bagmat-style-women {width:40%; margin:0 auto}
    .carousel-caption p {font-size: 15px; margin-bottom: 0; line-height:20px;}
    .carousel-caption.caption-600  p{font-size: 15px; line-height:20px}
    .tyffyn-section{margin: 30px auto;}
    .innovation-feature li{margin: 0 7px;}
    .drynk-feature li{margin: 5px;}
    .blue-button, .blue-button-s, .mini-blue-btn, .mini-green-btn, .white-button {padding: 6px 12px;}
    .filter .blue-button, .filter .blue-button-s, .filter .mini-blue-btn, .filter .mini-green-btn, .filter .white-button {color: #fff; background: #006f79; border-radius: 100px; padding: 7px 20px; margin: 10px auto; }
    .carousel-caption .btn{font-size: 14px;}

    .country-selection .select-country ul{width: 100%;}
    .country-selection .select-country ul ul li {display: block;}
    .company-wrapper.margin-bottom {margin-bottom: 40px}

    .hamburger .line{width: 30px; height: 3px; background-color: #006f79; display: block; border-radius: 3px; margin: 5px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .hamburger:hover{cursor: pointer;}
    #hamburger-1.is-active .line:nth-child(2){opacity: 0;}
    #hamburger-1.is-active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg); -ms-transform: translateY(7px) rotate(45deg); -o-transform: translateY(7px) rotate(45deg); transform: translateY(7px) rotate(45deg);}
    #hamburger-1.is-active .line:nth-child(3){-webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg);}
    .navbar-toggle {margin-top: 40px; padding: 0; cursor: pointer;}
    .custom-header .navbar-nav li .cart-icon { margin-right: 20px;}
    .navbar-collapse.collapse {display: none!important;}
    .happiness .common-carousel .carousel-control, .video-section .common-carousel .carousel-control {top: 34%}
    .happiness .common-carousel .carousel-control .fa-3x, .video-section .common-carousel .carousel-control .fa-3x{font-size: 4rem}
    .story-design{width: 60%;}
    .gamechangers p {font-size: 15px;}

    .main-menu.navbar-nav .open .dropdown-menu>li>a:first-child, .main-menu.navbar-nav li {font-size: 18px;}
    .main-menu.navbar-nav .open .dropdown-menu {padding: 0; width: 100%; border: none; }
    .main-menu.navbar-nav .dropdown-menu>li>a {padding: 0; width: 100%; overflow: hidden; text-overflow: ellipsis;}
    .main-menu.navbar-nav.nav > li > a {padding: 3px 12px; line-height: inherit;}
    .main-menu.navbar-nav .active, .us-en.main-menu.navbar-nav li:hover {color: #007680; border-color: #007680;}
    .main-menu.navbar-nav .open .dropdown-menu>li>a {padding: 10px; color: #007680;}
    .main-menu.navbar-nav .open .dropdown-menu>li>a:first-child{border-top: 1px solid #e1e1e1}
    .main-menu.sec-menu.navbar-nav {margin-top: 25px;}
    .custom-header .navbar-nav li .cart-icon {margin-top: 12px;}
    .main-menu.sec-menu.navbar-nav .m-btn {position: relative; top: -13px;}
    .user-name {width: 150px;}
    .img-cc, .img-ss{width: 75%}
    .img-ss{left: 100px; top: -40px;}
    footer .sign-up {padding: 40px 20px 0 0}
    .company-wrapper .btn-item {bottom: inherit; top: 40px; left: 0; width: 100%; margin: 0 auto; display: block; text-align: center;}
    .preserve-wrapper .preserve-feature li{margin: 10px 5px; }
    .preserve-wrapper .white-container2 .main-img {max-width: 75%;}
    .grid-item { width: 33.33%; overflow: hidden;}
}

@media only screen and (min-width:768px) and (max-width:860px){
    .caption-btn-align-home, .caption-btn-align-tyffyn{padding-top: 60%;}
}
@media only screen and (min-width:769px) and (max-width:991px){
    .company-white-ban{background-size: 42%;}
    .lunch-box-contain{background-size:77%;}
    .corporate-white-ban{ background-size: 42%; }
}

@media only screen and (min-width: 768px) {
    .cover-img{min-height: 100%;}
}
@media only screen and (max-width: 767px){
	.casserole-icon { background-position: -30px -480px}
    .grid-item { width: 50%; overflow: hidden;}
	.enquiry-thank {margin: 2rem 0; width: 100% }
    .boxshadow{display: none;}
    .imgBox > div {background-color: rgba(0,0,255,.0); display: none;}
    .shop-now-btn span{display: inline-block !important;}
    body{margin-top: 87px;}
    .country-selection{margin-top: -87px;}
    .title.intro-txt {margin-top:10px;}

    .carousel-caption.random-caption, .carousel-caption.center-caption {top: 44%; width: 100%; max-width: 100%; margin: 0 auto; text-align: center; right: auto; left: auto;}
    .carousel-caption.random-caption{bottom:5%; left: 27%; top: 80%;}
    .carousel-caption.bottom-caption{top:83.5%;}
    .carousel-caption.spl-bottom-caption{top: 62%; left: 22%;}
    .gb-en .carousel-caption.bottom-zero{bottom:0.5%;}
    .fr-fr .carousel-caption{right: 0; top: auto;}
    .custom-header .navbar{padding-bottom: 0; border: none;}
    .custom-header .menu-fixed-top .main-menu.navbar-nav li{padding-top: 0em; transition: none}
    .sec-menu .dropdown-toggle .caret{margin-top: -10px;}
    .accessories-space{padding: 0px 0; }
    .carousel-caption{width: 100%; text-align: center; top: auto; bottom: 2.5%; max-width:100%}
    .carousel-caption.bottom20{ bottom: 20%;}
    .carousel-caption.bottom25{ bottom: 25%;}
    .carousel-caption h3{font-size: 18px; margin: 0;}
    .dropdown-menu{min-width: 0}
    .dropdown .caret {margin-top: -5px;}
    .tyffyn-section{margin: 10px auto;}
    .grey-spacing-kyd{margin:10px 0;}

    footer, footer .footer-menu li, footer .footer-sn{text-align: center; padding: 5px 0 }
    footer .footer-menu{padding: 0; }
    footer .sign-up .form-control{width:80%; display: block; text-align: center; margin: 0 10%; }
    footer .sign-up{padding:20px 0 0 0}
    footer .sign-btn{margin-top: 15px; }

    footer .footer-menu{padding: 0; }
    footer .sign-up .form-control{width:60%; display: inline-block; text-align: left; margin: 0 auto; }
    footer li{text-align: left;}
    footer li a{color: #fff}
    footer .sign-up{padding:20px 0 0 15px; text-align: left;}
    footer .sign-up .form-group{margin-bottom: 0}
    footer .sign-btn{margin-top: 0; }

    .footer-sprite {vertical-align: middle; line-height: 0; margin-right: 10px;}
    .footer-sprite li, footer .footer-sn{padding: 0 2px}
    .footer-sprite .footer-logo{background-position: -48px -4px; width: 32px; height: 44px; margin: 0; }
    .footer-sprite .copy-right{vertical-align: middle; display: inline-block; color: rgba(255,255,255,0.6);}
    .footer-sprite a{opacity: 0.75;}
    footer {color: rgba(255,255,255,0.6)}
    footer, footer .footer-menu li, footer .footer-sn {text-align: left;}
    .copy-right{font-style: 14px;}
    .footer-sprite a { display: inline-block; background-image: url(../images/n-sprite-footer.png); background-repeat: no-repeat; line-height: 0; opacity: .5; transition: .5s opacity; width: 31px; height: 31px}
    .footer-sprite a:hover { opacity: 1}
    .footer-fb { background-position: -2px -2px}
    .footer-tw { background-position: -2px -38px}
    .footer-ins { background-position: -3px -75px}
    .icons, .product-icons {margin: -5px 10px 0 0; display: inline-block;}
    .drynk-icon { background-position: -36px -163px}
    .box-icon { background-position: -32px -228px}
    .kyds-box-icon { background-position: -32px -291px}

    .main-menu.navbar-nav .open .dropdown-menu>li>a:first-child, .main-menu.navbar-nav li {border-color: #e1e1e1;}
    .main-menu.navbar-nav.nav > li > a {text-transform: uppercase; padding: 10px 0; line-height: inherit;}
    .main-menu.navbar-nav .open .dropdown-menu {padding: 0}
    .main-menu.navbar-nav li ul li {border-top: none; border-bottom: none; }
    .main-menu.navbar-nav li.dropdown, .main-menu.navbar-nav li.dropdown.open, .main-menu.navbar-nav li.dropdown.open:hover {border-top: none;}
    .main-menu.navbar-nav.nav li.active a {border-bottom: 1px solid #e1e1e1; text-transform: capitalize;}
    .main-menu.navbar-nav.nav li.active a:last-child{border-bottom:none}
    .main-menu.navbar-nav.nav li.active a:first-child{font-family: 'whitney-book'; font-weight: bold; text-transform: uppercase;}
    .custom-header .menu-fixed-top .main-menu.navbar-nav li ul li {padding: 0}
    .custom-header .navbar-header .main-menu {margin-top: 28px;}
    .navbar-toggle {margin-top: 32px;}

    .select-country ul li a{ padding: 4px; font-size: 15px;}
    .select-country .choose-lang ul li a{ padding: 4px 10px; font-size: 15px;}
    .select-country h1{font-size: 28px;  margin: 20px 0 15px 0; color: #007680;font-family: 'whitney-medium';}
    .select-country h2{font-size: 18px;  margin: 15px 0 0 0;}

    .new-mob h1{ margin-bottom: 6px; letter-spacing: -1px;}
    .new-mob h2{ color: #909090; font-size: 18px; letter-spacing: -0.35px;}
    .new-mob .select-country ul {display: table; width: 100%; margin:30px 0 60px 0; padding:0; position: relative;}
    .new-mob .select-country ul li{height: 100%; border-bottom: 1px solid #b7b7b7; display: block; width: 100%; list-style:none;}
    .new-mob .select-country ul li {border-color: #b7b7b7;}
    .new-mob .select-country a{color: #777; vertical-align: top; display: inline-block; cursor: pointer;}
    .new-mob .select-country a:hover, .select-country a:focus{text-decoration: none; outline: none;}
    .new-mob .select-country a span{margin-right: 0;}
    .new-mob .select-country ul li a{ padding: 6px 0; display: block; line-height: inherit; border-bottom: 1px solid #b7b7b7; color: #515151}
    .new-mob .select-country ul li a:last-child{ border-bottom: none;}

    .new-mob .select-country .no-border{border: none;}
    .new-mob .select-country .choose-lang {position: absolute; background-color: #fff; width: 100%; border: 1px solid #f1f1f1; box-shadow: 0 7px 5px -5px rgba(0,0,0,0.1); z-index: 9; overflow: hidden; }
    .new-mob .select-country .choose-lang ul li a {display: block; font-size: 16px; padding: 5px 12px}

    .new-mob .lang-group {display: block;}
    .new-mob .lang-group .flag {display: inline-block; vertical-align: middle; width: 6%}
    .new-mob .lang-group .lang-info {display: inline-block; vertical-align: middle; width: 92%}
    .new-mob .flag{height:22px; background: url(../images/sp-flags-1.png) no-repeat; }
    .new-mob .flag-hkg{background-position: -3px -273px}
    .new-mob .flag-ind{background-position: -3px -303px}
    .new-mob .flag-idn{background-position: -3px -363px;}
    .new-mob .flag-mys{background-position: -3px -32px;}
    .new-mob .flag-phl{background-position: -3px -2px;}
    .new-mob .flag-sgp{background-position: -3px -122px;}
    .new-mob .flag-aus{background-position: -3px -213px;}
    .new-mob .flag-gbr{background-position: -3px -62px;}
    .new-mob .flag-deu{background-position: -3px -243px;}
    .new-mob .flag-fra{background-position: -38px -72px;}
    .new-mob .flag-global{background-position: -3px -393px; height: 24px;}
    .new-mob .flag-tw{background-position: -1px -485px}
    .new-mob .flag-fr{background-position: -1px -455px}
    .new-mob .flag-canada{background-position: -2px -425px}
    .new-mob .flag-us{background-position: -2px -91px}
    .new-mob .flag-th{background-position: -2px -153px}
    .new-mob .flag-ko{background-position: -2px -331px}
    .new-mob .flag-jp{background-position: -2px -575px}

    .logo img, .custom-header .menu-fixed-top .logo img{width: 70%; padding: 5px 5px 5px 0; margin: 5px auto 0;}
    .variant-style{border-radius: 0; height: 84px; width: 82px;}
    .drynk-style {width: 58px; height: 112px;}
    .graphite {background-position: 2px -2px;}
    .black {background-position: -78px -2px;}
    .gold {background-position: -158px 0px;}
    .maple {background-position: -237px -2px;}
    .wool {background-position: -318px -1px;}
    .dew {background-position: 0px -90px;}
    .cheetah {background-position: -77px -92px;}
    .denim {background-position: -158px -92px;}
    .cats {background-position: -239px -180px;}
    .dino {background-position: -1px -270px}
    .blue {background-position: -238px -92px;}
    .purple {background-position: -320px -92px;}
    .superauto {background-position: 2px -180px;}
    .white{background-position: -159px -183px;}
    .green{background-position: -159px -1271px;}
    .silver{background-position: -78px -182px;}
    .soccer{background-position: -318px -181px;}
    .ombre-pink{background-position: -399px -1601px;}
    .ombre-pink600{background-position: -318px -1599px;}
    .panda{background-position: -399px -1689px;}
    .panda600{background-position: -320px -1692px;}
    .unicorn{background-position: -720px -1271.8px;}
    .unicorn600{background-position: -320px -1272px}
    .sail{background-position: -239px -1270px;}
    .vaya-mickey{background-position: -317px -1784px;}
    .tyffyn-stories {background-position: -78px -277px;}
    .graphite600{background-position: -400px -2px;}
    .black600{background-position: -480px -2px;}
    .gold600{background-position: -560px -2px;}
    .maple600{background-position: -640px -2px;}
    .wool600{background-position: -719px -2px;}
    .dew600{background-position: -400px -94px;}
    .cheetah600{background-position: -480px -93px;}
    .denim600{background-position: -560px -94px;}
    .cats600{background-position: -640px -184px;}
    .silver600{background-position: -480px -184px;}
    .white600{background-position: -560px -184px;}
    .super-auto600{background-position: -400px -184px;}
    .soccer600{background-position: -720px -184px;}
    .blue600{background-position: -640px -94px;}
    .purple600{background-position: -720px -94px;}
    .green600{background-position: -560px -1274px;}

    .black-bagmat {background-position: -305px -379px;}
    .maple-bagmat {background-position:-215px -379px;}
    .wool-bagmat {background-position: -215px -499px;}
    .gold-bagmat {background-position: -305px -499px;}
    .blue-bagmat {background-position: -125px -499px;}
    .graphite-bagmat {background-position: -124px -379px;}
    .green-bagmat{background-position: -125px -619px;}

    .container-1000, .container-600, .container-601{border-radius: 0; width: 120px; height: 120px; }
    .container-1000 {background-position: -103px -511px;}
    .container-600 {background-position: -88px -618px;}
    .container-601 {background-position: -90px -722px;}
    .hero-img-viewer{width: 100%; display: table; height: 30rem; margin: 1rem auto}
    .hero-carousel .load-hero-image{padding: 2px}
    .hero-carousel .carousel-control{width: 7%}
    .hero-carousel .carousel-inner{width: 86%}
    .price-info p{text-align: center }
    .tyffyn-content h3, .tyffyn-content-strong{font-size: 16px; color: #007680}
    .tyffyn-content ul, .tyffyn-content p {font-size: 16px; line-height: 23px;}
    .might-like-section {margin: 15px auto}
    .tyffyn-variant ul li{font-family: 'whitney-light';}
    .tyffyn-line .btn-block{width: 80%; margin: 0 auto; padding: 10px; font-size: 21px; font-family: 'whitney-medium';}
    .tyffyn-line-up{margin: 50px auto}
    .product-container {margin: 30px auto;}
    .life-spacer, .video-spacer{margin:10px auto}
    .life-spacer img, .video-spacer img{margin:0 auto}

    .bulk-order{font-size: 18px; padding: 5% 10%; }

    .white-container .main-img{max-width: 50%; margin: 20px auto;}
    .all-appetites .title, .flexibility .title{margin:30px auto; text-align: center}
    .all-appetites .content, .flexibility .content, .content{font-size: 16px; width: 100%;}
    .flexibility p{margin-top: 10px; font-size: 16px;}
    .flexibility{padding: 0 0 30px 0; }
    .all-appetites .blue-button, .flexibility .blue-button{ margin:0 auto 10px 0;}
    .white-container, .grey-container{margin: 40px auto 30px auto; }
    .grey-container .all-appetites{padding:20px 0}
    .flexibility-img img{width: 100%; margin: 15px 0}
    .grey-spacing {margin-top:20px;}
    .bagmat-section.grey-container{padding-bottom: 0}
    .carousel-caption .caption-text{display:none}
    .gamechangers{margin:10px auto}
    .variant-style{box-shadow: none; border-radius: 3px;}
    .selected-variant, .variant-style:hover{box-shadow: inset 0 0 0 1px rgba(0, 118, 128,0.9), 0 1px 2px rgba(0,0,0,0.1);border-radius: 3px;}
    .acc-bagmat-list .variant-style{border-radius: 100px; width: 82px; height: 82px; box-shadow: none}
    .acc-bagmat-list .variant-style:hover{border-radius: 100px; box-shadow: inset 0 0 0 4px rgba(0, 118, 128,0.9), 0 1px 2px rgba(0,0,0,0.1)}
    .user-view a img{margin: 10px auto}
    .main-menu.sec-menu.navbar-nav li{ border-top: none; display: inline-flex; vertical-align: middle;}
    .sec-menu .dropdown-menu{border: 1px solid #f5f5f5}
    .grey-spacing .loading{margin-bottom: 0;}
    .accessories-space{padding: 10px 0; }
    .custom-header .menu-fixed-top{position: relative;}
    .spork-container{background-size: 70%; margin-bottom: 0;  padding: 10% 0;}
    .spork-container .accessories-space{padding-top: 50%;}
    .vertical-center {display: block;}

    .selected-variant, .drynk-style:hover {border-radius: 5%; }
    .drynk-feature li{background: url(../images/drynk/drynk-innovations-mob.jpg) no-repeat;  margin: 10px 0; width: 100px; min-height: 100px; float: none; display: inline-flex;}
    .drynk-feature .feature-1{background-position: 16px 0; }
    .drynk-feature .feature-2{background-position:-78px 0; }
    .drynk-feature .feature-3{background-position:-170px 0; }
    .drynk-feature .feature-4{background-position:-260px 0; }
    .drynk-feature .feature-5{background-position:-355px 0; }
    .drynk-feature .feature-1-1{background-position: -450px 0; }
    .drynk-feature .feature-1-2{background-position: -540px 0; }
    .drynk-feature .visible-xs {display: inline-flex !important;}
    .great-drynk img{margin: 30px auto;}
    .store-locator .vaya-address{ width: 100%;}
    .store-locator .select-location {width: 90%; margin: 20px 0}
    .store-locator .store-address{ width: 100%; margin-right: 0%; display: block; word-break: inherit; padding:5px 0}
    .store-locator{background-attachment: scroll; background-position: bottom -40px right -20px; background-repeat: no-repeat; width: 100%; background-size: 150%; margin-top: 0; padding-bottom: 0;}

    .news-sprite{margin: 10px auto;}
    .news-sprite a {width: 160px; min-height: 50px; background-image: url("../images/m-news-sprite-v1.png");}

    .news-sprite .chowhound {background-position: -4px -9px;}
    .news-sprite .dailymom {background-position: 4px -306px; }
    .news-sprite .oscar {background-position: -10px -370px; width: 130px;}
    .news-sprite .cookinglight {background-position: 0 -630px}
    .news-sprite .washington {background-position: 0 -51px}
    .news-sprite .bbc {background-position: -20px -245px; width: 125px}
    .news-sprite .cosmopolitan {background-position: -8px -198px; width: 146px;}
    .news-sprite .telegraph {background-position: -8px -97px}
    .news-sprite .usa-today {background-position: -9px -148px}
    .news-sprite .mirror {background-position: -35px -426px; width: 95px}
    .news-sprite .sun {background-position: -28px -475px; width: 110px}
    .news-sprite .eater {background-position: -20px -528px; width: 125px}
    .news-sprite .stemy {background-position: -40px -578px; width: 80px}

    .main-menu .dropdown .btn:hover, .main-menu .dropdown .btn:focus{width: 100%; text-align: left}
    /* .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {padding:8px 6px } */

    .innovation-feature, .drynk-feature {padding:0; margin: 20px auto 0 auto;}
    .innovation-feature li{background: url(../images/innovation-icon-mob.png) no-repeat; margin: 15px 5px; width: 100px; min-height: 100px; float: none; display: inline-flex;}
    .innovation-feature li label, .drynk-feature li label{text-align: center; padding: 80px 0 0 0;}
    .innovation-content{margin:15% 5%; }
    .innovation-feature .feature-1{background-position: 14px 0}
    .innovation-feature .feature-2{background-position:-81px 0}
    .innovation-feature .feature-3{background-position:-173px 0}
    .innovation-feature .feature-4{background-position:-264px 0}
    .innovation-feature .feature-5{background-position:-357px 0}
    .innovation-feature .feature-6{background-position:-446px 0}
    .fr-fr .innovation-feature .feature-6 {background-position:-442px 0; width: 110px;}
    .ph-tl .title, .id-id .title{font-size: 20px;}
    .drynk .caption-btn-align, .caption-btn-align{left:0;}
    .ms .caption-btn-align,.id .caption-btn-align,.ph-tl .caption-btn-align,.sg-ms .caption-btn-align,.de-de .caption-btn-align{padding-top:65%;}

    @media screen and (-webkit-min-device-pixel-ratio: 0){
        _::-webkit-full-page-media, .caption-btn-align{padding-top:72% !important;}

    }
    .carousel-caption.left-align {margin: 0 auto; text-align: left; top:54%; left: 8%; width: auto }
    .blue-button, .blue-button-s, .mini-blue-btn, .mini-green-btn, .white-button {padding: 6px 14px; font-size: 14px;}
    .de-de .carousel-caption.left-align, .ko .carousel-caption.left-align, .ph-tl .carousel-caption.left-align, .ms .carousel-caption.left-align{left: 10%; top: 56%}
    .carousel-control.left, .carousel-control.right { background: none; width: 10%; margin: 0;}
    .ph-tl .caption-btn-align,.th .caption-btn-align,.ko .caption-btn-align,.de-de .caption-btn-align{left: 0%;}
    .ms .caption-btn-align, .id .caption-btn-align,.sg-ms .caption-btn-align{left: 0%}

    /*-- company --*/
    .company-dark-ban h3, .company-white-ban h3{font-size: 30px;}
    .company-white-ban p{color:#717171;}
    .lunch-box-contain{background-size:100%;background-position:left center;}
    .company-dark-ban, .company-white-ban{padding: 30% 5% 0;}
    .company-white-ban{background:none;padding:5% 5%;}
    /*-- corporate gifting --*/
    .recipe-to-happiness{ text-align:left; }
    .subpad{ padding:4% 6%; }
    .align-middle{ width:100%;display:block; }
    .taste-success{ text-align:center; }
    .address h1{font-size: 24px; padding-bottom: 10px; line-height: 32px;}
    .addres-info {margin-bottom: 15px;}

    /* innovation */
    .innovation-wrapper .nav-tabs>li>a, .innovation-wrapper .nav-tabs>li>a:hover { padding: 3px 15px; border-radius: 6px 6px 0 0; background-color: #55b3bb;}
    .innovation-wrapper .nav-tabs { border-bottom: 0; text-align: center;}
    .innovation-wrapper .nav-tabs>li { padding: 1px; display: inline-block; float: none;}
    .innovation-wrapper .img-br-bg img { height: auto; padding:2rem 0 3rem 0;}
    .innovation-content p, .innovation-wrapper .inno-description {font-size: 18px; line-height: 28px;}
    .innovation-wrapper .tab-content .inno-card { padding:3rem 0 4rem 0;}
    .innovation-wrapper .inno-card-odd .container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;  }
    .innovation-wrapper .inno-card-odd .container .first_div { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; }
    .innovation-wrapper .inno-card-odd .container .second_div { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; }

    .contact-detail {margin: 15px 0}
    .contact-info{font-size: 18px; margin:30px 0 }
    .contact-info p{line-height: 36px; margin-bottom: 10px;}
    .contact-info span {padding:0 15px}
    .contact-info hr{margin: 15px 0}

    .auth-wrapper .auth-form .fa + input {text-indent: 30px; padding: 6px 0; margin: 0 14rem 0 0rem;}
    .auth-wrapper .auth-form {padding-top: 3rem;padding-bottom: 6rem;}
    /*.auth-form form {width: 88%; margin: 0 auto;}*/

    /** company css **/
    .company-wrapper .company-banner.company-white-ban{background-size: contain;}
    .user-name {width: 200px; vertical-align: middle;}

    /** corporate gifting css**/
    .corporate-gifting-wrapper .company-banner.company-white-ban{background-image: url(/static/external/v2-2018/images/m-mercedes-laptop.jpg); min-height: 430px;height: 100%; margin-bottom: 30px; background-size: cover;}
    .corporate-gifting-wrapper .company-banner .banner-text{position: absolute;left: 25px;top: 0;text-shadow: 1px 3px 10px #fff, 0 0 31px #fff, 0 0 30px #fff}
    .corporate-gifting-wrapper .company-banner .banner-text h1{color: #247680;font-weight: 600;font-size: 30px;font-family: 'whitney-book';}
    .corporate-gifting-wrapper .company-banner .banner-text p{font-weight:600;text-align:left;left:-16px;background: rgba(255,255,255,0.1);line-height: 24px;}
    .corporate-gifting-wrapper .banner-btn {display: contents;}
    .corporate-gifting-wrapper .banner-btn a {bottom: 26px;position: absolute;right: 20px;padding: 0 4rem;font-size: 16px;}
    .corporate-gifting-wrapper .company-banner.company-white-ban:after,
    .corporate-gifting-wrapper .company-banner2.company-white-ban:after{width: 0;height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #585858;bottom: -14px;position: absolute;left: 0;right: 0;margin: 0 auto;}
    .corporate-gifting-wrapper .gift-description h1 {font-size: 26px;}
    .corporate-gifting-wrapper .gift-description .content-wrap{text-align:center; margin: 0 auto}
    .corporate-gifting-wrapper .gift-description .content-wrap p{font-size: 18px; line-height: inherit; width: 90%; margin: 0 auto}
    .corporate-gifting-wrapper .rounded-image {margin-bottom: 10px;}
    .jp-en .corporate-gifting-wrapper .company-banner2.company-white-ban, .jp-ja .corporate-gifting-wrapper .company-banner2.company-white-ban, .hk-zh .corporate-gifting-wrapper .company-banner2.company-white-ban, .id-id .corporate-gifting-wrapper .company-banner2.company-white-ban, .ph-tl .corporate-gifting-wrapper .company-banner2.company-white-ban, .my-ms .corporate-gifting-wrapper .company-banner2.company-white-ban, .de-de .corporate-gifting-wrapper .company-banner2.company-white-ban {background-image: url(/static/external/v2-2018/images/m-corporate-drynks.jpg);}
    .corporate-gifting-wrapper .company-banner2.company-white-ban {background-image: url(/static/external/v2-2018/images/m-corporate-drynks.jpg); background-position: center 0;padding: 0;margin-bottom: 30px; background-size: cover;}
    .corporate-gifting-wrapper .company-banner2.company-white-ban:after{border-top: 15px solid #eff4f8;margin-bottom: -1px;}
    .corporate-gifting-wrapper .swap-row{display: table;}
    .corporate-gifting-wrapper .swap-row .content-wrap {display: table-header-group;}
    .corporate-gifting-wrapper .row.text-center:last-child:after{background: none;}
    .corporate-gifting-wrapper .image-wrap{width:300px; left:0;right:0;margin:0 auto;}
    .corporate-gifting-wrapper .bold-statement{margin-top: 50px;}

    .carousel-control.left, .carousel-control.right{color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.6);}
    .common-carousel .carousel-control {top: 40%}
    .common-carousel .carousel-inner {width: 100%}
    .happiness-homemade {padding-top: 40px; padding-bottom: 0}
    .happiness-homemade .story-design{margin-bottom: 30px;}
    .off-img, .new-img{right: 10%; top: 10%;}
    .innovation-btn{text-align: center;}
    .story-design{width: 100%; margin: 0 auto 10px auto; line-height: 24px; font-size: 16px;}

    .tyffyn-position, .tyffyn-position .img-responsive{position: static; display: inline-block; margin-top: 20px;}
    .img-cc{position: static; left: 0; top: -100px; width: 45%}
    .img-ss{position: static; left: 170px; top: -40px; width: 45%}
    .white-container.bagmat-section, .choose-from-finishes{margin-bottom: 0}
    .white-container.bagmat-section {text-align: center; margin: 0 auto}
    .bagmat-logo {margin-left: 0; margin-top: 10px;}
    .all-appetites{margin: 0; padding: 0}
    .main-menu.sec-menu.navbar-nav li.m-btn{margin: 0; padding: 0; border: none;}
    .main-menu.sec-menu.navbar-nav .m-btn a {padding: 10px 12px; margin: 0; font-size: 13px; line-height: normal; text-transform: capitalize;}
    .main-menu.sec-menu.navbar-nav li a.cart-icon{margin: 0 10px 0 5px}
    .main-menu.sec-menu.navbar-nav .m-btn {position: relative; top: 0px;}

    .company-wrapper .company-white-ban p{font-size: 18px; letter-spacing: inherit; line-height: 34px; margin-top: 0;}
    .corporate-gifting-wrapper .horizontal-divider span{padding: 0 71px; background: #fff; line-height: 0; position: relative;left: -1px;}

    .gamechangers .caption {position: static; opacity: 1; display: block;}
    .gamechangers .caption-text{z-index: 10; position: static; top: 80%;color: #fff; }
    .gamechangers .blur{background: none; position: static;}
    .gamechangers img {width: 90%; margin-bottom: 15px;}

    .faq-container .dpanel .accordion-container{padding: 0 15px;}
    .faq-container .faq-nav-tabs li{padding: 10px 25px 0 0}
    .faq-container .dpanel .panel-title{ padding: 10px 20px 10px 0}
    .custom-header .navbar-nav>li>a.btn {top: 0}
    .happiness .common-carousel .carousel-control, .video-section .common-carousel .carousel-control {top: 44%}
    .my-ms .main-menu.sec-menu.navbar-nav .m-btn a {font-size: 12px;}
    .feature li {padding: 3px 0; font-size: 16px;}
    .my-ms .gamechangers, .ph-tl .gamechangers, .id-id .gamechangers, .sg-ms .gamechangers{min-height: inherit;}
    .gamechangers p {font-size: 18px; padding: 0 5px;}
    /* .navbar-collapse.collapse.in { height: 150px; overflow-y: scroll; } */
    .drynk-style a {padding: 0px}

    #countryModal .modal-dialog {top: 23%;}
    .wrapper-dropdown .dropdown {height: 200px;}

    .ready-to-eat.second_div { background: url(/static/external/v2-2018/images/preserve/ready-to-relish.jpg) no-repeat scroll 0% bottom;background-size: 150% !important;padding: 0 0 64% 0 !important;}
    .preserve .tyffyn-variant{text-align: center; }
    .preserve-wrapper .feature li {font-size: 15px;line-height: 25px;padding: 0;margin-bottom: 11px;}
    .preserve-wrapper .title{margin:20px auto 10px; text-align: center;}
    .preserve-wrapper .content {line-height: 30px; text-align:center;}
    .preserve-wrapper .stack-container p{text-align: center;}
    .grey-container{ padding: 30px 0; }
    .preserve-wrapper  .ready-to-eat.second_div{background: url(/static/external/v2-2018/images/preserve/ready-to-relish.jpg) no-repeat scroll 0% bottom;
   background-size: 150%; padding: 0 0 64% 0;}
   .carousel-caption.m-spl-btn{top:55%; left: 20%;}
   .carousel-caption.m-spl-btn-2{top:58%; left: 20%;}

    .price-info .delivery-infolockdown-msg{padding-left: inherit;}
	.casserole-icon { background-position: -30px -480px}
	.hautecase .pop-left{float:none;width:100%; padding-left:0; padding-top:10px; padding-bottom:30px;}
	.hautecase .pop-right{float:none;width:100%; padding-left:0; padding-bottom:30px;}
	.hautecase .pop-left2{float:none;width:100%; padding-left:0; padding-bottom:30px;}
	.hautecase .pop-right2{float:none;width:100%; padding-left:0; padding-top:14px; padding-bottom:30px;}
	.hautecase .hautecase-right2, .hautecase .hautecase-right4, .hautecase .hautecase-left1, .hautecase .hautecase-left3 {text-align: center;}
	.hautecase .pop-right2 p, .hautecase .pop-left p {margin: 0 auto}
    .hautecase .variant-style {width: 100px;}

    .pop-cup.preserve-wrapper .innovation-feature.preserve-feature li{margin:15px 0;}

    .pop-cup .pop-left{float:none;width:100%; padding-left:0; padding-top:10px; padding-bottom:30px;}
    .pop-cup .pop-right{float:none;width:100%; padding-left:0; padding-bottom:30px;}
    .pop-cup .pop-left2{float:none;width:100%; padding-left:0; padding-bottom:30px;}
    .pop-cup .pop-right2{float:none;width:100%; padding-left:0; padding-top:14px; padding-bottom:30px;}
    /*.pop-cup .carousel-caption.center-caption.top-auto{top: 72% !important; left: 18% !important;}*/
    .pop-cup .carousel-caption.carousel-caption2.center-caption.top-auto{top:49% !important; left:-23% !important;}
     .container-fluid .tray-img{margin-top:60px;}
    .pop-cup .container.white-container.preserve.storage{padding-top:0;}
    .pop-cup.preserve-wrapper .white-container .main-img {max-width: 66%;}
    .pop-cup .kids-pedia .feature h1, .preserve-wrapper h1{margin-top:15px !important;}
    .pop-cup .link1 a{font-size:14px;padding:2px 20px;margin-bottom:0;}
    .pop-cup .pop-left h2{font-size:22px; text-align:center;}
    .pop-cup .pop-left p{font-size:15px; line-height:28px; text-align:center; width:93%; margin:0 auto;}
    .pop-cup .pop-right2{padding-left:0;}
    .pop-cup .pop-right2 h2 {font-size:22px;text-align:center;}
    .pop-cup .pop-right2 p{font-size:15px; line-height:28px; text-align:center; width:93%; margin:0 auto;}
    .product-icons.popcup-icon {background-position: -31px -542px;}
    .pop-cup .s{padding-top:15px;}
    .pop-cup-listing{margin-bottom: 0px;}
    .popcup-count-input a {padding: 2px 8px 7px 8px;}
    .popcup-count-input input {width: 38px;}
    .popcup-single-cont {margin-bottom: 0px;min-height: auto;}
    .sets-price{font-size: 14px;}
    .popcup-single-cont .sub-title{font-size: 15px;}
    .pop-cup-lists img {width: 90%;}
    .pop-cup-listing .sets-cont{margin-top: 15px;}
    .pop-cup-listing .radio-container{    margin-bottom: 0px;}
    .pop-cup-listmaincont {margin-top: 30px;}
    .pop-cup-listing {margin: 20px auto 20px auto;}
    .popcup-sticky .sticky-product-info .tyffyn-style .offer-space:before {top: 33px;right: 12px;}
    .gomask .popcup-sticky .sticky-product-info .tyffyn-style .offer-space:before{top: 10px;right: 7px;}
    .sticky-footer-btn.popcup-sticky .btnstock input{width: 100% !important;}
    .pop-cup-listing .title {position: relative; margin: 25px 0px 20px !important;}
    .pop-cup-selcont .popcup-notes {margin: 5px 0 20px 0;line-height: 20px;}
    .carousel-caption.spl-caption {text-align: right; padding-right: 12%}
    .pop-cup .luxray .luxcontent h2{font-size:22px;}
    .pop-cup .luxray .luxcontent p {font-size: 15px;color: #000;line-height: 30px;margin-top: 16px;}
    .pop-cup .luxray .luxray-img img{margin-top:0;}
    .pop-cup .luxray .luxcontent h2{margin-top:60px;}
    .pop-cup-lists p.title{font-size: 16px;}
    .preserve-wrapper .link1 {text-align: center;}

}

@media only screen and (min-width: 481px) and (max-width: 640px){
    .new-mob .lang-group .flag {width: 9%}
    .new-mob .lang-group .lang-info {width: 90%}
}
@media only screen and (min-width: 320px) and (max-width: 480px){
    .my-ms .title-max, .id-id .title-max, .ph-tl .title-max, .my-ms .select-lids-sipper-gulper, .id-id .select-lids-sipper-gulper, .ph-tl .select-lids-sipper-gulper{width: 130px; font-size: 15px;}
    .my-ms .select-lids-sipper, .id-id .select-lids-sipper, .ph-tl .select-lids-sipper{width: 90px;}
    .my-ms .drynk-size, .id-id .drynk-size, .ph-tl .drynk-size{width: 90px;}
    .ph-tl .select_sipper {background-position: -105px 5px;}
    .ph-tl .select_sipper_gulper {background-position: -105px -130px;}
    .id-id .select_sipper {background-position: -105px 5px;}
    .my-ms .select_sipper {background-position: -110px 5px;}
    .id-id .select_sipper_gulper {background-position: -120px -130px;}
    .select_sipper + li {line-height: normal; font-size: 16px;}
    .de-de .booking-segment .media-heading {font-size: 14pt;}
    .my-ms .drynk-active-600, .id-id .drynk-active-600, .ph-tl .drynk-active-600{background-position: 5px 0;}
    .my-ms .drynk-active-350, .id-id .drynk-active-350, .ph-tl .drynk-active-350{background-position: 5px -115px;}

    .new-mob .lang-group .flag {width: 13%}
    .new-mob .lang-group .lang-info {width: 85%}
    .spork-container{background-size: 90%; padding-top: 30%;}
    .video-section .title{margin-bottom: 0}
    .product-container .life-with-vaya-content{margin-bottom: 15px;}
    .all-appetites-kyds .title{margin:40px auto 20px auto; text-align: center}
    .all-appetites img{width: 100%}
    .white-container .main-container-img{margin-top: 60px;}
    /* .carousel-caption{ top:26%; bottom: 1%;}*/
    .carousel-caption .btn{padding: 3px 12px; font-size: 14px;}
    /*  .gb-en .carousel-caption{ bottom: -1%;} */
    .listTyffyn span{width: 88px;}

    .tyffyn-style {text-align: center}
    .tyffyn-style li{float: none; display: inline-table;}
    .count-input input {border-radius: 15px; width: 70px; padding: 2px 7px; height: 30px; }
    .count-input a {padding:7px 8px 5px 8px; }
    .booking-segment h3, .count-input strong{font-size: 14pt; font-weight: 100}
    h3.mobile-header{font-size: 16pt;}
    .tabbable-line > .nav-tabs > li > a {padding: 10px;}

    .title{font-size: 21px;}
    .sg-ms .title, .my-ms .title{font-size: 20px;}
    .product-container h2 {margin-bottom: 15px;}
    .slide > img{height: 100vw;}

    .tyffyn-line-up{margin: 30px auto}
    .tyffyn-line-up-600{margin: 20px auto 10px auto}
    .tyffyn-line .btn-block{font-size: 16px;}
    .bagmat-logo {width: 50%; margin-bottom: 15px;}
    .fresh-img{height: 130px;}
    .drynk-pick{padding: 30px 0;}
    .ph-tl .title.intro-txt{font-size: 15px;}
    .id-id .title.intro-txt, .my-ms .title.intro-txt, .ph-tl .title.intro-txt{font-size: 18px;}
    .carousel-caption.left-align { top:53%; font-size: 14px; left: 6%; width: 100% }
    .de-de .carousel-caption.left-align, .ko .carousel-caption.left-align, .ph-tl .carousel-caption.left-align, .ms .carousel-caption.left-align{left: 6%; top:53%;}
    .de-de .carousel-caption .btn, .ko .carousel-caption .btn, .ph-tl .carousel-caption .btn, .ms .carousel-caption .btn {padding: 2px 10px}
    .store-locator{padding-bottom: 50px;}

    .auth-wrapper .auth-form h1 {font-size: 24px; line-height: 40px;}
    .gamechangers .blue-button{padding: 6px 14px; font-size: 14px;}
    .my-ms .title.intro-txt{font-size: 20px;}
    .id-id .innovation-btn .blue-button, .id-id .innovation-btn .white-button {font-size: 12px;}
    .auth-wrapper .auth-form .signup-mobile {width: 114px; padding: 6px}
    .auth-wrapper select.prefixSelect{width: 100%}

    .seo-section {margin:0px auto 40px auto;}
    .seo-section h3{margin-bottom: 20px; font-size: 18px; line-height: 26px;}
    .seo-section p{font-size: 16px; margin:0 ;}
}

/** New order Engine page css **/
@media only screen and (max-width:480px) {
    .fixed-container .close-icon::before { margin-right: 13px; margin-top: 2px; }
    .fixed-container .acc-carousel-view.hero-container{margin: 0 auto;}
    .fixed-container .hero-img-viewer {margin: 0rem auto 0 auto;}
}
@media only screen and (min-width:481px) and (max-width: 767px){
    .fixed-container .close-icon::before { margin-right: 12px;}
}
@media only screen and (min-width:768px) {
    .main-carousel-right, .main-carousel-left { display: none; }
    .campaign-wrapper .flexcontainer:after {position: absolute;right: 15%;bottom: -50%;}
    .campaign-wrapper .drynk-description .flexcontainer:after{bottom: -55%;}
    .campaign-wrapper .drynk-description .flexcontainer:after {content:"Graphite";}
    .campaign-wrapper .tyffyn-description .flexcontainer:after {content:"Cheetah";}
}
@media only screen and (min-width:768px) and (max-width:1025px) {
    .campaign-wrapper .drynk-description {
        border-right:0;
    }
}

@media only screen and (max-width:767px) {
/** positioning the carousel section **/
    .fixed-container .acc-carousel-view.hero-container { width: 100%; position: fixed; background: #fff; bottom: -100%;
    padding-bottom: 8%; margin: 0 auto; text-align: center; z-index: 9999; left: 0; box-shadow: 0 0px 17px rgba(0,0,0,0.35);}
    .fixed-container .carousel-title { font-family: 'whitney-medium'; color: #007680; font-size: 22px; margin-top: 0;line-height: 32px; }
    .fixed-container .acc-carousel-view .hero-img-viewer { height: auto; }
    .fixed-container .acc-carousel-view.hero-container .imgBox { position: relative; pointer-events: none; padding: 4px; }
    .fixed-container .acc-carousel-view.hero-container .imgBox img { max-width: 65%; margin: 0 auto; }
    .fixed-container .close-icon::before { content: "x"; float: right; background: #ddd; border-radius: 50%; margin-top: 15px; width: 23px; height: 23px; line-height: 19px; box-shadow: 0 0 2px 1px #b5b5b5; font-weight: 600; }
    .fixed-container .close-icon:hover::before { background: #aaa; color: #fff; }
    .fixed-container .main-carousel-left { position: absolute; top: 50%; left: 10px; right:unset !important;}
    .fixed-container .main-carousel-left:before, .fixed-container .main-carousel-right:before { font-size: 30px;color: #cccccc; }
    .fixed-container .main-carousel-right { position: absolute; top: 50%; right: 10px; }
    .fixed-container div#heroCarousel { display: none; }
    .fixed-container .hero-img-viewer { margin: 1rem auto 0 auto; }
    .fixed-container .carousel-title span {border-bottom: 2px solid #007680;padding: 0 0 6px 0;}
    .fixed-container .selected-variant.variant-style, .fixed-container .selected-varian.variant-style:hover  {box-shadow: inset 0 0 0 2px rgba(0, 118, 128,0.9), 0 1px 2px rgba(0,0,0,0.1);}
    .fixed-container .variant-style {box-shadow:none;-webkit-box-shadow:none;}
    .fixed-container .close-icon {position: absolute;   right: 0;}
    .fixed-container .booking-segment:hover{background: #fff;}
     /** 1190 campaign page **/
    .campaign-wrapper {padding:40px 0;}
    .campaign-wrapper img.custom-width{width: 115px;}
    .campaign-wrapper .drynk-description {border-right:0 !important;border-bottom: 1px solid #b2b2b2;}
    .campaign-wrapper .drynk-description,.campaign-wrapper .tyffyn-description{background: none;}
    .campaign-wrapper .tyffyn-description ul,.campaign-wrapper .drynk-description ul{padding-bottom: 0;}
    .campaign-wrapper .price-wrapper,.campaign-wrapper .drynk-description .price-wrapper{padding-top: 0;}
    .campaign-wrapper .custom-width2 {max-width: 270px;margin-bottom: 40px;}
    .campaign-wrapper .drynk-description:after,
    .campaign-wrapper .tyffyn-description:after { position: absolute;right: 0;left: 0;text-align: center;}
    .campaign-wrapper .drynk-description:after {content:"Graphite";top: 27%;}
    .campaign-wrapper .tyffyn-description:after {content:"Cheetah";top: 30%;}
    .hautecase-feature li label {font-size: 14px;}
    .hautecase-feature li{width: 120px; min-height: 150px;}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 767px) and (orientation:landscape) {
    .fixed-container .acc-carousel-view.hero-container .imgBox img { max-width: 25%; }
    .fixed-container .acc-carousel-view.hero-container { bottom: -21px; padding-bottom: 2% !important; }
    .fixed-container .hero-img-viewer { margin: 0 auto; }
    .fixed-container .acc-carousel-view .hero-img-viewer { height: auto; max-width: 95%; }
    .fixed-container .acc-carousel-view .hero-carousel { max-width: 60%; margin: 0 auto; }
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {max-height: 180px;}
}
@media only screen and (max-width:360px) {
    .hautecase-feature li{width: 120px; min-height: 150px;}
}

.send-reset-email-form .send-reset-email-message-2 {display: none; }
.send-reset-email-form.action-complete .send-reset-email-error {display: none; }
.send-reset-email-form.action-complete .send-reset-email-message {display: none; }
.send-reset-email-form.action-complete .send-reset-email-message-2 {display: block; }
.send-reset-email-form.action-complete .send-reset-email-input-row {display: none; }
.send-reset-email-form.action-complete .send-reset-email-button-row {display: none; }

.reset-password-form .reset-password-message-2 { text-align: center; display: none; }
.reset-password-form .reset-password-message-2 a {color: #00a5b3; }
.reset-password-form.action-complete .reset-password-error { display: none; }
.reset-password-form.action-complete .reset-password-message {display: none; }
.reset-password-form.action-complete .reset-password-message-2 {display: block; }
.reset-password-form.action-complete input {display: none; }
.reset-password-form.action-complete .reset-password-button {display: none; }
.reset-password-form.action-complete .send-reset-email-input-row, .reset-password-form.action-complete .send-reset-email-button-row {display: none; }

.corporate-enquiry-form .enquiry-thank {display: none; }
.corporate-enquiry-form.action-complete .corporate-enquiry-error {display: none; }
.corporate-enquiry-form.action-complete .corporate-enquiry-message {display: none; }
.corporate-enquiry-form.action-complete .enquiry-forms {display: none; }
.corporate-enquiry-form.action-complete .enquiry-thank {display: block; text-align: center; margin: 0 auto}
.corporate-enquiry-form.action-complete .send-reset-email-input-row {display: none; }
.corporate-enquiry-form.action-complete .send-reset-email-button-row {display: none; }


.stripe-apple-pay{
    margin: 0 auto;
    text-align: center;
    display: block;
    /* margin-bottom: 30px; */
    background: #449a61 !important;
    border: 2px solid #2f7680;
    min-width: 130px;
    min-height: 30px;
    overflow: hidden;
    max-height: 46px;
}
.stripe-apple-pay:hover,.stripe-apple-pay:focus,.stripe-apple-pay:active{
    color: white;
    outline: none !important;
    text-decoration: none !important;
}
.stripe-black-button{
    background: #000000  !important;
    border: 2px solid #ccd8e0;
}
.stripe-icon-btn{
    display: inline-block;
    margin-top: -5px;
    margin-left: -6px;
}
.office-location h4 {
    color: #007680;
    font-family: 'whitney-medium';
    padding: 6px 0 10px;
}
.office-location .glyphicon-map-marker {
    color: #999;
    margin-right: 5px;
    font-size: 18px;
}
.contact-info .margin-bottom-10 {
    margin-bottom: 5px;
}
.ffamily-medium {
    font-family: 'whitney-medium';
}
.contact-info .visible-xs, .contact-info .visible-xs table {
    width: 100%;
}