400;500;600;700&display=swap');
/*-------------------------------CSS for Common Elements---------------------------------------*/
html{
    background: #fff;
    height: auto;
    width: 100%;
    font-family: "Roboto", sans-serif;
}
html:after{
    display: none;
}
h1 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.no-scroll-body {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

ul li, ol li {
    margin-bottom: 10px;

}

.icn-loader-large {
    /*background: url(../../assets/images/logo/32x32.gif) no-repeat center center,*/
    /*rgba(238, 238, 238, 0.5);*/
    /*background-size: 32px, 100%;*/
    display: inline-block;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #000;
    outline: none;
}

img {
    outline: none;
    border: 0;
    border-style: none;
}

/* other svg Icon*/

/* svg sprite icons */
.svg-url{
    background-image:url(../../assets/images/svg-sprite.svg);
    background-repeat: no-repeat;
    display: inline-block;
}
.font20 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
}

.font18 {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
}

.font17 {
    font-family: "Roboto", sans-serif;
    font-size: 17px;
}

.font16 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

.font15 {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
}

.font14 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.font13 {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
}

.font12 {
    font-family: "Roboto", sans-serif;
    font-size: 12px;

}

.font11 {
    font-family: "Roboto", sans-serif;
    font-size: 11px;
}

.font10 {
    font-family: "Roboto", sans-serif;
    font-size: 10px;
}

.ellip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clear {
    clear: both;
}

.hide {
    display: none;
}

.cb5 {
    clear: both;
    height: 5px;
}

.cb10 {
    clear: both;
    height: 10px;
}

.cb15 {
    clear: both;
    height: 15px;
}

.cb20 {
    clear: both;
    height: 20px;
}

.mt3 {
    margin-top: 3px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mtb5 {
    margin: 5px 0;
}

.bold {
    font-weight: bold;
}

.no_bg {
    background: none !important;
}

.tcenter {
    text-align: center;
}

.tright {
    text-align: right;
}

.left {
    float: left;
}

.right {
    float: right;
}

.sqr-lst {
    list-style: square;
    padding-left: 20px;
    margin-top: 5px;

}

.sqr-lst li {
    margin-bottom: 8px;
}

.uppercase {
    text-transform: uppercase !important;
}

.white {
    color: #fff !important;
}

.bg_blue {
    background: #009cff !important;
}

.grey_text {
    color: #969696;
}

.blue_text {
    color: #00bfbf !important;
}

.dark_grey {
    color: #646464;
}

.padding_10 {
    padding: 10px;
}

.box-sizing {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.inline {
    display: inline-block;
}

.ml10 {
    margin-left: 10px;
}

.bd_btm {
    border-bottom: #c8c8c8 solid 1px;
}

.bd_top {
    border-top: #c8c8c8 solid 1px;
}

.border {
    border: 1px solid #c8c8c8;
}

.pd10 {
    padding: 10px !important;
}

.underline {
    text-decoration: underline;
}

.bg_grey {
    background: #f0f0f0 !important;
}
.pd-N{
    padding: 0 !important;
}
/*------------------------------autocomplete css --------------------------------------------*/
.highlight {
    font-weight: bold;
    color: #000;
}

/* .anchorHighlight{
 text-transform:capitalize;
} */
a.anchorHighlight {
    display: block;
    color:#333;
    vertical-align: middle;
}

a.anchorHighlight:first-letter {
    text-transform: uppercase;
}

.suggested-products {
    display: block;
    padding: 8px 0;
    background: #ffffff;

}

.suggested-products .img-box {
    display: inline-block;
    width: 15%;
}

.suggested-products .img-box img {
    height: 50px;
}

.suggested-products .info {
    display: inline-block;
    padding-left: 15px;
    width: 85%;
    vertical-align: top;
    color: #000;
    font-size: 14px;
}
.hk-search-box-result > div.variant-product-list a{
    padding: 14px 21px;
    font-size: 14px; color: #808080;
}
.overlay-layer{
    position: fixed; top: 103px; left: 0;width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; z-index: 10;
}

.hk-search-box-result .ac-result {

    clear: both;
    padding: 0;
    height: 40px;
    position: relative;
    margin-left:5px;
}
/*----------------------------------------------------------------------------------------------*/
/*-------------------------------CSS for Common Elements End---------------------------------------*/

input[type="text"].search::-ms-clear, input[type="text"].search::-ms-clear {
    height: 0px;
    width: 0px;
    margin-right: -33px;
}

input[type="text"].search::-ms-value {
    margin-right: 33px;
    padding-right: 0px;
}

input.search:focus {
    outline: none;
    border-color: #009CFF;
}

input::-webkit-input-placeholder {
    color: #B6B7B7;
}

input.search::-webkit-input-placeholder {
    color: #B6B7B7;
}

input:focus, select:focus {
    outline: none;
}

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 0 !important;
}

input[type="checkbox"]:checked, input[type="checkbox"][checked] {
    /*background: url(../../assets/img/checkbox_checked.png) no-repeat center center;*/
    /*background-size: contain;*/
}

select {
    /*-webkit-appearance: none;*/
    border: 1px solid #969696;
    padding: 10px;
    width: 100%;
    /*background: url(../../assets/img/select_down.png) no-repeat 96% center;*/
    /*background-size: 10px;*/
    border-radius: 0 !important;
}

.pack_con select {
    padding: 5px;
}

/*----------------------------------------------------------------------------------*/
/*------------------for ie10-------------------*/
select::-ms-expand {
    display: none;
    color: red;
}

select::selection {
    background-color: black;
}

input[type="checkbox"]::-ms-check {
    display: none;
}

/*-------------------------------------------*/

/*-------------------------- Header Css --------------------------------------------------*/

.header.static .search-bar {
    position: fixed;
    z-index: 50;
    padding-bottom: 0px;
    background-color: #fff;
    max-height: 56px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    top: 0;
    left: 0;
}

.header.full-body .search-bar {
    top: 0;
    bottom: 0;
}

.header.static .action-header {
    display: none;
}

/*Akshit Changes*/
.button-container {
  text-align: center;
}

fieldset {
  margin: 0 0 3rem;
  padding: 0;
  border: none;
}

.form-radio,
.form-group {
  position: relative;
  clear: both;
}

.form-inline > .form-group,
.form-inline > .btn {
  display: inline-block;
  margin-bottom: 0;
}

.form-help {
  margin-top: 0.125rem;
  margin-left: 0.125rem;
  color: #b3b3b3;
  font-size: 0.8rem;
}
.checkbox .form-help, .form-radio .form-help, .form-group .form-help {
  position: absolute;
  width: 100%;
}
.checkbox .form-help {
  position: relative;
  margin-bottom: 1rem;
}
.form-radio .form-help {
  padding-top: 0.25rem;
  margin-top: -1rem;
}

.form-group input {
  height: 1.9rem;
}
.form-group textarea {
  resize: none;
}
.form-group select {
  width: 100%;
  font-size: 1rem;
  height: 1.6rem;
  padding: 0.125rem 0.125rem 0.0625rem;
  background: none;
  border: none;
  line-height: 1.6;
  box-shadow: none;
}
.form-group .control-label {
    position: absolute;
  top: 0.25rem;
  pointer-events: none;
  padding-left: 0.125rem;
  z-index: 1;
  color: #7c7f80;
  font-size: 1rem;
  font-weight: normal;
  transition: all 0.28s ease;
  -webkit-transition: all 0.28s ease;
}
.form-group .bar {
  position: relative;
  border-bottom: 0.0625rem solid #d3d4d5;
  display: block;
  width: 100%;
  top: 0px;
}
.form-group .bar::before {
  content: '';
  height: 0.125rem;
  width: 0;
  left: 50%;
  bottom: -0.0625rem;
  position: absolute;
  background: #00bfbf;
  transition: left 0.28s ease, width 0.28s ease;
  -webkit-transition: left 0.28s ease, width 0.28s ease;
  z-index: 2;
}
.form-group input,
.form-group textarea {
  display: block;
  background: none;
  padding: 0.125rem 0.125rem 0.0625rem;
  font-size: 1rem;
  border-width: 0;
  border-color: transparent;
  line-height: 1.9;
  width: 100%;
  color: transparent;
  transition: all 0.28s ease;
  -webkit-transition: all 0.28s ease;
  box-shadow: none;
}
.form-group input[type="file"] {
  line-height: 1;
}
.form-group input[type="file"] ~ .bar {
  display: none;
}
.form-group select,
.form-group input:focus,
.form-group input:valid,
.form-group input.form-file,
.form-group input.has-value,
.form-group textarea:focus,
.form-group textarea:valid,
.form-group textarea.form-file,
.form-group textarea.has-value {
  color: #333;
}
.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
  font-size: 0.8rem;
  color: gray;
  top: -1.5rem;
  left: 0;
}
.form-group select:focus,
.form-group input:focus,
.form-group textarea:focus {
  outline: none;
}
.form-group select:focus ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group textarea:focus ~ .control-label {
  color: #00BFBF;
}
.form-group select:focus ~ .bar::before,
.form-group input:focus ~ .bar::before,
.form-group textarea:focus ~ .bar::before {
  width: 100%;
  left: 0;
}

.checkbox label,
.form-radio label {
  position: relative;
  cursor: pointer;
  padding-left: 2rem;
  text-align: left;
  color: #929495;
  display: block;
}
.checkbox input,
.form-radio input {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
}

.radio {
    width: 40%;
    display: inline-block;
}
.radio .helper {
  position: absolute;
  top: -6px;
  left: -0.25rem;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  user-select: none;
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;
  color: #999;
}
.radio .helper::before, .radio .helper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 0.25rem;
  width: 1rem;
  height: 1rem;
  transition: transform 0.28s ease;
  -webkit-transition: -webkit-transform 0.28s ease;
  border-radius: 50%;
  border: 0.125rem solid #d3d4d5;
}
.radio .helper::after {
  transform: scale(0);
  -webkit-transform: scale(0);
  background-color: #00bfbf;
  border-color: #00bfbf;
}
.radio label:hover .helper {
  color: #337ab7;
}
.radio input:checked ~ .helper::after {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
}
.radio input:checked ~ .helper::before {
  color: #d3d4d5;
}

.checkbox {
  margin-top: 3rem;
  margin-bottom: 1rem;
}
.checkbox .helper {
  color: #999;
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  z-index: 0;
  border: 0.125rem solid currentColor;
  border-radius: 0.0625rem;
  transition: border-color 0.28s ease;
  -webkit-transition: border-color 0.28s ease;
}
.checkbox .helper::before, .checkbox .helper::after {
  position: absolute;
  height: 0;
  width: 0.2rem;
  background-color: #00bfbf;
  display: block;
  transform-origin: left top;
  -webkit-transform-origin: left top;
  border-radius: 0.25rem;
  content: '';
  transition: opacity 0.28s ease, height 0s linear 0.28s;
  -webkit-transition: opacity 0.28s ease, height 0s linear 0.28s;
  opacity: 0;
}
.checkbox .helper::before {
  top: 0.65rem;
  left: 0.38rem;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  box-shadow: 0 0 0 0.0625rem #fff;
}
.checkbox .helper::after {
  top: 0.3rem;
  left: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.checkbox label:hover .helper {
  color: #337ab7;
}
.checkbox input:checked ~ .helper {
  color: #00bfbf;
}
.checkbox input:checked ~ .helper::after, .checkbox input:checked ~ .helper::before {
  opacity: 1;
  transition: height 0.28s ease;
  -webkit-transition: height 0.28s ease;
}
.checkbox input:checked ~ .helper::after {
  height: 0.5rem;
}
.checkbox input:checked ~ .helper::before {
  height: 1.2rem;
  transition-delay: 0.28s;
  -webkit-transition-delay: 0.28s;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: 1rem;
}

.has-error .legend.legend, .has-error.form-group .control-label.control-label {
  color: #d9534f;
}
.has-error.form-group .form-help,
.has-error.form-group .helper, .has-error.checkbox .form-help,
.has-error.checkbox .helper, .has-error.radio .form-help,
.has-error.radio .helper, .has-error.form-radio .form-help,
.has-error.form-radio .helper {
  color: #d9534f;
}
.has-error .bar::before {
  background: #d9534f;
  left: 0;
  width: 100%;
}

.button {
  position: relative;
  background: currentColor;
  border: 1px solid currentColor;
  font-size: 1.1rem;
  color: #4f93ce;
  margin: 3rem 0;
  padding: 0.75rem 3rem;
  cursor: pointer;
  transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  -webkit-transition: background-color 0.28s ease, color 0.28s ease, box-shadow 0.28s ease;
  overflow: hidden;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.button span {
  color: #fff;
  position: relative;
  z-index: 1;
}
.button::before {
  content: '';
  position: absolute;
  background: #071017;
  border: 50vh solid #1d4567;
  width: 30vh;
  height: 30vh;
  border-radius: 50%;
  display: block;
  top: 50%;
  left: 50%;
  z-index: 0;
  opacity: 1;
  transform: translate(-50%, -50%) scale(0);
  -webkit-transform: translate(-50%, -50%) scale(0);
}
.button:hover {
  color: #337ab7;
  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2);
}
.button:active::before, .button:focus::before {
  transition: transform 1.12s ease, opacity 0.28s ease 0.364s;
  -webkit-transition: -webkit-transform 1.12s ease, opacity 0.28s ease 0.364s;
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}
.button:focus {
  outline: none;
}
.proceedButton {
    width: 23%;
    margin-bottom: 15px;
    margin-top:15px;
    /*border-color: #757575;*/
    /*border-top-color: #757575;*/
    /*border-left-color: #757575;*/
    border:0 none;
    background-color: #3ac56a;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
}
.proceedText {
    display: inline-block;
    margin-left: 10px;
    width: 100%;
    color: grey;
}
.proceedClass {
    clear: both;
    border: 1px solid #c8c8c8;
}
.verMessage {
    position: absolute;
    float: right;
    right: 0%;
    top: 0px;
}
.notVerified {
    color: red;
    right: 0%;
}
.resendClass {
    color: #c8c8c8;
}
.resendClass:hover {
    color: #c8c8c8;
}
.resendClass:hover, .resendClass:focus {
    color: #c8c8c8;
    text-decoration: underline !important;
}
.blackBTN {
    color: black !important;
    margin-top: 10px;
    text-decoration: underline !important;
}
.resendAccount {
    margin-left: 10px;
    font-size: small;
    position: relative;
    top: 0px;
    text-decoration: underline;
}
.noBorder {
    border: none !important;
}
.heightLabel {
    position: absolute;
    bottom: 6px;
}
.inlineWidth {
    display: inline-block!important;
    width: 43%;
}
.btn[disabled=disabled], .btn.inactive, .btn:hover.inactive, .btn:active.inactive, .btn.active.inactive {
    background-color: #ddd !important;
    border-color: #888 !important;
    color: #888!important;
    box-shadow: none !important;
    cursor: default !important;
}
.mobWidth {
    width: 100%;
}
.errorMessageClass {
    position: relative;
    clear: both;
    display: none;
    color: red;
}
.checkedRadio {
    color: #337ab7 !important;
}
.updateButtonClass {
    background: #fff;
    text-align: center;
    padding-bottom: 5px;
    padding-top:10px;
}
/*Akshit Changes*/

.account-secure-box {background:url(../images/background.svg); padding: 10px; margin-bottom: 20px; height:155px;}
.account-secure-box > .icon-box{padding: 0px 0px 0px 0px;width: 20%;float: left; text-align: center;}
.account-secure-box > .icon-box > svg {width: 60px; height: 60px;}
.account-secure-box .secure-inner-box {width:100%; float: left; line-height:2;}
.account-secure-box .secure-inner-box p{color: #666; font-size: 12px; margin-bottom: 5px; margin-top: 5px;}
.secure-form .mobile-number {padding:6px; width: 60%; border-radius: 5px; border: 1px solid #999; color: #000;}
.secure-title {font-size: 15px; line-height: 1.5;}
.secure-form .btn.btn-blue{padding-top: 3px; padding-bottom: 3px; margin-left: 10px !important; border:0 none; border-radius: 3px;}
.add-banner{margin-top:50px;}
.acnt-details {padding-top: 20px;}
.acnt-details .proceedClass {margin-top: 30px; display: inline-block; width: 100%; padding: 10px;text-align: center;}
.acnt-details .contact-box svg{width: 20px; height: 20px;}
.acnt-details .contact-box .notVerified-text{color: #E64A19;}
.my-acnt-ht p.accnt-nav-box {padding-top: 30px; padding-bottom: 10px;}
.my-acnt-ht p.accnt-nav-box:first-child{padding-top: 0px;}
.new-pfl-cntnr .row-title{font-weight: bold; color: #7c7f80; margin-top: 10px;}
#updateBasicInfo {background: #1a485b; border-radius: 3px !important; margin-top:30px; padding-right: 1px;}
.svg-verfy {width: 20px;margin-right: 5px; float: left;}
.new-pfl-cntnr .row-box {margin:10px 0;}
.contact-box.row-box {margin-top: 20px;}
.date-pick {margin-top:30px;}

.menu span {
    background: #666666;
    height: 2px;
    font-size: 0;
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    width: 100%;
    transition: all .5s ease-in-out .2s;

}

.menu span:before {
    content: "";
    float: left;
    background: #666666;
    width: 100%;
    height: 2px;
    position: absolute;
    top: -7px;
    display: block;
    transition: all .5s ease-in-out;
}

.menu span:after {
    content: "";
    float: left;
    background: #666666;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 7px;
    display: block;
    transition: all .5s ease-in-out;

}
.icon.icon-edit {
    background: url(../../assets/images/Edit-01.svg) no-repeat;
    background-position: initial !important;
    height: 20px;
    width: 20px;
}
.icon {
    background: url(../../assets/images/sprite-v4.png) no-repeat;
    display: inline-block;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

.menu.selected span {
    /*background: #dcd9cf;*/
    width: 95%;
    transform: translateX(2px) rotate(-180deg);
    -webkit-transform: rotate(-180deg);

}

.menu.selected span:before {
    transform: translate(10px, 3px) rotate(40deg);
    -webkit-transform: translate(10px, 3px) rotate(40deg);
    width: 70%;
}

.menu.selected span:after {
    transform: translate(10px, -3px) rotate(-40deg);
    -webkit-transform: translate(10px, -3px) rotate(-40deg);
    width: 70%;
}

.track {
    float: right;
    margin: 5px 10px 0;
    text-align: center;
}

.user:before,
.track:before {
    /*border-right: 1px solid white;*/
    content: "";
    padding-right: 65px;
    height: 45px;
    display: inline-block;
}

.header .action-title {
    color: white;
    white-space: nowrap;
}

.cart .action-title {
    margin-top: 34px;
}

.user .action-title,
.track .action-title {
    margin-top: -14px;
}

/*-------------------------- Header Css End --------------------------------------------------*/

/*-------------------------- CSS FOR LIST ITEM --------------------------------------------------*/
.list_title {
    padding: 10px 15px;
    text-transform: uppercase;
/ / font: normal 1.5 "Roboto", sans-serif/em 1.2 em Roboto, 'Droid Sans', 'Helvetica Neue', 'Segoe WP', sans-serif;
    color: #fff;
    background: #1169A2;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.list_item {
    /*background: #FAFAFA;*/
    padding: 10px 40px 10px 13px;
    border-bottom: 1px solid #EEEEEE;
    position: relative;
/ / display : block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 100%;
    text-transform: capitalize;
}

.list_item.list_item_large {
    padding: 10px 40px 10px 13px;
}

span.check_filter {
    width: 70px !important;
    height: 100% !important;
    background: url(../../assets/img/arrow_down.png) no-repeat 80% center !important;
    background-size: 11px !important;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    color: green;
}

.list_item span {
    width: 40px;
    height: 100%;
    background: url(../../assets/img/arrow_down.png) no-repeat 50%;
    position: absolute;
    right: 0;
    top: 0;
}

.list_item.right_a span {
    background: url(../../assets/img/arrow_right.png) no-repeat 50% !important;
    background-size: 5px !important;
}

.list_item.open {
/ / font: normal 1.4 "Roboto", sans-serif/em 1.2 em Roboto, 'Droid Sans', 'Helvetica Neue', 'Segoe WP', sans-serif;
}

.list_item.open span {
    background: url(../../assets/img/arrow_up.png) no-repeat 50%;
    z-index: 1000;
}

.sub_1 .list_item, .sub_2 .list_item {
    background: #f0f0f0;
    padding: 13px 40px 13px 30px;
}

.sub_1 .list_item:first-child:not(.l1child) {
    padding: 13px 40px 13px 15px;
}

/*.sub_1 .list_item:first-child span,.sub_2 .list_item:first-child span, .list_item span.arrow-right {*/
/*background: url(/assets/img/arrow_right.png) no-repeat 50%;*/
/*z-index: 1000;*/
/*}*/

.sub_2 .list_item {
    /*background: #fff;*/
    padding: 13px 40px 13px 60px;
}

.sub_2 .list_item:first-child {
    padding: 13px 40px 13px 30px;
}

.dropDownboxHomePage .sub_1, .dropDownboxHomePage .sub_2 {
    width: 100% !important;
    float: left !important;
    padding: 0px !important;
}

/*-------------------------- CSS FOR LIST ITEM END--------------------------------------------------*/

/*--------------------------------button css---------------------------------------*/
.btn {
    text-transform: capitalize;
    padding: 10px 0;
    text-align: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
    transition: background 1s;
}

.grey {
    background: #dcdcdc;
    color: #464646;
    border: #c8c8c8 solid 1px;
}
.btn-gray {
    display: inline-block;
    padding: 5px 10px;
    background-color: #f4f4f4;
    border: 1px solid #d3d4d5;
    border-radius: 3px;
    margin: 0 5px;
}
.add_to_cart {

}

.buy_now {
    background-color: #827e7c;
    color: #fff;
    border: #c8c8c8 solid 1px;
}

.blue {
    background: #1a4f69;
    /*border: rgba(20, 140, 221, 1) solid 1px;*/
    color: #ffffff;
}

.blue-dark {
    background-color: #38a4dc;
    /*border: rgba(20, 140, 221, 1) solid 1px;*/
    color: #ffffff;
}

.green {
    background: #02730a;
    border: #1e7304 solid 1px;
    color: #ffffff;
}

/*now throughtout site, blue btn will be replaced by primary and secondary action buttons*/

.btn.primary {
    background: #df4723;
    border: #df4723 solid 1px;
    color: #ffffff;
}

.btn.secondary {
    background: #78909c;
    border: #61737C solid 1px;
    color: #ffffff;
}

/*patch to adjust colour in existing scenario, require reffactoring of code in cart.js*/

.btn.blue.primary {
    background: #df4723;
    border: #df4723 solid 1px;
    color: #ffffff;
}

.btn.grey.primary {
    background: #dcdcdc;
    color: #464646;
    border: #c8c8c8 solid 1px;
}

.btn.blue-dark.primary {
    background-color: rgba(20, 140, 221, 1);
    border: rgba(20, 140, 221, 1) solid 1px;
    color: #ffffff;
}

.load_more {
    width: 40%;
    max-width: 140px;
    margin: 10px auto;
}

.load_more .btn {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 7px 0;
}
.errorH1{padding: 5px 16px;}
/*-----------------------------------------------------------------------------------*/

/* CSS for Product */
.pd_slider a.pd_hldr {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    /*background: rgba(255,255,255,0.5);*/
    padding-bottom: 0;
    vertical-align: top;
}

.pd_image {
    width: 30%;
    max-width: 120px;
    height: 100px;
}

.pd_slider .pd_info {
    width: 70%;
    padding: 0 0 0 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.pd_name {
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.pd_rating {
    padding: 3px 0;
}

.pd_old_price {
    color: #969696;
    text-decoration: line-through;
}

.pd_discount {
    padding-left: 10px;
    color: #009cff;
}

.pd_price {
    padding: 3px 0;
    color: #900;
}

/* CSS for Product */

/* CSS for Best Seller */
.best_seller {
    float: left;
    margin-bottom: 20px;
}

.best_seller .pd_hldr {
    width: 200px !important;
    display: inline-block;
    /* white-space: nowrap;
  float: left; */
    border: none;
}
.sale-container .best_seller .pd_hldr {
    width: 40% !important;
}
.best_seller .pd_image {
    width: 100% !important;
    position: inherit;
}
.sale-container .pd_hldr .pd_image{ background-position: left center !important;}
.sale-container .card{ margin-left: 0;}
.sale-container .best_seller .card-title-default{
    padding-left: 10px;
}
.best_seller .pd_image a {
    width: 100%
}

.best_seller .pd_image a img {
    width: 100%;
    height: 100%;
}

.best_seller .pd_info {
    width: 100%;
    min-height: 110px;
}

.best_seller .pd_discount {
    padding-left: 0px;
}

.best_seller .pd_summ {
    padding: 0px 0 5px 0;

    margin-top: 5px;
    min-height: 58px;
}

.varnt-availble {
    padding-top: 5px;
    color: #999;
}

.title div.circle {
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 1px solid #009CFF;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    /*border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;*/
    position: relative;
    top: 2px;
}

.tittle div.circle:nth-of-type(1) {
    margin-right: 2px;
}

.tittle div.circle:nth-of-type(2) {
    margin-left: 2px;
}

.title span {
    padding: 0 5px;
}

.best_seller .title span {
    padding: 0;
    display: inline-block;
    max-width: 80%;
    color: #757575;
}

.best_seller .pd_hldr:nth-child(3) {
    /*opacity:0.5;*/

}

.best_seller .pd_slider_outer {
    width: 100%;
    height: auto;
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    float: left;
    position: relative;
}

.pd_slider_outer.shadow {

    position: relative;
    /*background: url(/assets/img/slider_shadow.png) no-repeat left 3px;*/
    background-size: contain;
    overflow: hidden;
    -webkit-overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.best_seller .pd_slider {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
}
.best_seller .pd_slider a:last-child .pd_image{border-right: 0px;}
/* CSS for Best Seller */

.mask {
    position: absolute;
    /*top: 115px;*/
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    display: none;
    z-index: 100000;
    opacity: 0;
    transition: opacity 1s ease-out;
}

#menu_con {
    -webkit-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);

    transform: translate(100%, 0);
    max-height: 100%;
    /*overflow-y: auto;*/

}

/* menu fixed on scrolling */
.header.static .menu_con {
    position: fixed;
    margin-top: 0px;
    z-index: 100;
    top: 65px;
}

.menu_con .list_title, .account_con .list_title {
    color: #000;
    background: #ffbf00;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px 15px;
}

.menu_con .search_hldr {
    padding: 5px;
}

.menu_con .list_item {
    border-bottom: 1px solid #F0F0F0;
}

.account_con {
    position: absolute;
    top: 65px;
    right: 0;
    width: 70%;
    background: #fff;
    z-index: 100001;
}

.account_con :before {
    border-bottom: 10px solid #ffbf00;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    position: absolute;
    right: 58px;
    top: -10px;

}

.account_con .list_item {
    background: #fff;
}

.account_con .list_item span {
    background: url(../../assets/img/arrow_right.png) no-repeat 50%;
}

.page-hldr {
    float: left;
    width: 100%;
}

/*----------------------------------------clearfix-----------------------------*/
.card:after, .clearfix:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1px;
}

/*-----------------------------------------------------------------------------*/

/* rating util Start*/
.rtng-strip {

}

.rtng-strip-s {

}

.rtng-star {
    position: relative;
    display: inline-block;
    width: 85px;
    height: 16px;
    text-align: left;
    vertical-align: bottom;
}

.rtng-star .rtng-usr {
    display: inline-block;
    height: 16px;
}
.rvw-box .rtng-star .rtng-usr {
    display: inline-block;
    height: 16px;
    /*background: url(../../assets/images/spriteIcons-v1.png) no-repeat -15px -476px;*/
    background: url(../../../assets/images/star-filled.svg);
}

.rtng-star-s {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 12px;
    line-height: 12px;
    text-align: left;
    background: url(../../../assets/images/star-empty.svg);
   /* background: url(../../assets/images/spriteIcons-v1.png) no-repeat -15px -491px;*/
}

.rtng-star-s .rtng-usr {
    display: inline-block;
    height: inherit;
    /*background: url(../../assets/images/spriteIcons-v1.png) no-repeat -15px -479px;*/
    background: url(../../../assets/images/star-filled.svg);
}

/* rating util End*/
.offer-text {
    position: absolute;
    /*display: inline-block;*/
    border: 1px solid #79a947;
    border-radius: 2px;
    /*margin-bottom: 5px;*/
    /*padding: 4px;*/
    z-index: 2;
    background: url(../../assets/images/producttile-sprite.png) -4px -4px no-repeat;
    min-width: 22px;
    min-height: 23px;
}
.border-btm1{
    border-bottom: 1px solid #ccc;
}
/*------------------------------------------------------*/

.out_of_stock .out_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
}

.out_of_stock .out_mask::after {
    content: "Sold Out";
    color: #424242;
    background: #ffffff;
    border: 1px solid #424242;
    text-align: center;
    width: 94px;
    position: absolute;
    left: 50%;
    margin-left: -47px;
    top: 40%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 2px 1px;
}

.no-pd {
    margin-top: 15%;
    text-transform: capitalize;
    text-align: center;
}

.add-icn {
    display: inline-block;
    font-size: 4em;
    position: relative;
    bottom: 90px;
    margin: 0 10px;
}

.opera-alert {
    width: 100%;
    background: red;
    color: #ffffff;
    text-align: center;
    padding: 10px 0;
}

.txt-light {
    color: #888;
}

.txt-red {
    color: #B00;
}

.right-arrw-blck {
    content: '';
    width: 0;
    height: 0;
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #8A8484;
    position: relative;
    bottom: 5px;
}

/****************** VAriant EMI page starts ******************/

.emi-varnt-container .btn {
    padding: 5px 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
}

.img-cont {
    width: 30%;
    float: left;
}

.vrnt-data-cont {
    width: 65%;
    float: left;
    margin-left: 10px;
    padding-top: 5px;
}

.emi-tab {
    padding: 10px;
    /*border-bottom: 1px solid #DDD;*/
    border-top: 1px solid #DDD;
}

.emi-tab.last {
    border-bottom: 1px solid #DDD;
}

.emi-tab.expanded {
    background-color: #E6E6E6;
    font-weight: 700;
}

.emi-tab.expanded span {
    background: url(../../assets/images/arrow-up.png) no-repeat center;

}

.emi-tab.collapsed span {
    background: url(../../assets/images/arrow-down.png) no-repeat center;

}

.emi-container .emiheader {
    font-weight: 700;
}

.emi-container table {
    margin-bottom: 0;
}

.emi-container .emi-info {
    padding: 10px;
}

.full-width {
    width: 100%;
}

.ml20 {
    margin-left: 20px;
}

.accordion-icn {
    display: inline-block;
    line-height: 0;
    font-size: 0;
    width: 10px;
    height: 10px;
    cursor: pointer;
    float: right;
}

.inln {
    display: inline;
}

/************* Variant emi ends *************/

#browseCategoryListing, .filter-brand, .filter-list {
    max-height: 210px;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    clear: both;
}

.filter-brand-maxheight {
    max-height: none;
}

/*new css rules for phase 2*/
.card {
    float: none;
    clear: both;
    margin: 10px;
    /*box-shadow: 0 1px 2px #E0E0E0;*/
    background: #fff;
}

.card.card-gray {
    background: rgba(235, 235, 235, 0.14);

}

.card-title {
    font-weight: bold;
    background-color: #F5F5F5;
    padding: 8px;
    border-radius: 0;
}

.card-content {
    display: block;
    width: 100%;
    padding: 8px;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in {
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    opacity: 1;
    display: block;
}

* {
    box-sizing: border-box;
}

/*Blog banner on home page*/
.blog-banner-box {
    margin: 10px;
}

.blog-banner {
    margin-bottom: 10px;
}

.blog-banner img {
    width: 100%;
}

/*menu banner*/

.gm_banner {
    width: 100%;
}

.menu-sprite .menu-sprite-item {
    background: url(../../assets/images/sprite_menu_v3.png) no-repeat;
    background-size: 30px auto;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.menu-sprite[href*="CP-nt-sn"] .menu-sprite-item {
    background-position: 0 -2px;
}

.menu-sprite[href*="CP-sv-fitness"] .menu-sprite-item {
    background-position: 0 -42px;
}

.menu-sprite[href*="CP-sv-sport"] .menu-sprite-item {
    background-position: 0 -80px;
}

.menu-sprite[href*="CP-c1fn"] .menu-sprite-item {
    background-position: 0 -120px;
}

.menu-sprite[href*="CP-ds"] .menu-sprite-item {
    background-position: 0 -158px;
}

.menu-sprite[href*="CP-hd"] .menu-sprite-item {
    background-position: 0 -195px;
}

.menu-sprite[href*="CP-dia"] .menu-sprite-item {
    background-position: 0 -234px;
}

.menu-sprite[href*="CP-pt-cr"] .menu-sprite-item {
    background-position: 0 -274px;
}

.menu-sprite[href*="CP-sv-perso"] .menu-sprite-item {
    background-position: 0 -312px;
}

.menu-sprite[href*="CP-pc-sc"] .menu-sprite-item {
    background-position: 0 -352px;
}

.menu-sprite[href*="CP-sv-women"] .menu-sprite-item {
    background-position: 0 -390px;
}

.menu-sprite[href*="CP-bty"] .menu-sprite-item {
    background-position: 0 -428px;
}

.menu-sprite[href*="CP-hnut-weloss"] .menu-sprite-item {
    background-position: 0 -506px;
}

.menu-sprite.clearance .menu-sprite-item {
    background-position: 0 -468px;
}

/*------Notification Util starts---------*/
.notification-root {
    font-size: 12px;
    height: 115px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    padding: 15px 10px;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    box-shadow: 0 1px 5px 1px #777777;
    line-height: 1.5;
}

.notification-root.bringDown {
    -webkit-animation: slideBanner 1s;
    -moz-animation: slideBanner 1s;
    -o-animation: slideBanner 1s;
    animation: slideBanner 1s;
}

/* Standard syntax */
@-webkit-keyframes slideBanner {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
    }
}

@-moz-keyframes slideBanner {
    0% {
        opacity: 0;
        -moz-transform: scale(1, 1) translateY(-900%);
    }

    100% {
        opacity: 1;
        -moz-transform: scale(1, 1) translateY(0);
    }
}

@-o-keyframes slideBanner {
    0% {
        opacity: 0;
        -o-transform: scale(1, 1) translateY(-900%);
    }
    100% {
        opacity: 1;
        -o-transform: scale(1, 1) translateY(0);
    }
}

@keyframes slideBanner {
    0% {
        opacity: 0;
        transform: scale(1, 1) translateY(-900%);
    }

    100% {
        opacity: 1;
        transform: scale(1, 1) translateY(0);
    }
}

.notification-root .notice-content {
    width: 90%;
}

.notification-root .notice-content a {
    color: #0088CC;
}

.notification-root .notice-remove {
    background: url(../../assets/images/close3.png) no-repeat;
    opacity: 0.5;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    right: 0;
    background-size: 10px;
}

.notice-content .cart-icon {
    background: url(../../assets/images/notification/ic_gotocart_notifshade.png) no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.notice-content .water-mark-icon {
    background: url(../../assets/images/notification/ic_hk_watermark_v1.png) no-repeat;
    width: 64px;
    height: 60px;
    position: relative;
    top: -18px;
    right: -40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

/*------Notification Util ends---------*/

/********** New header styles ****************/

.header-sprite.header-sprite-user.user:before {
    padding: 0;
    height: 0;
    display: none;
}

.header-sprite.header-sprite-track {
    width: 55px;
    background: transparent;
}

.right-arrow {
    float: right;
    font-size: 20px;
    margin-top: 2px;
}

.see-more-link {
    font-size: 11px;
    color: #0094DA;
    font-weight: 500;
}

.card-title-default {
    background-color: transparent !important;
    color: #454545;
    border-bottom: 1px solid #F4F4F4;
}
/*css for auto complete data UI*/
.recent-search-listing,
.top-search-lists{list-style-type: none; border-bottom: 1px solid #ccc;}
.recent-search-listing li,
.top-search-lists li{
    margin-bottom: 0px;
    border-top: 1px solid #CECED0;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.recent-search-listing li{background: #f9f9f9;}
.recent-search-listing li.recent-search-heading,
.top-search-lists li.top-search-heading{
    padding: 15px 16px; border-top: 0;
    background: #fff;
    color: #000;
    font-size: 13px;
}
.recent-search-listing li div,
.top-search-lists li a{
    display: block;
        padding: 5px 21px;
        background: #fff;
        color: #808080;
        font-size: 14px;
        padding-right: 40px;
        float: left;
        width: 85%;
        margin-bottom: 10px;
}
.recent-search-listing li div{background: #f9f9f9;}
.top-search-lists li a img{float: left; margin: 2px 10px 0 0; width: 56px; height: 56px;}
.top-search-lists li a span{float: left; color: #808080;}
.top-search-lists li a:after{
    content: '';
    display: table;
    width: 100%;
}
.recent-search-listing .auto-fill-recent-search,
.type-search-auto-fill,
.top-search-lists li .auto-fill-item {
    float: left;
    height: 40px;
    margin-top: 0px;
    padding: 1px 1px 0px 4px;
    width: 45px;
    box-sizing: border-box;
}
.top-search-lists li .auto-fill-item{
    margin-top: 4px;
}
/*.top-search-lists li .auto-fill-item svg{width: 60px; height: 20px;}*/
.recent-search-listing li div .search-icon-list{float: left; margin-right: 6px;}

#variant-page .productCarousel .js-img-thumb img{margin: 0 auto; width: 100%;}

.cod-payment-button{
    margin: 15px 10px 10px;
    text-align: center;

}
.cod-payment-button span{
    display: block;
    padding: 7px 0 0;
    color: red;
}
.js-order-history .order-container {
    position: relative;
    padding-bottom: 25px;
}
.showLinkInfooter{
    bottom: 0 !important;
    position: absolute !important;
    right: 0 !important;
    z-index: 10 !important;
}
.showLinkInfooter a{font-size: 12px;}
.cod-payment-button #createPayment{  padding: 8px 15px;
    box-shadow: none;
    border: 0;
    font-size: 16px;
}

.thirdPartyDataList.best_seller.card.productCarousel{
    min-height: 20px;
    padding: 0;
    border-bottom: 0px;
}
.thirdPartyDataList.best_seller.card.productCarousel > div:first-child{padding-top: 20px;}
.thirdPartyDataList.best_seller.card.productCarousel > div:last-child{padding-bottom: 20px; border-bottom: 4px solid #e7e8e9;}
/*media query starts*/

@media only screen and (max-width: 320px) {
    .swipe-wrap > div > a {
        height: auto !important;
    }
}

@media only screen and (max-width: 480px) {
    .best_seller .pd_hldr {
        width: 200px !important;
    }

    .pd_image {
        margin-left: 30px;
    }

    /*.swipe-wrap>div>a{*/
    /*height: 180px;*/
    /*}*/

}

/*Header Tabs css*/
.hk-header-m {
    margin: 0 auto;
    width: 100%;
    padding-top: 5px;
    height: 45px;
    background-color: #FFFFFF;
    border-bottom: 2px solid #E0E0E0;
    text-align: center;
}

.hk-header-m .tab-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0px 8px;
}

.hk-header-m .referral-tab {
    width: 18%;
    height: 44px;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    position: relative;
    padding: 0 5px;
    display: inline-block;
    opacity: 0.4;

}

.hk-header-m .referral-tab .caption {
    display: inline-block;
    font-size: 11px;
    line-height: normal;
}

.hk-header-m .referral-tab.active, .hk-header-m .referral-tab.selected {
    opacity: 1;
    color: black;
}

.power-campaign-offer {
    max-width: 480px;
    width: 100%;
    margin: 0 auto;
}

.power-campaign-offer a {
    background: url(../../assets/images/mb-stripBanner-powerBank.jpg) no-repeat center center;
    height: 200px;
    background-size: 100%;
    display: block;
}

/*by vinay@incaendo.com. for compare product page.*/

.main-cmpr-wrapper td, .main-cmpr-wrapper th {
    text-align: center;
    padding: 10px;
    vertical-align: top;
    font-size: 16px;
    width: 50%;
}

.main-cmpr-wrapper .varnt-specs-hdr, .main-cmpr-wrapper .cmpr-sub-label {
    color: #ccc;
}

.main-cmpr-wrapper .border-td:first-child {
    border-right: 1px solid #ccc;
}

.cmpre-varnts-tbl .varnt-specs-hdr {
    font-size: 18px;
    font-weight: 600;
    padding: 0 10px 0 0;
    text-transform: uppercase;
}

.main-cmpr-wrapper .cmpr-sub-label, .main-cmpr-wrapper td a, .main-cmpr-wrapper th a {
    font-size: 16px;
}

.main-cmpr-wrapper th .cmpr-btn .btn-blue-mini {
    background-color: #0091d7;
    color: #fff;
    margin: 15px auto;
    width: 100px;
}

.main-cmpr-wrapper th .btn {
    border-radius: 5px;
    display: block;
    padding: 10px 0;
    text-align: center;
    text-transform: capitalize;
    transition: background 1s ease 0s;
}

.main-cmpr-wrapper th .price {
    font-size: 16px;
    font-weight: bold;
}

.cmpr-title, .cmpre-varnts-tbl {
    width: 100%;
    float: left;
}

.cmpr-title h1 {
    text-align: center;
    color: #0091d7;
    padding: 10px;
    font-size: 20px;
}

@media (min-width: 280px) and (max-width: 420px) {
    .img-box.img-box-160 img {
        max-width: 130px;
    }
}

/*Find Right Supplement to fulfill your goal box */
/*hitesh*/
.findRightSupplementBox {
    display: block;
    width: 93%;
    -moz-box-shadow: 0px 2px 10px #ccc;
    -webkit-box-shadow: 0px 2px 10px #ccc;
    box-shadow: 0px 2px 10px #ccc;
    margin: 2.5em auto;
    padding: 2em;
}

.findRightSupplementBox p {
    display: inline-block;
    width: 60%;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.5em;
    padding: 0 1%;
}

button.gerStartedBtn {
    padding: 1em;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #00bfbf;
    border: 1px solid #00bfbf;
    width: 32%;
    position: relative;
    text-align: center;
    top: 5px;
    right: 5px;
    float: right;
}
/*FRS Ends Here*/

/*App banner for android devices on home page*/
.app-banner {
    position: fixed;
    bottom: 0;
    z-index: 5000;
    width: 100%;
    height: 200px;
    display: block;
    background: #00B3E8;
    box-shadow: 0 0 5px 5px #333;
}

.app-banner .splash {
    /*margin-top: -20px;*/
    text-align: center;
}

.app-banner .splash img {
    width: 100%;
    /*max-width: 200px;*/
    vertical-align: top;
}

.app-banner .skip {
    background: url(../../assets/images/close4.png) no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    position: absolute;
    right: 0;
    top: 0;
    height: 25px;
    width: 25px;
    z-index: 5001;
    color: #ffffff;
    text-align: center;
}

#cmpre-floating-hdr.card {
    margin-left: 0px;
}

.loyality-text {
    color: #555;
}

#dropDownbox1 span.back {display: none;}
#dropDownbox1 .open span.back img{height: 20px;}
#dropDownbox1 .open ul li:first-child span.back, #dropDownbox1 .open > a span.back{position: relative; display: block; left:0; margin: 0 10px; float: left; right: auto; background:none; width: 15px; }
.open > .sub_2 li a, .open > .sub_1 li a {border-bottom: 1px solid #d5d5d5;}
.no-scroling {overflow: hidden!important;  position: relative;
    height: 100%;}
.loyality-text span {
    font-weight: bold;
}
body.no-scroling{
    position: relative;
    height: 100%;
}
.dropDownboxHomePage {
    background: #FAFAFA;
}

.dropDownboxHomePage .navbar-nav {
    margin: 7.5px -15px;
}

.dropDownboxHomePage .nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}

.dropDownboxHomePage .nav > li {
    display: block;
    position: relative;
    width:100%;
    float: left;
    margin: 0;
}

.dropDownboxHomePage .dropdown, .dropDownboxHomePage .dropup {
    position: relative;
}

.dropDownboxHomePage .navbar-nav > li > a {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.dropDownboxHomePage .nav > li > a {
    display: block;
    padding: 5px 15px;
    position: relative;
    background: #FAFAFA;
    color: #666;
    cursor: pointer;
    font-size: 16px;
}

.dropDownboxHomePage .navbar-nav > li > .dropdown-menu {
    border-radius: 0;
    margin-top: 0;
}

.dropDownboxHomePage .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}

.dropDownboxHomePage .dropdown-menu > li > a {
    clear: both;
    color: #666;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
    cursor: pointer;
    font-size: 16px;
}

.dropDownboxHomePage .navbar-nav .open .dropdown-menu {
    background-color: transparent;
    /*border-bottom: 5px solid #d5d5d5;*/
    box-shadow: none;
    float: none;
    margin-top: 0;
    position: static;
    width: auto;
}

#dropDownbox1 .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
}

.dropDownboxHomePage .navbar-nav .open .dropdown-menu .dropdown-header, .dropDownboxHomePage .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
}

.dropDownboxHomePage .open > .dropdown-menu {
    display: block;
}

.dropDownboxHomePage .hidden {
    display: none !important;
}

.dropDownboxHomePage .navbar-nav .open > .arrow_btn {
    font-weight: 600;
    background: #b0dff3;
}
.dropDownboxHomePage .shop-by-product > a, .dropDownboxHomePage .shop-by-concern > a,
.dropDownboxHomePage .shop-by-category > a, .dropDownboxHomePage .shop-by-brands > a,
.dropDownboxHomePage .shop-by-service > a {
    background: #DEDEDE!important;
    color:#aaa!important;
    text-transform: uppercase;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    font-weight: 600;
}
.menu_category_cont .list_title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 10px;
    padding: 15px;
}
#dropDownbox1 .open > .list_item > span {background-image:none;}
#dropDownbox1 .list_item > span, .dropDownboxHomePage .login-box.list_item .down-arrow {background: url(../../assets/images/arrow_down_grey.png) no-repeat scroll 50% center;}
.vrnt-loyalty-cash-text {
    font-weight: 200;
    font-size:11px;
    color:#787878;
}
.vrnt-loyalty-cash {
    font-weight: 700;
    font-size:12px;
}
.list_item.static-menu {color: #888; font-size: 16px; font-weight: 600;}

@font-face {
    font-family: 'Glyphicons Halflings';

    src: url(/assets/Fonts/glyphicons-halflings-regular.eot);
    src: url(/assets/Fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(/assets/Fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(/assets/Fonts/glyphicons-halflings-regular.woff) format('woff'), url(/assets/Fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(/assets/Fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-user:before {
    content: "\e008";
}
.glyphicon-gift:before {
    content: "\e102";
}

.dropDownboxHomePage .login-box {background: #747474; color: #fff; padding: 07px 20px; font-size: 14px; width:100%; float:left;}
.dropDownboxHomePage .user-icon {border-radius: 50%;background: #fff; color: #434343; border: 1px solid #fff; font-size: 20px; padding: 10px; float:left;}
.dropDownboxHomePage .user-name {
    margin-left: 10px;
    margin-top: 12px;
    float: left;
    max-width: 76%;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
}
.dropDownboxHomePage .caret {
    color: #666;
    display: inline-block;
    width: 10px;
    height: 0;
    margin-left: 15px;
    margin-top: 0px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropDownboxHomePage .login-btn a{color: #fff;}
.dropDownboxHomePage .login-btn a .caret{color: #666;}
.dropDownboxHomePage .login-btn {margin-top:12px;}
.menu-divider {width: 100%; background:#d5d5d5; padding: 2px; display: block; float: left;}

/*for product listing page css */
#product-container {padding:0px 16px; background: #fff;}
.action-footer .action-bar{padding: 15px 16px!important;}
.page-heading {padding: 20px 16px!important;line-height:28px;}
#product-container .variant-tile, .products-block .load-more{padding:20px 0px!important;}
#product-container .variant-tile:first-child {padding-top:0px!important;}
.variant-tile {border-bottom: 1px solid #d3d4d5!important;border-top:0 none!important;}
.variant-tile .vt-info{
    line-height:1.6;
}
.variant-tile .vt-info .vt-discount{
    margin-right:25px;
}
.variant-tile .vt-info .vt-price, .variant-tile .vt-info .vt-mrp{
    margin-right: 12px;
}
.variant-tile .vt-img {padding: 0;}
.variant-tile .vt-info .vt-name{
    font-size: 15px!important;
    color: #25292b !important;
    line-height: 20px !important;
    font-weight:normal!important;
}
.variant-tile .vt-info .vt-price{
    color: #4891cd!important;
}
.variant-tile .vt-info .vt-mrp {
    color: #929495!important;
}
.variant-tile .vt-info .vt-price, .variant-tile .vt-info .vt-mrp {
    font-size: 16px!important;
}
.variant-tile .vt-info .vt-discount {
    background: #FF422E;
    color:#fff;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    padding:2px 3px!important;
    position: relative;
    font-weight:600;

}
.variant-tile .vt-info .vt-discount > small {font-weight: normal!important;}
.variant-tile .vt-info .vt-discount .discount-right-arrow {
    border-bottom: 11px solid transparent;
    border-left: 10px solid #ff422e;
    border-radius: 3px;
    border-top: 12px solid transparent;
    bottom: 0;
    height: 0;
    position: absolute;
    right: -9px;
    top: 0;
    width: 0;
}
.vrnt-loyalty-cash-text, .vrnt-loyalty-cash{
    color: #515455;
    font-size: 14px;
    font-weight: 400;
}
.vrnt-loyalty-cash{
    font-weight: bold;
}
#product-container .bestSeller-box{overflow: hidden;}
#product-container .freebie-sec, #product-container .bestSeller-sec{
    margin-right:10px;
    float: left;
    font-size:14px;
}
#product-container .freebie-sec i, #product-container .bestSeller-sec i{
    float: left;
    margin-right: 5px;
    margin-top: 1px;
}
#product-container .freebie-sec > span, #product-container .bestSeller-sec > span{
    float: left;
    float: left;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%;
    margin-left: 5px;
}

.action-footer .action-bar {
    background: #f4f4f4;
    font-size: 14px;
    text-align: center;
    border: 1px solid #d3d4d5;
    padding: 10px;
}
.action-footer .action-bar .action {
    display: inline-block;
}
.action-footer .action-bar .action {
    padding: 10px 15px;
    border: 1px solid #d3d4d5;
    background: #fff;
    margin-right: 10px;
}
.action-footer .action-bar .action:last-child {
    margin-right: 0px;
}
.action-footer .action-bar .showing-count {
    text-align: left;
}
.action-footer .action-bar .showing-count,
.action-footer .action-bar .filter-option-box {
    width: 49%;
    display: inline-block;
    font-size: 14px;
}
.action-footer .action-bar .filter-option-box {
    text-align: right;
}
.action-footer .action-bar .filter-option-box .filter-sec .filter-count {
    color: #4891cd;
}
.rating-box .rating-count{font-size: 14px;}
.action-footer .action-bar .filter-option-box svg, .action-footer .action-bar .filter-sec svg{vertical-align: bottom;}
.catalog-cloud {left:0; right:0;}
.swipe-wrap > div > a{
    /*min-height: 140px;*/
}
/* offer page css*/
.offer-listing-page li{
    list-style-type: none;
}
.offer-listing-page li a{
    display: block;
    padding: 10px;
}
.offer-listing-page li a .vt-img{
    float: left; margin-right: 15px;
}
.offer-listing-page li a .vt-name{
    margin-bottom: 4px;
}
.offer-listing-page li a .vt-info{
    overflow: hidden;
}
.offer-listing-page li a .rtng-star-s{
    margin-top: 2px;
}
.offer-listing-page li a .vrnt-loyalty-cash,
.offer-listing-page li a .vrnt-loyalty-cash-text{
    font-size: 13px;
}
.discount-value{
    font-size: 12px;
}
.review-number{
    font-size: 11px;
    vertical-align: top;
    margin-left: 5px;
}
.offer-listing-page li a .bestSeller-box svg{
    float: left;
}
.offer-listing-page li a .freebie-sec{
    margin-right: 10px;
    float: left;
}
.offer-listing-page li a .bst-text{
    float: left;
    font-size: 13px;
    padding: 1px 4px;
}
.action-footer-Offerpage .action-bar .action{
    background: transparent;
}
.offer-description ul li div{
    padding-bottom: 3px;
}
.offer-description ul li a{
    color: #2096D4;
    cursor: pointer;
    font-size: 11px;
}
.offer-description ul li a:focus{
    color: #2096D4;
}

.fnt-ttl.page-heading{
    margin-bottom: 0;
}
@media (min-width: 280px) and  (max-width: 440px) {
    .action-footer .action-bar .action {padding:6px; margin-right: 0; text-align: left;}
}

/* CSS written by Hitesh */
.findRightSupplementBox {
    display: block;
    width: 93%;
    -moz-box-shadow: 0px 2px 10px #ccc;
    -webkit-box-shadow: 0px 2px 10px #ccc;
    box-shadow: 0px 2px 10px #ccc;
    margin: 2.5em auto;
    padding: 2em;
}

.findRightSupplementBox p {
    display: inline-block;
    width: 60%;
    font-size: 2em;
    font-weight: normal;
    line-height: 1.5em;
    padding: 0 1%;
}

button.gerStartedBtn {
    padding: 1em;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #00bfbf;
    border: 1px solid #00bfbf;
    width: 32%;
    position: relative;
    text-align: center;
    top: 5px;
    right: 5px;
    float: right;
}

.mainWrapper {
    width: 100%;
    background-color: #FFF;
    padding: 20px;
}
.innerWraper1 {
    display: block;
}
.slideTitle {
    width: inherit;
    height: 50px;
    font-size: 3.5em;
    line-height: 1.5em;
    text-align: center;
    color: #000;
}

.slideHeading {
    width: inherit;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.5em;
    color: #434343;
    text-transform: uppercase;
    font-weight: bold;
}
.mainWrapper{
    overflow-x: hidden;
}

.mainWrapper .label {
    padding-top: 30px;
}
.proceed-to-checkout a.disabled{
    pointer-events: none;
    cursor: default;
    opacity: 1;
    background-color: #ddd!important;
    color: #888;
}
.mainWrapper .question-text {
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    line-height: normal;
    color: #434343;
    padding: 30px 0px;
    margin-right: 10px;
    vertical-align: middle;
    min-width: 60px;
    text-align: left;
}
.products-container + .category {
    margin-top: 20px;
}
.mainWrapper .js-ques-75 .question-text {
    vertical-align: top;
    padding-top: 42px;
    float: left;
}

.mainWrapper .js-ques-75 .radio-list {
    padding-bottom: 0px;
}

.mainWrapper .radio-list {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    vertical-align: top;
}
.mainWrapper #questions .radio-list {
    display: inline-block;
    margin-right: 30px;
    position: relative;
    vertical-align: top;
    margin-bottom: 10px;
}
.mainWrapper #questions .radio-list label{
    line-height: normal;
    font-size: 1.2em;
    word-wrap: break-word;
}
.mainWrapper #questions div.step-cont input[type="button"]{
    width: 100%;
    max-width: none;
}
.js-ques-wrapper .js-ques-81 .question-text + .radio-list label{
    padding-left: 10px;
    padding-right: 10px;
}
.mainWrapper .js-ques-wrapper {
    margin-top: 35px;
}
.mainWrapper .js-ques-wrapper:first-child {
    margin-top: 25px;
}
.mainWrapper #userDetails .js-ques-wrapper:nth-last-child(1),
.mainWrapper #userDetails .js-ques-wrapper:nth-last-child(2) {
    display: inline-block !important;
    width: 48%;
    vertical-align: top;
}
.mainWrapper #userDetails .js-ques-wrapper:nth-last-child(1) .js-ques > span.q-title .inputAns,
.mainWrapper #userDetails .js-ques-wrapper:nth-last-child(2) .js-ques > span.q-title .inputAns{
    min-width: 60px;
    width: 60px;
}
.mainWrapper #userDetails .js-ques-wrapper:nth-last-child(1) .question-text {
    padding-left: 20px;
}
.mainWrapper .js-ques {
    display: inline-block;
    width: 100%;
}
.mainWrapper #questions .js-ques .radio-list-slide {
    display: inline-block;
    white-space: nowrap;
    overflow-x: auto;
    max-width: 100%;
}
.mainWrapper .js-ans {
    display: inline-block;
}

.mainWrapper .dd-ans-div {
    display: inline-block;
    margin-left: 30px;
    vertical-align: top;
}

.mainWrapper .radio-list input[type="radio"] {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}

.dd-ans{
    vertical-align: middle;
    display: none;
}

.dd-ans + label{
    display: inline-block;
    width: 95px;
    text-align: center;
    padding-top: 95px;
    position: relative;
    font-size: 1.2em;
    text-transform: capitalize;
    min-height: 120px;
    background-repeat: no-repeat;
}

.radio-list input[type="radio"]:checked + label {
    color: #00bfbf;
    background-position: -95px 0;
}

.txtField {
    padding: 50px 0 20px;
    position: relative;
}

.mainWrapper span.inputAns input {
    width: 40px;
    display: inline-block;
    margin-right: 35px;
    border: none;
    font-size: 1.2em;
    color: #434343;
    border-bottom: 3px solid #ccc;
    text-align: left;
    padding: 5px 0px;
}

.mainWrapper span.inputAns label {
    position: absolute;
    top: -19px;
    left: 10px;
    font-size: 1.5em;
    color: #00bfbf;
}
.category {
    margin: 10px 0;
    padding-left: 15px;
}
.mainWrapper .best_seller .pd_slider_outer{
    height: auto;
    padding-bottom: 20px;
}
.footer-banner{
    padding: 10px 0;
}
.footer-banner img{
    max-width: 100%;
}
.category span{
    display: inline-block;
    border: 1px solid #00bfbf;
    color: #00bfbf;
    padding: 4px;
    border-radius: 4px;
    font-size: 11px;
    text-transform: uppercase;
}
.category + .products-container{
    border-bottom: 2px solid #ccc;
}
.productCarousel .products-container:last-child{
    border-bottom: 0;
}
.err-msg-details{
    color: #ff0000;
    font-size: 16px;
    text-align: center;
}
/* Numberic Input Control remove */
/* Remove controls from Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; /* Removes leftover margin */
}
/* Remove controls from Firefox */

.mainWrapper span.inputAns input[type=number] {
    -moz-appearance: textfield;
}
.mainWrapper span.inputAns input:focus {
    border-bottom: 3px solid #00bfbf;
    overflow: hidden;
}
.txtField span {
    display: none;
    position: relative;
    top: -35px;
    left: 56px;
    font-size: 14px;
}
.mainWrapper div.step-cont {
    width: 35%;
    margin: 20px auto 10px;
    padding-bottom: 20px;
    text-align: center;
}
.mainWrapper .err-txt{
    font-size: 11px;
    color: #ff0000;
}
.mainWrapper div.step-cont input[type="button"] {
    width: 90%;
    margin: 0 auto;
    padding: 10px 0px;
    font-size: 1.7em;
    font-weight: normal;
    color: #fff;
    border: none;
    background-color: #00bfbf;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 4px;
    max-width: 90px;
    display: inline-block;
    -webkit-appearance:none;
}
.mainWrapper .user-detail .supplementDetail .your-aim span{
    text-transform: capitalize;
}
.mainWrapper #questions div.step-cont input[type="button"]{
    max-width: none;
    padding: 11px 10px;
    max-width: 240px;
    display: inline-block;
    font-size: 1.5em;
}
.mainWrapper h1{
    margin-bottom: 20px;
}
.mainWrapper span.result {
    padding: 0px;
    font-weight: bold !important;
}

.mainWrapper .info-cont {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding: 20px 5px;
    background-color: #616262;
    color: #fff;
    margin:0 -20px !important;
}

.mainWrapper .bmi-container .bmi-scale {
    margin: 10px 10px 0px;
    position: relative;
}
.mainWrapper .bmi-container .bmi-scale .pointer{
    width: 25px;
    height: 25px;
    position: absolute;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #7F8184;
    box-sizing: border-box;
    top: -8px;
}
.mainWrapper .bmi-container .scale-text {
    display: inline-block;
    width: 100%;
    padding: 20px 10px;
    font-size: 11px;
}
.mainWrapper .bmi-container .scale-text span{
    float: left;
    width: 25%;
    text-align: center;
}
.mainWrapper .info-details > div{
    float: left;
    width: 61%;
    padding: 0 10px;
}
.mainWrapper .info-details > div:first-child{
    float: left;
    width: 39%;
    border-right: 1px solid #ccc;
    padding: 0 10px 0 0;
}
.brlb10{
    border-radius: 10px 0 0 10px;
}
.brRb10{
    border-radius: 0 10px 10px 0;
}
.mainWrapper .info-details div:first-child .bmi-count{
    display: block;
    margin-top: 4px;
    font-size: 16px;
}
.mainWrapper .bmi-container .bmi-scale .scale.under-weight {
    width: 25% !important;
    border-color: #FFC000;
}
.mainWrapper .bmi-container .bmi-scale .scale.obese  {
    width: 25% !important;
    border-color: #FF5F00;
}
#userDetails .js-ques-wrapper .js-ques > span.q-title,
#userDetails .js-ques-wrapper .js-ques{width: 100%; display: inline-block; vertical-align: top;}
#userDetails .js-ques-wrapper .js-ques > span.q-title .inputAns{
    display: inline-block;vertical-align: middle; position: relative;
    padding-left: 10px;
    width:  90px;
}
.mainWrapper .pd_slider div.pd_hldr {
    width: 28% !important;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    /* background: rgba(255,255,255,0.5); */
    padding-bottom: 0;
    vertical-align: top;

}
.mainWrapper .pd_image{
    margin-left: 0;
}
.supplement-you-need .product-label{
    font-size: 24px;
    font-weight: normal;
    margin-top: 18px;
}
.supplement-you-need .summary{
    font-size: 16px;
    padding-top: 10px;
    font-weight: normal;
    line-height: 22px;
    margin-bottom: 20px;
}
.mainWrapper .bmi-container .bmi-scale .scale{
    width: 25% !important;
    float: left;
}
.mainWrapper .bmi-container .bmi-scale .scale.normal {
    width: 25%;
    border-color: #77D139;
}

.mainWrapper .bmi-container .bmi-scale .scale.over-weight {
    width: 25%;
    border-color: #FFC000;
}

.mainWrapper .bmi-container .bmi-scale .scale {
    border-bottom: 10px solid #ccc;
    display: inline-block;
}

.mainWrapper .scale-text {
    width: 100%;
    padding: 10px;
}

.mainWrapper .scale-text span {
    display: inline-block;
    width: 24%;
    color: #ccc;
    text-align: center;
    font-size: 11px;
    margin-left: -1px;
}

.mainWrapper .info-details {
    font-size: 1.8em;
    text-transform: uppercase;
}
.mainWrapper .info-cont .info-details{
    padding: 0 20px;
    display: inline-block;
    width: 100%;
}
.mainWrapper .info-cont .info-details .info div{
    text-transform: lowercase;
    font-size: 16px;
    font-weight: normal;
}
.mainWrapper .info-cont .info-details .infoLeft {
    display: inline-block;
    width: 30%;
    padding: 10px 20px 15px;
    vertical-align: top;
}

.mainWrapper .info-cont .info-details .infoLeft span, .mainWrapper .info-cont .info-details .infoRight span {
    font-size: 1.8em;
    text-transform: lowercase;
    display: block;
    padding: 10px 0px;
}

.mainWrapper .info-cont .info-details .infoRight {
    display: inline-block;
    width: 66%;
    vertical-align: top;
    padding: 10px 35px 15px;
    border-left: 1px solid #ccc;
}

.mainWrapper .info-cont-title {
    font-size: 3.5em;
    padding: 20px;
}
.mainWrapper .track-add-to-cart,
.mainWrapper .addToCart {
    background: #00bfbf;
    color: #fff;
    width: 85%;
    margin-top: 10px;
    padding: 12px 8px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 5px;
    position: relative;
    z-index: 4;
    cursor: pointer;
}
.proceed-to-checkout a{
    text-decoration: none;
    background: #FF7700;
    color: #fff;
    font-size: 18px;
    text-align: center;
    height: 45px;
    display: block;
    margin: 15px -15px;
    padding-top: 13px;
}
.howToConsume-title.none:after{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);

}
.mainWrapper .rtng-star-s{
    margin-top: 5px;
}
.mainWrapper .pd_slider_outer.shadow {
    height: 300px;
    position: relative;
    background-size: contain;
    overflow: visible;
    -webkit-overflow: hidden;
}

.mainWrapper .best_seller .title span {
    padding: 0;
    display: inline-block;
    max-width: 80%;
    color: #434343;
    font-size: 1.8em;
    text-transform: uppercase;
}

.mainWrapper .best_seller .pd_summ {
    padding: 5px 5px 5px 0px;
    margin: 5px 0px;
    min-height: 60px;
}

.mainWrapper .best_seller .pd_info {
    width: 100%;
    min-height: 100px;
}

.mainWrapper .pd_price {
    padding: 5px 0;
    color: #00bfbf;
    font-size: 16px;
}

.mainWrapper .pd_old_price {
    color: #969696;
    text-decoration: line-through;
    padding-left: 10px;
    font-size: 14px;
}

.mainWrapper .pd_name {
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    line-height: 24px;
    font-size: 1.5em;
    font-weight: normal;
    color: #000;
    margin: 5px 0px;
}

.mainWrapper .pd_image {
    width: 30%;
    max-width: 150px;
    height: 110px;
}

.mainWrapper .innerWrapper4 {
    margin: 30px 0px;
}

.mainWrapper .supplementUneed {
    padding: 20px 0px;
    font-size: 1.8em;
    line-height: 1.5em;
    color: #000;
    letter-spacing: 1px;
}

.mainWrapper span.titleSUN {
    display: block;
    font-size: 2em;
    text-transform: capitalize;
    padding: 20px 0px;
}

.mainWrapper .card {
    margin: 0px !important;
}

/* Changes for Screen 2 */

.mainWrapper #questions .question-text {
    display: block;
}

.mainWrapper #questions div.step-cont {
    width: 80%;
}

.mainWrapper .user-detail {
    padding: 15px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 1.5em;
    margin: 10px 0px 10px;
}

.mainWrapper .user-detail div, .mainWrapper .user-detail span {
    font-size: 1em;
    color: #434343;
    text-transform: uppercase;
    padding: 0px;
    font-weight: bold;
}

.mainWrapper span.edit-detail, .mainWrapper span.edit-profile {
    float: right;
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    /*background: url(../../assets/images/suggester/edit.png) no-repeat center center;*/
    color: transparent;
    padding:0px;
    width: 30px;
    height: 30px;
    background-size: 26px 26px;
}
.userDetail{
    width: 100%;
    padding-top: 10px!important;
}
.mainWrapper .user-detail .userDetail span {
    font-size: 12px;
    padding: 0px 5%;
    color: #000;
    border-right: 2px solid #ccc;
    font-weight: normal;
    line-height: 2em;
    text-transform: capitalize;
    display: inline-block;
}
.mainWrapper .user-detail .userDetail span:last-child {
    border-right: 0;
}
.mainWrapper .user-detail .userDetail span:first-child {
    padding-left: 0;
}
.userDetails .radio-list{
    margin-right: 10px;
}
.mainWrapper .fnt-italic{
    clear: both;
    width: 100%;
    display: inline-block;
}
.mainWrapper .profile-detail {
    font-size: 1em !important;
    font-weight: normal !important;
}
.mainWrapper #questions .question-text {
    padding: 15px 0px;
}
/* Screen 2 Ends Here */

/* Screen 3 Changes */
.mainWrapper .your-aim {
    font-size: 12px !important;
    color: #000 !important;
    text-transform: none !important;
    padding: 0 !important;
    line-height: 2em;
    font-weight: normal !important;
}
.mainWrapper .your-aim span {
    font-weight: bold !important;
}
.supplementDetail {
    margin-top: 10px;
}
.mainWrapper .results .label {
    background-color: #616262;
    color: #fff;
    margin: 0 -20px;
    padding: 20px 20px 0px;
    font-size: 2.5em;
}
.supplement-you-need .howToConsume-title{
    font-size: 14px;
    padding: 10px 0;
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    position: relative;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
}
.supplement-you-need .howToConsume-title.none{
    border-bottom: 0;
}
.supplement-you-need .howToConsume-title.none +.howToConsume{
    border-bottom: 1px solid #ccc;
}
.supplement-you-need .howToConsume-title:after{
    content: '';
    position: absolute;
    right: 6px;
    top: 6px;
    /*background: url(../../assets/images/arrow-down-icon.png) no-repeat;*/
    width: 24px;
    height: 24px;
}
.supplement-you-need .product-accordion .acc-label
{
    font-weight: bold;
    padding:5px 0;
    font-size: 14px;
    padding-left: 15px;
    text-transform: uppercase;
}
.supplement-you-need .product-accordion{
    margin: 20px 0;
    border-bottom: 2px solid #ccc;
    padding-left: 0px;

}
.supplement-you-need .products{
    margin: 0 -15px;
}
.supplement-you-need .howToConsume{
    font-size: 14px;
    line-height: normal;
    padding: 5px 0 10px;
    display: none;
    line-height: 25px;
}
.steps{
    color: #A3A3A5;
    font-size: 12px;
    float: right;
    padding-top: 4px;
}
.acc-head{
    padding: 10px 0 0;
}
/* Screen 3 Ends Here */

/* Media Queries */
@media only screen and (min-width: 360px){
    #userDetails .js-ques-wrapper .js-ques > span.q-title .inputAns{
        min-width: 100px;
    }
    .mainWrapper .js-ques-wrapper:nth-last-child(1){
        padding-left: 20px;
    }
    .mainWrapper .js-ques-wrapper:nth-last-child(1) .question-text{
        min-width: 45px;
    }
    .mainWrapper #userDetails .js-ques-wrapper:nth-last-child(1) .js-ques span.q-title .inputAns,
    .mainWrapper #userDetails .js-ques-wrapper:nth-last-child(2) .js-ques span.q-title .inputAns{
        min-width: 70px;
        max-width: 70px;
    }
    .mainWrapper .js-ques-wrapper:nth-last-child(1),
    .mainWrapper .js-ques-wrapper:nth-last-child(2) {
        width: 50%;
    }
    .mainWrapper #questions .js-ques-wrapper:nth-last-child(2){
        width: 100%;
    }
    .mainWrapper #questions .js-ques-wrapper:nth-last-child(1){
        padding-left: 0;
        width: 100%;
    }
}
@media screen and (max-width: 490px) {
    .slideTitle {
        font-size: 2.5em;
        line-height: 2.5em;
    }
    .mainWrapper .label {
        padding-top: 25px;
    }
    .mainWrapper span.inputAns input {
        font-size: 1.2em;
        width: 40px;
        margin-right: 15px;
    }
    .mainWrapper div.step-cont input[type="button"] {
        padding: 11px 0px;
    }

    /*Screen 2*/
    .mainWrapper .user-detail .userDetail span {
        font-size: 12px;
        padding: 0px 5%;
        line-height: normal;
    }
    .mainWrapper .user-detail .userDetail span:last-child {
        padding-right: 5px;
    }
    .userDetail {
        padding-top: 17px !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 550px) {

    /*Screen 2*/
}
@media screen and (max-width: 420px) {
    .mainWrapper .pd_old_price{
        display: block;
        padding-left: 0;
    }
    /*Screen 2*/
}
@media screen and (max-width: 419px) {
    .slideTitle {
        font-size: 2.5em;
    }
    .mainWrapper .label {
        padding-top: 10px;
    }
    .mainWrapper span.inputAns input {
        margin-right: 20px;
        font-size: 1.2em;
        width: 40px;
    }
    .mainWrapper span.inputAns label {
        font-size: 1.2em;
    }

    /*Screen 2*/

    #questions .dd-ans + label {
        font-size: 1.2em;
    }

    .mainWrapper {
        padding: 10px 14px;
    }
}
@media screen and (max-width:359px){
    .header-sprite.header-sprite-menu{
        margin:0px 5px 0 6px;
    }
}
@media screen and (min-width: 320px) and (max-width: 359px) {
    .slideTitle {
        font-size: 2.1em;
        line-height: 3.5em;
    }
    .mainWrapper .label {
        padding-top: 0px;
    }
    .slideHeading {
        font-size: 1.5em;
    }

    /*  Screen 2 */
    .mainWrapper #questions .question-text {
        width: 85%;
        margin-right: 0px;
    }
    .mainWrapper .user-detail .userDetail span {
        font-size: 12px;
        padding: 0px 5%;
    }
    .mainWrapper .user-detail .userDetail span:last-child {
        padding-right: 5px;
    }
    .mainWrapper {
        padding: 0px 14px;
    }

    .mainWrapper .js-ques-wrapper {
        margin-top: 25px;
    }

}
@media only screen and (min-width: 319px) and (max-width: 420px){
    .mainWrapper .info-details > div{
        font-size: 12px;
    }
    .mainWrapper .radio-list {
        margin-right: 7px;
    }
    #userDetails .js-ques-wrapper .js-ques > span.q-title .inputAns{
        min-width: 100px;
    }
}
@media only screen and (min-width: 319px) and (max-width: 420px){
    .mainWrapper .info-details > div{
        font-size: 12px;
        width: 61%;
    }
    .mainWrapper .info-cont .info-details .info div{
        padding-top: 4px;
        font-size: 16px;
    }
    .mainWrapper .info-details > div:first-child{
        width: 39%;
    }
}
/* CSS by Hitesh Ends Here */

.menu-label-lists{
    cursor: pointer;
}

.no-scroling #footer{
    display: none;
}

.mobile-menu .main-menu .gm-mc > span.plus-icon, .mobile-menu .main-menu .gm-mc > span.minus-icon,
.mobile-submenu .main-menu .gm-mc > span.plus-icon, .mobile-submenu .main-menu .gm-mc > span.minus-icon
{ display: none; position: absolute; right:10px; left:auto; width:24px; height : 24px;}
.mobile-menu .menu-label.active .gm-mc > span.plus-icon, .mobile-menu .menu-label.active .gm-mc.active > span.minus-icon,
.mobile-submenu .menu-label.active .gm-mc > span.plus-icon, .mobile-submenu .menu-label.active .gm-mc.active > span.minus-icon
{display:block;}
.mobile-menu .menu-label.active .gm-mc.active > span.plus-icon, .mobile-menu .menu-label.active .gm-mc > span.minus-icon,
.mobile-submenu .menu-label.active .gm-mc.active > span.plus-icon, .mobile-submenu .menu-label.active .gm-mc > span.minus-icon
{display:none;}
.dropDownboxHomePage .close-btn{width:62px;height:62px; position: absolute; right:-62px; top:0; z-index: 15; text-align: center; background: #4e4e4e;  padding-top: 6px; display:none;}
#menu_con .dropDownboxHomePage .close-btn{display:block;}
.dropDownboxHomePage .close-btn svg{
    width: 36px;
    height: 36px;
}
.dropDownboxHomePage .close-btn svg path:first-child{
    fill: #fff;
}
.searchbar-box {width:100%; float:left; padding-left:100px;}
.help-box .main-menu{top:0;}
.gm-sc-cntnr img {display:none;}

/*.gm-sc-container.active .l1child {padding-left:15px;}*/
.gm-sc-container.active .l1child .gm-sc-content .gm-tc-list {padding-left:20px;}
.l1child .gm-sc-nm-cont:first-child {border-top: 1px dotted #d1d3d4;}
.l1child .gm-sc-nm-cont {border-bottom: 1px dotted #d1d3d4; overflow: hidden;}
.bottom-link {position:fixed; bottom: 0px; left: 0; width: 100px;}
.connect, .consult { color:#fff; padding: 20px 10px;}
/*.consult {border-bottom:1px solid #A7A9AC;}*/
.connect a, .consult a {color:#fff;
    font-size: 14px; text-transform: uppercase;}
.menu_con .bottom-link{left: -150px;}
#menu_con .bottom-link{left: 0px;}

@media screen and (min-width: 768px){
    .on-mobile-show{display:none!important;}
}

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

    .bxgy-sec span{font-size: 14px;display: inline-block;}
    .svg-url {display:inline-block;}
    .offer-btn-sec .downArrow {padding: 2px 0px 0 10px;}
    /*Akshit Changes*/
    .js-incompleteForm {
        padding-top: 15px;
    }

    /*Akshit Changes*/
}
.no-scroling .pp-footer,
.no-scroling .mainContainer,
.no-scroling .main-container{
    display: none;
}
.menu_con{
    height: 100%;
    top: 0;
    bottom: 0;
    position: fixed;

}
/*term page css by arun*/
.termsmobl-container{padding:0px 15px;font-size: 14px;}
.termsmobl-container .disp-blk.mrgn-t-10.fnt-bold,.termsmobl-container .disp-blk.mrgn-t-20.fnt-bold{text-transform:uppercase;color:#333;font-weight: 600;margin:15px 0px;width:100%;  float: left;  width: 100%;}
.termsmobl-container .hk-breadcrumb-cntnr.mrgn-bt-10{margin:10px 0px;}
.termsmobl-container .disp-blk.mrgn-bt-10.txt-justify{margin:0px 0px 10px; text-align: justify;float: left;  width: 100%;color:#757575;}
.termsmobl-container .tncContent {
    list-style-type: circle;
    padding-left: 0;
    margin-bottom: 10px;
}
.termsmobl-container .tncContent li {
    margin-left: 20px;
}
.accnt-nav-box{
    border: 1px solid #c8c8c8;
    text-align: left;
    box-shadow: 0px 0px 20px #ccc;
    position: relative;
    list-style: none;
    text-transform: capitalize;
}
.accnt-nav-box li{
    padding: 10px 15px;
}
.accnt-nav-box li a{width:auto; display: inline-block;}

.fix-bottom-sec,.menu_con,.mask,.account_con{z-index:999999999 !important; }

/*RECOMMEND PROD CSS*/

/*#recommended-products.productCarousel .pd_hldr .pd_image, #recomend-promobile.productCarousel .pd_hldr .pd_image {*/
    /*border-right: 1px solid #e7e8e9;*/
    /*margin: 0 auto 15px;*/
    /*max-width: 100%;*/
    /*padding: 0 5px;*/
/*}*/
/*#recomend-promobile.productCarousel .pd_hldr .pd_info {*/
    /*min-height: 120px;*/
    /*padding: 0;*/
/*}*/
.bxgy-sec  .bxgy-text{
    text-overflow: ellipsis;
    max-width: 80%;
    overflow: hidden;
}
.bxgy-tooltip{display: none;}

.minH {
    min-height: 185px !important;
}
.bxgy-box{text-align: left; min-height: 25px;}
.main-menu li:last-child{
margin-bottom: 70px !important;
}
.pd_slider img{
    max-width: 100%;
    max-height: 100%;
}
.pd_slider .pd_image{
    position: relative;
}
img.lazy{
    opacity: 0;
}
img.lazy.imageLoaded{
    opacity: 1;
}
.pd_slider .pd_image img.lazy{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    opacity: 0;
    white-space: normal;
}
.pd_slider .pd_image img.lazy.imageLoaded{
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}
.bannerCarousel{
    max-height: none !important;
}
.best_seller.card.productCarousel *{color: #333; }
.best_seller.card.productCarousel > div{display: block;}
.best_seller.card.productCarousel img{opacity: 1;}
@media screen and (max-height: 560px) and (orientation: portrait){
    .mobile-menu-box{ padding-bottom: 0; height: 100%;}
    .menu_con #consultConnect{ position:static;}
    .main-menu{bottom: auto; min-height: 100%;height:auto; padding-bottom: 0;}
}

@media screen and (max-height: 560px) and (orientation: landscape){
    .mobile-menu-box{ padding-bottom: 0; height: 100%;}
    .main-menu{bottom: auto; min-height: 100%;height:auto; padding-bottom: 0;}
}

@media screen and (min-height: 560px) and (orientation: landscape){
    .menu_con #consultConnect{ position:fixed;}
    .mobile-menu-box{ height: 100%; padding-bottom: 0;}
}
@media screen and (max-width: 375px){
    .vrnt-loyalty-cash-text, .vrnt-loyalty-cash{
        font-size: 11px !important;
    }
}
.pro-summary{width: 110px;
    border: 1px solid #00bfbf;
    height: 24px;
    overflow: hidden;box-sizing:border-box;  cursor: pointer;z-index:9;
    padding: 5px 5px 5px 10px;box-shadow: 0px 0px 1px #00bfbf inset; position:absolute; transition:all .5s ease-out; background:#fff; margin-top: 5px;}
.pro-summarycontent{float: left; width:100%; margin-top:5px;}
.taste{float: left;width:100%;margin-bottom: 5px;line-height:18px;}
.taste .rtng-star{float: left; margin:3px 10px 0 0 !important;}
.taste  span{float: left;color:#7C7f80;font-size:12px;}
.pro-summaryhead{float: left;  width: 100%;color:#00bfbf;font-size: 12px;line-height: 12px;}
.has-prosum{ margin-top: 40px;}
.open-sum{ float: right; display: block;cursor:pointer;margin-top: 3px;}
.close-sum{float: right;  display: none;cursor:pointer;margin-top: 3px;}
.close-sum svg,.close-sum i{ pointer-events: none;}
.pro-summary.activepro{width:200px; height: 130px;}
.pro-summary.activepro .open-sum{ display: none;}
.pro-summary.activepro .close-sum{ display: block;}
.myreview{border:1px solid #d3d4d5; padding-bottom: 10px;float:left; width:100%;}
.pro-summarycontent{
    font-size: 18px;
    line-height: 1;
    margin: 0 -15px 15px;
    padding: 7px 0px 10px 15px;}
.date-pub{float: right;width:30%;text-align: right;}
.review-det{ float: left; width:100%;}
.rating-summary{float: left; height: 25px; width: 70%;position:relative;}
.rating-summary .pro-summary{ left:100px;top:0px;}
.myreview-action .left-act{float: left;}.myreview-action .right-act{float: right;}.edit-addbtn{display: inline-block; margin-left: 15px;color:#00bfbf;font-size:12px;line-height: 16px; text-decoration: underline;margin:0;}
.write-btn{ background:none; text-transform:uppercase;box-shadow: 0px 0px 1px #00bfbf inset; border: 1px solid #00bfbf;padding: 5px 30px; display: inline-block;color:#00bfbf;}
.feature-rate.fnt-sz16{ border:0px !important;border-bottom: 2px solid #ffa000 !important; font-weight: bold;border-radius:0px !important;}
.newreveiw-sec{ background:#fff !important;padding:0px !important;}
.newreveiw-sec .review-for-product{padding:0px 15px !important;}
.newreveiw-sec  .rated-featuresinner{padding:0px 15px !important;}
.newreveiw-sec.pp-review .review-sec{padding:20px 15px !important; border-top:0px !important;}
.newreveiw-sec.pp-review .review-sec h3{ float: left;
    width: 100%;
    font-size: 16px;
    padding-bottom: 6px;
    border-bottom: 1px dashed #d3d4d5;
    margin-bottom: 15px !important;}
.newreveiw-sec.showFeatureSection .feature-rating-box.img-sec div{text-align: center;}
.review-action .review[data-reviewType="yes"]{height:20px;border: 1px solid #d3d4d5;vertical-align: top; color: #7C7f80;box-sizing: border-box; display: inline-block;  padding: 1px 0px;text-align: center; margin-left: 5px;font-size: 12px; line-height:16px;width:35px; position:relative;}
.positive-votecount{font-size: 12px; line-height:16px;border: 1px solid #d3d4d5;height:20px; color: #7C7f80;box-sizing: border-box; display: inline-block;  padding: 1px 0px;text-align: center; margin-left: 10px;position:relative;vertical-align: top;width:30px; }
.positive-votecount:before{content: ""; position: absolute;left: -11px;border-right:5px solid #d3d4d5;border-left: 5px solid transparent;border-top:5px solid transparent;
    border-bottom: 5px solid transparent;top: 50%;
    transform: translateY(-50%);}
.positive-votecount:after{content: ""; position: absolute;left: -10px;border-left:5px solid transparent;border-right: 5px solid #fff;border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;top: 50%;  transform: translateY(-50%);}
.certitooltip{background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    left: -12px;
    padding: 10px;
    position: absolute;
    top: 27px;
    width: 210px;
    z-index: 999;display:none;}
.certified-usr{position:relative;float: left; margin-left: 10px; padding-left: 10px; border-left: 1px solid #d3d4d5; }
.certified-usr i{position: absolute;}
.certified-usr .verified-buyer-txt{margin-left: 22px; font-size: 12px; color: #7C7f80; vertical-align: top;}
.certified-usr:hover .certitooltip{display: block;}
.certitooltip:before{content: ""; position: absolute;left:13px;border-bottom:7px solid #ddd;border-left: 7px solid transparent;border-top:7px solid transparent;
    border-right: 7px solid transparent;top:-15px;}
.certitooltip:after{content: ""; position: absolute;left:13px;border-left:7px solid transparent;border-bottom: 7px solid #fff;border-top: 7px solid transparent;
    border-right: 7px solid transparent;top:-14px;}
.reviews-item .review-user-name .ellipsis{float: left;  margin-left: 5px;  width: 100px;}
.newreveiw-sec .review-sec .reviews-list .reviews-item{display: block;border-bottom: 1px solid #eee;padding-bottom: 20px; margin-bottom: 20px;
    float: left; width: 100%;}
.newreveiw-sec .review-sec .reviews-list .reviews-item .pro-summary{top:20px;}
/*.newreveiw-sec .review-sec .reviews-list .reviews-item .has-prosum{margin-top: 60px;}*/
.newreveiw-sec .review-sec .reviews-list .reviews-item  .rtng-star,
.rating-summary .rtng-star,
.rating-area .rtng-star{
    background-image: url(../../assets/images/star-empty.svg);
    height:12px; width:60px;vertical-align:top; margin-bottom: 20px;
}
.newreveiw-sec .review-sec .reviews-list .reviews-item  .rtng-star .rtng-usr,
.rating-summary .rtng-star .rtng-usr,
.rating-area .rtng-star .rtng-usr{
    background-image: url(../../assets/images/star-filled.svg);
    height:12px;vertical-align:top;
}
.newreveiw-sec.showFeatureSection .feature-rating-box.img-sec{padding-left:10px !important;padding-right:10px !important;}
.newreveiw-sec.showFeatureSection .feature-rating-box.img-sec div{width:100%; }
.newreveiw-sec .review-sec .reviews-list .reviews-item .pro-summary{ left:90px; top:-10px;}
.newreveiw-sec .review-sec .reviews-list .reviews-item .review-user-name{ float: left; width:100%; margin: 10px 0px 0px;}

.review-sort-type.reviewsort-new{ padding: 10px 15px;}
.rating-summary .pro-summary{left: 80px; top: -10px;}
.myreview h1{ background: #f5f5f5 none repeat scroll 0 0;
    font-size: 16px;
    line-height: 1;
    margin: 0 -15px 15px;
    padding:10px 15px 15px;}
.myreview .title{ font-size: 14px;}
.myreview .review{ font-size: 13px;}
.newreveiw-sec .review-sec .reviews-list .reviews-item .rev-head a{ font-size: 13px;}
.newreveiw-sec .review-sec .reviews-list .reviews-item .review-advice{ font-size: 12px; color: #7C7f80;}
.newreveiw-sec .review-for-product{padding:10px 15px !important;}
.newreveiw-sec  .rated-featuresinner{padding:10px 15px !important; float: left;}
.number-rate{ float: left; font-size: 35px; line-height: 36px;}
.number-andrate,.action-outer{ float: left; width:100%;margin:5px 0px;}
.rating-area{width: 65px;  float: left;  margin-left: 10px; margin-top: 4px;}
.write-reviewbtn{box-shadow: 0px 0px 1px #00bfbf inset;  border: 1px solid #00bfbf;  padding: 5px 10px 5px 10px;  display: inline-block;  margin-left: 15px; color: #00bfbf;  font-size: 12px;  float: right;  line-height: 16px;  margin-top: -10px;  text-transform: uppercase;}
.action-outer > span{ font-size: 12px;color:#7C7f80; margin-right: 5px;  border-bottom:1px solid  #d3d4d5; display: inline-block;}
.action-outer > span.ratings{ color:#777; border-bottom: 0px;border-right:1px solid  #d3d4d5; padding-right: 5px;}
.out-ofstar{ color:#7C7f80;}
.action-outer{border-bottom: 1px dashed #7C7f80;padding-bottom: 15px;}
.newreveiw-sec.pp-review.showFeatureSection h3{ font-size: 14px; margin-bottom: 10px;}
.review-action{ width:100%;}
.review-action .pull-right{ float: right;}
.abuse-vote{ display: inline-block; vertical-align: top; color: #7C7f80; border-bottom: 1px dotted #d3d4d5;font-size: 12px;}
.rev-head{ float:left; width:100%;}.rev-head > div{ float: left;}.rev-head > div.publish-date{ float: right;}
.reviews-list .reviews-item .publish-date{ padding: 0px !important;}
.reviews-item .review-user-name .ellipsis{ margin-left:0px;}
.my-reviewouter{ padding: 0px 15px; float: left; width:100%;margin-bottom: 20px;}
.sep-link{ background: #7C7f80 none repeat scroll 0 0;
    display: inline-block;
    height: 11px;
    margin: 0 5px;
    vertical-align: middle;
    width: 1px;}
.reviews-list .reviews-item .review-description .review{ max-height: 1000px !important;}
.title-revuser{ font-weight: 600; font-size: 14px; line-height: 26px;}
.reviews-list .reviews-item .title{ font-size: 14px !important;}
.reviews-item .review-user-name .ellipsis{ margin-left: 0px; width:auto; max-width: 110px; line-height: 20px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 12px; color: #7C7f80;}
.review-date.visible-xs{color: #7C7f80;  margin-top: 0px;  display: inline-block !important;  /*border-left: 1px solid #d3d4d5;  padding-left: 10px;*/  line-height: 12px;  vertical-align: middle; float: right;}
.rev-head a,.reviews-list .reviews-item .review-description .review{ font-size: 13px; color:#141515;}
.pp-review .prod-m-head{padding: 10px 15px;}
.newreveiw-sec.showFeatureSection .feature-rating-box.img-sec div.feature-rate{padding:0px 0px 7px 0px !important; margin-bottom: 7px;}
.votedyes a{color:#00bfbf !important;border:1px solid #00bfbf !important;}
.select-flavour{ float: right;padding:0px;}
.select-flavour form{ float: left;}
.select-flavour label{  float: left;  font-size: 14px;  line-height: 30px;  margin-bottom: 0;  margin-right: 5px;}
.select-flavour select{ width:200px; font-size:12px;}
.review-titlepage h3{ font-size: 16px; font-weight:bold;}
.review-sort-type.reviewsort-new{ background: none;border: 0px; border-bottom:2px solid #d3d4d5;float: left; width:100%;margin-bottom: 15px;
    padding: 0px 0 5px;}
.review-sort-type.reviewsort-new .pull-left{float: left;}
.review-sort-type.reviewsort-new .pull-left h3{ border-bottom: 0px;}
.review-sort-type.reviewsort-new .rev-counts{ float: left;line-height: 30px;}
.review-sort-type.reviewsort-new.countheads .rev-counts{text-align: left; line-height: 20px; font-size: 14px;}
.review-sort-type.reviewsort-new .rev-right{ float: right; width:100%; font-size: 14px;}
.review-sort-type.reviewsort-new .rev-right a{ line-height: 30px; float: left; padding-bottom: 5px;margin-left: 0px;font-weight:bold; }
.review-sort-type.reviewsort-new .rev-right a.selected{border-bottom: 2px solid #388ECF;}
.review-sort-type.reviewsort-new .rev-right form{ float: right; margin-left: 30px;}
.review-sort-type.reviewsort-new .rev-right form select{width:130px; padding:5px;margin:0;
    line-height: normal;}
.review-sort-type.reviewsort-new .rev-right form{ margin-left: 0px;}
.title-revuser{ font-weight: 600; font-size: 14px; line-height: 26px;}
.no-reviewmsg{ text-align: center; float: left; width: 100%;
    padding:0px 0px 10px;margin: 0px 0px;font-size: 12px;}
.no-reviewtextouter{float:left; width:100%; margin-bottom: 10px;}
.no-reviewtext{ text-align: center; float: left; width: 100%;
    padding: 10px;background: #eee none repeat scroll 0 0;
    border: 2px solid #d3d4d5; margin: 0px 0px;}
.no-reviewtext a{color:#414243;text-decoration:underline !important; font-size: 12px;}
.review-sort-type.reviewsort-new.countheadsshow .rev-counts{ font-size: 14px; line-height: 20px; text-align: left; margin-bottom: 10px;}
.login-tooltip{background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    left: 0px;
    padding: 10px;
    position: absolute;
    top: 40px;
    width: 180px;font-size: 12px; line-height: 20px;
    z-index: 999;color:#7C7f80 !important;}
.login-tooltip:before{content: ""; position: absolute;left:5px;border-bottom:7px solid #ddd;border-left: 7px solid transparent;border-top:7px solid transparent;
    border-right: 7px solid transparent;top:-15px;}
.login-tooltip:after{content: ""; position: absolute;left:5px;border-left:7px solid transparent;border-bottom: 7px solid #fff;border-top: 7px solid transparent;
    border-right: 7px solid transparent;top:-13px;}
.review .login-tooltip{ top:30px;}
.review.abuse-vote .login-tooltip{ right:0;left:auto;}.review.abuse-vote .login-tooltip:before{ right:5px; left:auto;}.review.abuse-vote .login-tooltip:after{left:auto; right:5px;}

.svg-cross {
    background-position:  76.28458498023716% 58.775510204081634% ;
}

.svg-cross-dims {
    width: 24px;
    height: 24px;
}

.svg-zautoFill_1 {
    background-position:0 -145px;
}

.svg-zautoFill_1-dims {
    width: 30px;
    height: 30px;
}

.svg-zcloseIcon_1 {
    background-position:0 -208px;
}

.svg-zcloseIcon_1-dims {
    width: 50px;
    height: 50px;
}

.svg-minus {
    background-position:  23.346303501945524% 94.37751004016064% ;
}

.svg-minus-dims {
    width: 20px;
    height: 20px;
}

.svg-plus {
    background-position:  15.56420233463035% 94.37751004016064% ;
}

.svg-plus-dims {
    width: 20px;
    height: 20px;
}

.svg-user2 {
    background: url(../images/user-icon.svg);
    background-repeat: no-repeat;
}

.svg-user2-dims {
    width: 21px;
    height: 24px;
}

.svg-zrightArrg {
    background: url(../images/arrow-02b.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.svg-zrightArrg-dims {
    width: 12px;
    height: 12px;
}

.svg-greenLeaf {
    background-position:  0 20.833333333333332% ;
}

.svg-greenLeaf-dims {
    width: 113.5px;
    height: 29px;
}
.svg-white-icon {
    background-position:  -50px -252px;
}

.svg-white-icon-dims {
    width: 20px;
    height: 20px;
}

.filter-option-box i{
    vertical-align: middle;
}

/*rating box product page begins*/
.big-star-rtng {
    background: url(../../assets/images/big-star.png) no-repeat center;
    color: #654d19;
    padding: 20px 0;
    font-size: 1.3em;
    text-align: center;
    font-weight:bold;
    margin-bottom:5px;
}

.rvw-box {
}
.rvw-all-link{
    display: block;
    text-align: center;
    background: rgba(230,150,0,0.5);
    margin: 0 -9px;
    padding: 5px;
    position: relative;
    top: 8px;
}
.rtng-star-cnt{
    width: 28%;
    display: inline-block;
    float: left;
}

.rtng-bars-cnt {
    display: inline-block;
    list-style: none;
    width: 70%;
}

.rtng-bars-cnt .rtng-bar-cnt{
    margin-bottom:5px;
    white-space: nowrap;
}
.rtng-bars-cnt .rating-bars {
    width: 67%;
    background: #e6e7e9 no-repeat;
    display: inline-block;
    height: 16px;
    border: 1px solid #fafafa;
    vertical-align: bottom;
}

.rating-bars .progress {
    background: #0288d1;
    height: 14px;
}

.rtng-count,.rtng-type {
    font-size: 14px;
}
.address-card div.add-cntnr.mb5{
    word-wrap: break-word;
}
/*ends*/

/*ends*/
.userIcons{
    width: 42px;
    height: 42px;
    background: #fff;
    float: left;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    padding-left: 2px;
    padding-top: 6px;
    margin-top: 4px;
}

@media screen and (max-width:420px)
{
    .select-flavour{ width:100%; float: left; padding: 10px 0px;}
    .newreveiw-sec.showFeatureSection .feature-rating-box.img-sec div{width:56px;padding:0px!important;}
    .newreveiw-sec.showFeatureSection .feature-rating-box.img-sec{padding-left:0px !important;padding-right:0px !important;}
    .login-tooltip{ right:-50px;left:auto;}.login-tooltip:before{ right:55px; left:auto;}.login-tooltip:after{left:auto; right:55px;}
    .review.abuse-vote .login-tooltip{ right:0;left:auto;}.review.abuse-vote .login-tooltip:before{ right:5px; left:auto;}.review.abuse-vote .login-tooltip:after{left:auto; right:5px;}
}
@media screen and (max-width:370px)
{
    .abuse-vote{margin-top: 20px;}
}
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    /*.newreveiw-sec .review-sec .reviews-list .reviews-item  .rtng-star,.rating-summary .rtng-star,.rating-area .rtng-star{
        background-size: 172px 298.5px;
        background-position: -7px -874px;
    }
    .newreveiw-sec .review-sec .reviews-list .reviews-item  .rtng-star .rtng-usr,.rating-summary .rtng-star .rtng-usr,.rating-area .rtng-star .rtng-usr{
        background-size: 172px 298.5px;
        background-position: -7px -862px;
    }*/
}
/* Mobile browsers only */
@media only screen and (max-device-width: 480px) {
    .menu_category_cont { -webkit-text-size-adjust:100% }
}

/* above fold css*/
.svg-other{
    background-image: url(../../assets/images/svgsprites.svg);
    background-repeat: no-repeat;
    display: inline-block;
}

.svg-HKapp {
    background-position:  80.08298755186722% 30.901287553648068% ;
}

.svg-HKapp-dims {
    width: 36px;
    height: 36px;
}

.svg-android {
    background-position:  100% 50.199203187250994% ;
}

.svg-android-dims {
    width: 18px;
    height: 18px;
}

.svg-apple {
    background-position:  100% 0 ;
}

.svg-apple-dims {
    width: 18px;
    height: 18px;
}

.svg-appleFooter {
    background-position:  24.291497975708502% 85.77405857740585% ;
}

.svg-appleFooter-dims {
    width: 30px;
    height: 30px;
}

.svg-arrowRight {
    background-position:  99.23371647509579% 81.32295719844358% ;
}

.svg-arrowRight-dims {
    width: 16px;
    height: 12px;
}

.svg-athent {
    background-position:  0 85.77405857740585% ;
}

.svg-athent-dims {
    width: 30px;
    height: 30px;
}

.svg-blueDownArr {
    background: url(../images/arrow-right-green.svg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-repeat: no-repeat;
}

.svg-blueDownArr-dims {
    width: 12px;
    height: 12px;
}

.svg-blueLeftarr {
    background-position:  0 100% ;
}

.svg-blueLeftarr-dims {
    width: 14px;
    height: 14px;
}

.svg-bmrfat {
    background-position:  64.55696202531645% 0 ;
}

.svg-bmrfat-dims {
    width: 40px;
    height: 40px;
}

.svg-btmarr {
    background-position:  31.1284046692607% 94.37751004016064% ;
}

.svg-btmarr-dims {
    width: 20px;
    height: 20px;
}

.svg-calorie {
    background-position:  64.55696202531645% 34.93449781659389% ;
}

.svg-calorie-dims {
    width: 40px;
    height: 40px;
}

.svg-cap {
    background-position:  0 56.33187772925764% ;
}

.svg-cap-dims {
    width: 40px;
    height: 40px;
}

.svg-cartFreebi {
    background-position:  80.7843137254902% 68.42105263157895% ;
}

.svg-cartFreebi-dims {
    width: 22px;
    height: 22px;
}

.svg-cash {
    background-position:  74.9034749034749% 93.62549800796813% ;
}

.svg-cash-dims {
    width: 18px;
    height: 18px;
}

.svg-cross1 {
    background: url(../images/cancel-green.svg);
}

.svg-cross1-dims {
    width: 12px;
    height: 12px;
}

.svg-crossIcon {
    background-position:  0 36.073059360730596% ;
}

.svg-crossIcon-dims {
    width: 50px;
    height: 50px;
}

.svg-dietChart {
    background-position:  31.645569620253166% 56.33187772925764% ;
}

.svg-dietChart-dims {
    width: 40px;
    height: 40px;
}

.svg-downArrow {
    background-position:  52.64150943396226% 24.124513618677042% ;
}

.svg-downArrow-dims {
    width: 12px;
    height: 12px;
}

.svg-download {
    background-position:  61.003861003861005% 93.62549800796813% ;
}

.svg-download-dims {
    width: 18px;
    height: 18px;
}

.svg-fIcon1 {
    background-position:  16.52892561983471% 56.33187772925764% ;
}

.svg-fIcon1-dims {
    width: 35px;
    height: 40px;
}

.svg-fb {
    background-position:  80.08298755186722% 15.450643776824034% ;
}

.svg-fb-dims {
    width: 36px;
    height: 36px;
}

.svg-fillIcon {
    background-position:  99.23371647509579% 87.35177865612648% ;
}

.svg-fillIcon-dims {
    width: 16px;
    height: 16px;
}

.svg-footerGicon {
    background-position:  92.71255060728745% 37.65690376569037% ;
}

.svg-footerGicon-dims {
    width: 30px;
    height: 30px;
}

.svg-footermIcon {
    background-position:  80.08298755186722% 0 ;
}

.svg-footermIcon-dims {
    width: 36px;
    height: 36px;
}

.svg-gehu {
    background-position:  48.52320675105485% 56.33187772925764% ;
}

.svg-gehu-dims {
    width: 40px;
    height: 40px;
}

.svg-gift {
    background-position:  64.31535269709543% 55.36480686695279% ;
}

.svg-gift-dims {
    width: 36px;
    height: 36px;
}

.svg-gift1 {
    background-position:  100% 28.685258964143426% ;
}

.svg-gift1-dims {
    width: 18px;
    height: 18px;
}

.svg-gift2 {
    background-position:  73.51778656126483% 83.6734693877551% ;
}

.svg-gift2-dims {
    width: 24px;
    height: 24px;
}

.svg-gift3 {
    background-position:  50.98039215686274% 31.983805668016196% ;
}

.svg-gift3-dims {
    width: 22px;
    height: 22px;
}

.svg-goIcon {
    background-position:  90.51383399209486% 25.10460251046025% ;
}

.svg-goIcon-dims {
    width: 24px;
    height: 30px;
}

.svg-goal {
    background-position:  90.51383399209486% 73.46938775510205% ;
}

.svg-goal-dims {
    width: 24px;
    height: 24px;
}

.svg-goal1 {
    background-position:  6.283018867924528% 100.22178988326849% ;
}

.svg-goal1-dims {
    width: 16px;
    height: 12px;
}

.svg-goal2 {
    background-position:  45.059288537549406% 83.6734693877551% ;
}

.svg-goal2-dims {
    width: 24px;
    height: 24px;
}

.svg-gplus {
    background-position:  0 72.53218884120172% ;
}

.svg-gplus-dims {
    width: 36px;
    height: 36px;
}

.svg-gurstLogin {
    background-position:  64.03162055335969% 83.6734693877551% ;
}

.svg-gurstLogin-dims {
    width: 24px;
    height: 24px;
}

.svg-hk {
    background-position:  21.09704641350211% 34.49781659388646% ;
}

.svg-hk-dims {
    width: 40px;
    height: 40px;
}

.svg-hkCashBlack {
    background-position:  100% 35.85657370517928% ;
}

.svg-hkCashBlack-dims {
    width: 18px;
    height: 18px;
}

.svg-hkLogo {
    background-position:  0 0 ;
}

.svg-hkLogo-dims {
    width: 153px;
    height: 50px;
}

.svg-hkcashgrey {
    background-position:  99.23371647509579% 76.28458498023716% ;
}

.svg-hkcashgrey-dims {
    width: 16px;
    height: 16px;
}

.svg-inOut {
    background-position:  99.23371647509579% 63.63636363636363% ;
}

.svg-inOut-dims {
    width: 16px;
    height: 16px;
}

.svg-leftArrow {
    background-position:  92.71255060728745% 62.76150627615063% ;
}

.svg-leftArrow-dims {
    width: 30px;
    height: 30px;
}

.svg-loader {
    background-position:  88.8030888030888% 93.62549800796813% ;
}

.svg-loader-dims {
    width: 18px;
    height: 18px;
}

.svg-location {
    background-position:  100% 14.342629482071713% ;
}

.svg-location-dims {
    width: 18px;
    height: 18px;
}

.svg-mob {
    background-position:  50.19305019305019% 40.2390438247012% ;
}

.svg-mob-dims {
    width: 18px;
    height: 18px;
}

.svg-msg {
    background-position:  35.573122529644266% 83.6734693877551% ;
}

.svg-msg-dims {
    width: 24px;
    height: 24px;
}

.svg-muscle {
    background-position:  92.71255060728745% 50.2092050209205% ;
}

.svg-muscle-dims {
    width: 30px;
    height: 30px;
}

.svg-muscle1 {
    background: url(../images/effcacy-64.svg);
}
.svg-slm1 {
    background: url(../images/effcacynew.svg);
}

.svg-muscle1-dims {
    width: 35px;
    height: 35px;
}

.svg-notifi {
    background-position:  0 94.37751004016064% ;
}

.svg-notifi-dims {
    width: 20px;
    height: 20px;
}

.svg-notification {
    background-position:  90.27237354085604% 82.3293172690763% ;
}

.svg-notification-dims {
    width: 20px;
    height: 20px;
}

.svg-otherI {
    background-position:  92.71255060728745% 12.552301255230125% ;
}

.svg-otherI-dims {
    width: 30px;
    height: 30px;
}

.svg-pencil {
    background-position:  92.71255060728745% 0 ;
}

.svg-pencil-dims {
    width: 30px;
    height: 30px;
}

.svg-protien {
    background-position:  64.55696202531645% 17.467248908296945% ;
}

.svg-protien-dims {
    width: 40px;
    height: 40px;
}

.svg-qMark {
    background-position:  100% 7.171314741035856% ;
}

.svg-qMark-dims {
    width: 18px;
    height: 18px;
}

.svg-result {
    background-position:  54.54545454545455% 83.6734693877551% ;
}

.svg-result-dims {
    width: 24px;
    height: 24px;
}

.svg-rightArr {
    background-position:  97.00374531835206% 21.51394422310757% ;
}

.svg-rightArr-dims {
    width: 10px;
    height: 18px;
}

.svg-rightArrGrey {
    background-position:  100% 20.689655172413794% ;
}

.svg-rightArrGrey-dims {
    width: 8px;
    height: 8px;
}

.svg-rightBlueArr {
    background-position:  97.73584905660377% 93.30708661417323% ;
}

.svg-rightBlueArr-dims {
    width: 12px;
    height: 15px;
}

.svg-rs {
    background: url(../images/valueformoney-65.svg);
}

.svg-rs-dims {
    width: 35px;
    height: 35px;
}

.svg-rsSymbol {
    background-position:  12.145748987854251% 85.77405857740585% ;
}

.svg-rsSymbol-dims {
    width: 30px;
    height: 30px;
}

.svg-search {
    background-position:  45.21912350597609% 20.5761316872428% ;
}

.svg-search-dims {
    width: 26px;
    height: 26px;
}

.svg-shaker {
    background-position:  71.25506072874494% 70.7112970711297% ;
}

.svg-shaker-dims {
    width: 30px;
    height: 30px;
}

.svg-shakers {
    background: url(../images/mixablity-63.svg);
}

.svg-shakers-dims {
    width: 35px;
    height: 35px;
}

.svg-ship {
    background-position:  99.23371647509579% 69.96047430830039% ;
}

.svg-ship-dims {
    width: 16px;
    height: 16px;
}

.svg-spoon {
    background: url(../images/taste-62.svg);
}

.svg-spoon-dims {
    width: 35px;
    height: 35px;
}

.svg-star {
    background-position:  82.3529411764706% 82.99595141700405% ;
}

.svg-star-dims {
    width: 22px;
    height: 22px;
}

.svg-tagIcon {
    background-position:  80.08298755186722% 46.351931330472105% ;
}

.svg-tagIcon-dims {
    width: 36px;
    height: 36px;
}

.svg-telephone {
    background-position:  67.95366795366796% 93.62549800796813% ;
}

.svg-telephone-dims {
    width: 18px;
    height: 18px;
}

.svg-tick {
    background-position:  99.61538461538461% 57.142857142857146% ;
}

.svg-tick-dims {
    width: 17px;
    height: 17px;
}

.svg-topArr {
    background-position:  81.88679245283019% 60.70038910505836% ;
}

.svg-topArr-dims {
    width: 12px;
    height: 12px;
}

.svg-user {
    background-position:  81.85328185328186% 93.62549800796813% ;
}

.svg-user-dims {
    width: 18px;
    height: 18px;
}

.svg-user1 {
    background-position:  100% 43.02788844621514% ;
}

.svg-user1-dims {
    width: 18px;
    height: 18px;
}

.svg-workout {
    background-position:  37.9746835443038% 34.49781659388646% ;
}

.svg-workout-dims {
    width: 40px;
    height: 40px;
}

.svg-freebie {
    background-position:0 0;
}

.svg-freebie-dims {
    width: 30px;
    height: 30px;
}

.svg-zblueArr_1 {
    background: url(../images/arrow-right-green-v1.svg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform:rotate(90deg);
    background-size: contain;
    background-repeat: no-repeat;
}

.svg-zblueArr_1-dims {
    width: 12px;
    height: 14px;
}

.svg-zcart_1 {
    background-position:0 40.70796460176991%;
}

.svg-zcart_1-dims {
    width: 24px;
    height: 24px;
}

.svg-zdownloadIcon_1 {
    background-position:0 -258px;
}

.svg-zdownloadIcon_1-dims {
    width: 16px;
    height: 14px;
}

.svg-zfreeshipping_1 {
    background-position:0 -272px;
}

.svg-zfreeshipping_1-dims {
    width: 20px;
    height: 20px;
}

.svg-zgoTop_1 {
    background: url(../images/top_hover.svg);
}

.svg-zgoTop_1-dims {
    width: 40px;
    height: 40px;
}

.svg-zofferTag {
    background-position:0 81.36363636363636%;
}

.svg-zofferTag-dims {
    width: 36px;
    height: 36px;
}

.svg-zrightAr {
    background: url(../images/arrow-02b.png);
    background-size:contain;
    background-repeat:no-repeat;
}

.svg-zrightAr-dims {
    width: 16px;
    height: 16px;
}

.svg-zupblueArr_1 {
    background: url(../images/arrow-right-green.svg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform:rotate(-90deg);
    background-size: contain;
    background-repeat: no-repeat;
}

.svg-zupblueArr_1-dims {
    width: 12px;
    height: 14px;
}

.svg-zuser_2 {
    background-position:0 -443px;
}

.svg-zuser_2-dims {
    width: 18px;
    height: 18px;
}

.svg-zwhitecash {
    background-position:-30px -438px;
}

.svg-zwhitecash-dims {
    width: 18px;
    height: 18px;
}

/* ----------------------------- CSS for Footer ----------------------- */
.footer {
    width: 100%;
    float: left;
    background-color: #E0E0E0;
    color: #FFFFFF;
}

.footer div:first-child {
    padding: 20px 2px 3px 2px;
    border-bottom: 1px solid #dcdcdc;
    -moz-box-sizing: border-box;
    line-height: normal;
}

.footer div:first-child a {
    display: inline-block;
    text-transform: uppercase;
    color: #25292b;
    padding: 0px 7px;
    border-right: 1px solid #000;
    margin-bottom: 15px;
}
.footer div.font12.tcenter2{
    padding: 15px;
    line-height: 18px;
    text-align: left;
}
.footer div:first-child a:first-child {
    padding-left: 0;
}

.footer div:first-child a:last-child {
    border-right: 0;
    padding-right: 0;
}

.footer div:last-child {
    padding: 12px 10px;
}

/* ----------------------------- CSS for Footer End ----------------------- */

/*-----------------------------css product page footer-------------------------*/
.hk-app-box h3 {text-align: center;font-weight: normal;}
.pp-footer .bdrR{border-right:1px solid #ccc; border-radius: 0;}
.pp-footer{margin-bottom: 20px;}
.pp-footer .top-btn-icon {position:fixed; right:5px; z-index: 99; left: auto; bottom: 80px; top:auto; cursor:pointer;}
.footer-svg-icon{
    padding-top: 3px;
}
.combo-parent .pack-btn, .downloadApp-btn {border-radius:3px; font-size: 14px;}
.downloadApp-btn {
    background: #358FD1 none repeat scroll 0 0;
    color: #ffffff;
    padding: 10px 15px 8px;
    text-align: center;
    text-transform: uppercase;
    margin:2px 0 0;
    border:0 none;
}
.hk-app-box {background: #F1F1F1; font-size:14px;}
.policy-box{background:#fff;padding:20px 16px; font-size: 12px;}
.hk-app-box {padding: 0  15px;}
.policy-box > div > span:last-child{margin:8px 0 0 8px; float: left;}
.policy-box > div:first-child{padding-left:0;}
.policy-box > div:last-child{padding-right:0;}

.hk-app-box .downloadApp-btn{
    background-color: transparent;
    padding: 5px;
    border: 1px solid #00BFBF;
    width: 100%;
    color: #00BFBF;
    margin: 0;
    font-weight: 500;

}
.hk-app-box .btn {
    margin-bottom: 10px;
    margin-top: 10px;
}
.hk-app-box .footer-svg-icon {
    margin-right: 0px;
}
.hk-app-box .footer-svg-icon{
    padding-top: 10px;
    text-align: center;
}
.hk-app-box .download-blue svg path {
    fill:#00BFBF;
}
.hk-app-box .download-android-app ,.hk-app-box .download-ios-app {
    display: block;
}
.android-box, .ios-box{
    display:none;
}

.copy-right{background: #fff; font-size: 12px; padding: 20px 0; width: 100%; float: left; text-align: center; }
.disclaimer-sec{
    font-size:12px; padding:20px 16px; width: 100%; float:left; background: #fff; border-top:3px solid #eee;
}

.show-less-combo,
.offer-btn, .review-sec .view-all-btn {background:transparent; border:1px solid #38a4dc;font-size: 12px;border-radius: 3px; padding:5px 10px; color:#38a4dc; display: table; margin:0 auto; vertical-align: middle; text-transform: capitalize;}
.review-sec .view-all-btn{text-align: center; width: 95%; padding: 10px 15px; text-transform: uppercase;}
.pp-review .review-sec .view-all-btn{
    width: 100%;
}
.show-less-combo{text-align: center; display: none;}
.review-ps{
    width: 100%;background-color: #EBEBEB;padding: 10px;float: left;position: absolute;left: 0;
}
/* mobile menu css */
.mobile-menu-box {width:100%; position: absolute; top: 60px; bottom:0; left:0; right:0;height: 90%; z-index: 999; overflow-y: auto; padding-bottom: 120px;
    background: url(../../assets/images/repeaterBg.png) repeat-y left top;
}
.mobile-menu {width:100px; float:left; background: transparent; padding-bottom: 62px; box-sizing: border-box;}

.mobile-menu .menu-label, .offers-box{
    width:100%;
    float: left;
    list-style: none;
    padding: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    font-size: 14px;
    text-align:left;
    line-height: 1.2;
    margin: 0;
    background:#00bfbf;
    cursor: pointer;
}
.offers-box{
    padding: 20px 10px !important;
}
.offers-box a{
    cursor: pointer;
}
.menu-label-lists {
    padding: 20px 10px;
    cursor: pointer;
}

.mobile-menu .menu-label .right-arrow-box { position: absolute; margin:0;}
.mobile-menu .menu-label .right-arrow-box .icn-right-arrow {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #00bfbf;
    display: none;
    position: absolute;
    right:auto;
    left:89px;
    top:28px;
    bottom:0;
    z-index: 15;
    margin:auto;
}
.mobile-menu .menu-label.active .icn-right-arrow {display: block}
.mobile-menu .menu-label .tab-text {
    color: #fff;
    font-size: 10px;
    width: 100%;
    float:left;
    font-weight: bold;
}

.main-menu {
    float: left;
    position: absolute;
    top:0px;
    bottom: 0;
    left:0;
    right: 0;
    z-index: -1;
    padding: 0 20px 65px 20px;
    display: none;
    background: #fff;
    margin-left: 100px;
    cursor: pointer;
}
.main-menu li:last-child{
    margin-bottom: 120px !important;
}
.main-menu .search_hldr {
    display: none;
}

.mobile-menu .main-menu .gm-mc{
    width: 100%;
    float:left;
    border-bottom: 1px solid #d1d3d4;
    position: relative;
    list-style: none;
    margin: 0;
}

.mobile-menu .menu-label.active .main-menu{display: block;}
.mobile-menu .main-menu .gm-mc a, .mobile-submenu .main-menu .gm-mc a{font-size: 11px; color:#434343; display: block; padding: 12px 10px; text-align: left;}
.mobile-menu .main-menu .gm-mc > a {padding-left:0px;}
.arrow-box {position:absolute; right:0; top: 0; z-index: 100;
    line-height: 3.2;
    width:100%;
    text-align:right;
    height:44px;
}
.menuListItems .plus-icon, .menuListItems.actv .minus-icon{
    display: block;
    line-height: 2;
    width: 100%;
}
.gm-sc-content .gm-tc-list a{font-weight: normal;}
.menuListItems.actv .plus-icon,
.menuListItems .minus-icon{
    display: none;
}
.mobile-menu .main-menu .gm-sc-cntnr a {text-transform: capitalize; display:block; font-weight: normal;}

.menuListInner .span4.l1child{
    position: relative;
}
.menuListInner.show .gm-sc-container > a{border-bottom: 1px solid #a7a9ac;}

.gm-sc-container.active .l1child .menuListInner.show .l1child a{border-top: 2px dotted #D3D3D3; border-bottom: 0 none; font-weight: 700;}
.gm-sc-container .l1child > a{border-bottom: 2px dotted #D3D3D3; padding-left: 15px!important; font-weight: normal;}
.gm-sc-container .l1child:last-child > a{border-bottom:0 none;}
.gm-sc-container.active .l1child .menuListInner.show{border-bottom: 2px dotted #D3D3D3;}

.gm-sc-container.active .l1child:last-child > a{
    border-bottom: 0;
}
.offers-box a:hover, .offers-box a:focus{color:#fff !important;}
.offers-box a, .offers-box a:hover, .offers-box a:focus{color:#fff;}
.menu_con #consultConnect ul li.offers-box.activeconsult{position:relative;}
.menu_con #consultConnect ul li.offers-box.activeconsult:after{border-bottom: 10px solid transparent;
    border-left: 10px solid #1b78b5;
    border-top: 10px solid transparent;
    bottom: 0;
    height: 0;
    right:-10px;
    margin: auto;
    position: absolute;
    top:0;content:"";
    z-index: 15;}

/*arun css */
.consultpopup{bottom: 0;
    display: none;
    float: left;
    left: 0;
    overflow-y: auto;
    padding: 0 20px 65px 120px;
    position: absolute;
    right: auto;
    top: 0;
    width: 100%;
    z-index: -1;}
.consultpopup .btn-container{text-align: center;}
.consultpopup a.goto-btn,.consultpopup a.goto-btn:hover,.consultpopup a.goto-btn:active,.consultpopup a.goto-btn:focus{ background:#00bfbf; color:#fff !important;font-size: 14px; text-transform: capitalize; display: inline-block;padding:7px 15px;}
.consultpopup p{padding-top: 20px;}
.consultpopup .input-outer input[type="checkbox"]{float:left; margin-right: 5px;-webkit-appearance:checkbox;background:none;}
.consultpopup .input-outer input[type="checkbox"]:checked,.consultpopup .input-outer input[type="checkbox"][checked]{ background:none;-webkit-appearance:checkbox;}
.consultpopup .input-outer label{}
.consultpopup .input-outer{margin:10px 0px;}
.menu_con #consultConnect ul li.offers-box {background: #1b78b5;}
.menu_con #consultConnect{
    position: static; bottom: 0; left: -150px;width: 100px;margin-bottom: 0;padding-top: 57px; float:left;
}
.menu_con #consultConnect ul{
    vertical-align: top;
    display: inline-block;
    width: 100%;
}
.menu_con#menu_con #consultConnect{
    left: 0;
}
.btn.btn-blue {
    border-color: #1a4f69;
    border-top-color: #1a4f69;
    border-left-color: #1a4f69;
    background-color: #1a4f69;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: capitalize;
    border: 1px solid;
}
/*
.welcm-box {background: url(../images/pobarbgm.svg) no-repeat; padding: 10px 20px; margin-bottom: 20px; float: left; position: absolute;width: 100%; text-align: center; background-color: #fff;top:0; left: 0; height: 210px; background-size: cover;}
.welcm-box .welcm-title {color:#00bfbf; font-weight:600; font-size: 20px; margin-bottom: 5px;}
.welcm-box .welcm-desc{color:#333; line-height: 1.2; font-size: 13px; width:100%;}
.welcm-box .welcm-slide-indicator {width:100%; position: absolute; left:0; right:0; bottom: 0px; z-index:999; height: 15px; text-align:center;}
.welcm-slide-indicator .item-box li{
    background-color: #000;
    color: #000;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    text-indent: 0;
    margin-left: 0;
    border-width: 1px 0 0 1px;
    text-indent: -9999px;
    overflow: hidden;
    float: none;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;

}
.welcm-slide-indicator .item-box li.active {color: #000; width: 5px; border-bottom: 0; height: 5px; background-color: #38A4DD;}
.welcm-box .sub-heading{margin-top: 10px; font-size: 14px;}
.welcm-box .login-btn, .welcm-box .signup-btn, .btn-blue {background-color: #388dcd; display: inline-block; border: 0 none; color: #fff; padding:8px 30px; margin-left: 10px; margin-right: 10px; border-radius:3px; font-size: 15px; text-transform: uppercase;}
.welcm-box .login-signup {width: 100%; float:left; margin-top: 10px;}
.left-box {width:50%; float: left; padding: 15px 10px;}
.mobile-verify-box .left-box, .OTP-verify-box .left-box{width:100%;margin: auto;padding:0;}
.left-box .welcm-title{font-weight: 600; color: #000;}
.left-box .welcm-desc {margin-top: 3px;}
.left-box .mobile-icon svg{width:40px;}
.left-box .welcm-side-box {width: 40%; margin-top:15px;}
.left-box .mobile-icon{margin-right: 10px; display: inline-block; margin-top: 0px; vertical-align: middle;}
.mobile-form {width: 100%;  text-align : center; margin: auto;}
.mobile-form .number-box, .mobile-btn{float: left;}
.mobile-form .number-box{padding: 5px 10px; border: 1px solid #666; border-radius: 3px; margin-left:5px; margin-right: 10px; display: inline-block;font-weight: 600;color: #0F242B;height:30px;}
.mobile-form .mobile-btn{padding: 5px 20px; border-radius: 3px; display: inline-block; font-size: 14px;}
.note-desc {margin-top:5px; color: #666; font-weight: normal; width: 100%; float: left;font-size: 14px;}
.close-icon {position: absolute; right:10px; width:15px; top: 10px; cursor: pointer;}
.close-icon svg{width: 100%;}
.journey-box .welcm-side-box {width:100%; display: inline-block;}
.journey-box .welcm-slide {width:100%;}
.journey-box .welcm-slide .welcm-desc {width: 100%; float:left;}
.journey-box .login-btn:hover, .journey-box .login-btn {padding: 5px 25px;}
.journey-box .login-btn {margin-left:20px; margin-top:5px;}
.journey-box .login-signup {width:35%}
.normal-text {font-weight: 600; font-size: 14px;}
.journey-box .normal-text {margin-top:7px; width:100%; display: inline-block; margin-bottom: 7px;}
.offer-box.welcm-box {text-align:left;}
.offer-box .welcm-side-box {width:100%; margin:auto;}
.offer-box .welcm-side-box .signup-box {margin-left:0px; font-size: 14px;}
.offer-box .excl-image {width: 110px; float:left; margin-top: -10px;}
.offer-box .ex-offer-desc {width: 70%; float: left; margin-left:20px;}
.offer-box .signup-box {line-height: 1.2; padding-top: 0;}
.offer-box .login-signup {width:50%; position: relative; margin-top: 10px; margin-left: 20px; display: inline-block;}
.offer-box .welcm-slide-indicator {bottom: 10px;}
.coupan-box{ padding-top:20px;}
.coupan-box .login-signup a {margin-top: 10px; display: inline-block; color: #666; font-weight: 600; text-decoration: underline!important;}
.coupan-box .login-signup > p {font-weight: 600; font-size: 18px;}
.coupan-box .login-signup > p span{color: #00bfbf; font-size: 18px;}
.coupan-box .welcm-desc{ font-size: 13px!important; width:100%;}
.coupan-box .excl-image {width: 100px; margin-top: 0px; display: inline-block;}
.coupan-box .excl-image svg{width:100px; height: 100px; float: left;}
.ex-offer-box {color: #000; font-weight:700; margin-bottom: 10px;}
.coupan-box .welcm-side-box {width: 100%; margin: auto;}
.coupan-box .login-signup {display: inline-block; width:50%; float: none; margin-left: 20px; text-align: left;}*/
/*#speaktonutrition{ float: right; cursor: pointer;background-position: -224px -8px; background-size: 255px 200px; width:32px; height: 32px;cursor:pointer;}*/
.spk-box{background:rgba(0,0,0,0.5); width:100%;position: fixed; height: 100%; top: 0;z-index:9999999999; display: none;}
.spk-box-inner{position: absolute; right:-100%; top:0; width:100%; box-sizing: border-box;  background: #fff; bottom: 0;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;overflow-y: auto;}
.spk-box-inner.activespk{right: 0;}
.spk-content-box{ text-align: center; font-size: 13px;}
.spk-content-box .timing{color:#4db7ad; margin: 10px 0 20px; display: inline-block; width: 100%;}
.spk-content-box .call-us{margin: 5px 0; color: #333; font-weight: 700;}
.spk-content-box .c-number {margin: 10px 0;font-size: 22px; color: #000;font-weight: bold;}
.spk-content-box .call-you{color: #333;font-weight: 700;}
.spk-form{ padding: 15px 30px; box-sizing: border-box; text-align: center; font-size: 16px;}
.spk-form .mT-30{margin-top:30px;}
.spk-form .label-title{color:#444; font-weight: 700;}
.spk-form .feature-select{border-bottom: 2px solid #e5e5e5!important; border: 0 none; margin-top: 10px; padding: 5px 10px 5px 0; color: #999; font-size:16px; background: #fff !important;}
.spk-form .btn-blue {margin: 20px auto; padding: 5px 10px; border-radius: 3px;}
.spk-box-inner .top-bar {background: #00bfbf; color: #fff; font-size: 18px; padding: 20px 15px;}
.speakiconssprite{ background: url(../images/stn/stnicons.svg); background-size: 355px 255px; background-repeat: no-repeat;  }
.speaktofitness{
    width: 170px;
    height: 120px;
    background-position: 0px 0px;
    display: inline-block;
    background-size: 205px 200px;
    margin-top: 10px;
}
.back-icon{background-position: -317px -112px; top: 14px;  height: 32px;  width: 32px;position: absolute;right: 10px; cursor:pointer;}
#stnBtn{display: inline-block;background: #00a4e1; color: #fff;border:0px; padding: 12px 15px; cursor:pointer; font-size:14px; width: 100%; box-sizing: border-box;}
.close-appbartop{ display: none !important;}
.open-appbar{ width:100%; background: #f5f5f5; height: 65px; border-bottom: 1px solid #e0e0e0;}
.close-appbar{background-position:-320px -150px; width:20px; height: 20px; display: inline-block;vertical-align: middle; margin: 0px 5px; cursor: pointer;}
.app-logo{
    background-position: -205px -135px;
    width: 48px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    background-size: 255px 200px;
    margin-top: 5px;
}
.open-appbar h3{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 0px 0px 5px;
    font-size: 14px;
    width: 145px;
    line-height:1.4;
}
.open-appbar a{background: transparent !important; display: inline-block; color:#00a4e1; border-radius: 10px; float: right;
    margin: 16px 10px 0px !important; text-transform: uppercase; width:auto !important;font-size: 14px; border: 1px solid #00a4e1;}

.stn-icon{background-position: center!important; background-size: 24px!important; background: url(../images/store-locater-06.svg) no-repeat;}

  .header-sprite:hover{
    color:#ffffff !important;
    }

@media only screen and (max-width: 767px) {
    .mobile-menu .main-menu .gm-mc a, .mobile-submenu .main-menu .gm-mc a {
        font-size: 12px !important;
    }
}

@media screen and (max-width:380px) {
    .mobile-menu .main-menu .gm-mc a, .mobile-submenu .main-menu .gm-mc a {font-size:12px; padding-right:36px; line-height: 1.3;}
    .gm-tc-list a {padding-right:0px;}

}
@media screen and (max-width:355px) {
    .open-appbar h3{width:125px;}
    .open-appbar a{ font-size:11px;margin:16px 10px 0px 0px !important;}
}
@media screen and (min-height: 560px) and (orientation: portrait){
    .menu_con #consultConnect{ position:fixed;}
    .mobile-menu-box{ height: 100%; padding-bottom: 0;}
}
@media (min-width: 280px) and  (max-width: 440px) {
    .action-footer .action-bar .action {padding:6px; margin-right: 0; text-align: left;}
}
@media (max-width: 375px) and (min-width: 319px){
    .policy-box > div > span:last-child{
        width: 88px;
    }
}
/*po bar css start*/
/*.hk-pobar{width:100%; float: left; margin-bottom: 10px;}*/
/*.po-barouter{width:100%; float: left;position: relative;height:210px; overflow: hidden; margin:0px;}*/
/*.mobile-form  .mobile-btn{height:30px; line-height: 19px;    position: absolute;left: 67%;padding: 6px 10px;background: #388dcd !important; margin:0 0 0 10px;}*/
/*.mobile-form  a.mobile-btn:focus,.mobile-form  a.mobile-btn:hover{color: #fff !important;}*/
/*.mobile-icon{    float: left;  width: 35px;}*/
/*.mobile-icon svg{float:left;    width: 35px;  height: 35px;  }*/
/*.mobile-form .number-box{ float: left;width: 58%;}*/
/*#verifyOtp .otpSendErrorMsg,#verifyOtp .numberSuccessVerify{ display: none;float: left;width: 100%;}*/
/*#verifyOtp .otpSendErrorMsg,#mobile-verify-box .otpErrorMsg{display: none;float: left;width: 100%; color:#ff0000; padding-left: 40px; text-align: left;}*/
/*.mobile-form .err-txt{position:static;float:left;font-size: 12px;width:100%; color: #ff0000; text-transform: none; padding-left: 40px; text-align: left;}*/
/*#resendotp{cursor:pointer;text-decoration: underline;}*/
/*.hidepocard{ display: none;}*/
/*.welcomeswipe-wrap{overflow: hidden;position: relative;}*/
/*.welcomeswipe-wrap > div{float: left;  width: 100%;  position: relative;}*/
/*.welcm-box .welcomeslider-circles {bottom: 10px;position: absolute;  z-index: 10;text-align: center;  width: 100%;  padding: 5px 0 0; left: 0;}*/
/*.welcm-box .welcomeslider-circles .welcomecircle{  background-color: #000;  color: #000;  width:4px;  height: 4px;  border-radius: 50%;  text-indent: 0;  margin-left: 0;  border-width: 1px 0 0 1px;  text-indent: -9999px;  overflow: hidden;  float: none;  margin-right: 3px;  display: inline-block;  cursor: pointer;left:0;  }*/
/*.welcm-box .welcomeslider-circles .welcomecircle.selected{color: #000; width: 4px; border-bottom: 0; height: 4px; background-color: #38A4DD;}*/
/*.otpsendtomobile{display: none;}*/
@keyframes poanimation {
    from { opacity: 1;transform:translate(0px,0px);width:100%;}
    to { opacity: 0;transform:translate(0px,50px);width:90%;}
}
@-webkit-keyframes poanimation {
    from { opacity: 1;transform:translate(0px,0px);width:100%;}
    to { opacity: 0;transform:translate(0px,50px)width:90%;}
}
.poanimationbar{-webkit-animation: poanimation 1s; /* Safari 4.0 - 8.0 */
    animation: poanimation 1s ;-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;}
/*css edited by tanuj on 28/10/2016 start here*/
.po-sidebarouter{background:rgba(0,0,0,0.5); width:100%;position: fixed; height: 100%; top: 0;z-index:9999999999; display: none;}
.hk-sidebar-right-container{padding:15px; position: absolute; right:-100%; top:0; width:100%; box-sizing: border-box;  background: #fff; bottom: 0;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;border-left:1px solid #ddd;overflow-y:auto;}
.hk-sidebar-right-container.activespk{right: 0;}
.hk-offer-img-top {
    padding: 10px 10px 10px 10px;
    float: left;
    width:100%;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}
.hk-offer-popup-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    background: url(../images/stn/stnicons.svg);
    background-size: 270px 255px;
    background-position: -238px -69px;
    height: 26px;
    width: 26px;
}
.hk-offer-img-bottom-cont {
    float: left;
    width:100%;
    box-sizing: border-box;
    padding: 10px 0px;
    background: #fff;
}
.hk-offer-ex-heading-cont {
    float: left;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}
.hk-offer-ex-heading {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    background: #81c683;
    font-weight: 300;
}
.hk-offer-ex-heading > span {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
}
.hk-offer-ex-heading:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    border-top:17px solid transparent;
    border-bottom:17px solid transparent;
    border-left:17px solid #fff;
}
.hk-offer-ex-heading:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    border-top:17px solid transparent;
    border-bottom:17px solid transparent;
    border-right:17px solid #fff;
}
.hk-offers-section {
    float: left;
    width: 100%;
    padding:0px 40px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
}
.hk-offers-section .hk-offers {
    float: left;
    width: 100%;
    text-align: center;
    padding: 15px 0;
}
/*.hk-offers-section:hover .hk-offers{*/
    /*background: #f5f5f5;*/
/*}*/
.hk-offers-section .hk-offers h3{
    font-size: 16px;
    font-weight: 300;
    margin:0;
}
.hk-offers-section .hk-offers h3 sup {
    font-weight: bold;
}
.hk-offers-section .hk-offers .hk-offers-para1 {
    font-size: 16px;
    font-weight: 600;
    margin:7px 0;
}
.hk-offers-section .hk-offers .hk-offers-para2 {
    font-size: 16px;
    font-weight: 400;
    color: #81c683;
    margin:7px 0;
}
.hk-offers-section:after {
    content: "";
    position: absolute;
    bottom: -20px;
    display: block;
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 20px;
    background: url(../images/sidebar-offer/hk-offer-separator.png);
    background-repeat: no-repeat;
    background-position:center;
}
.hk-offers-section:last-child:after {
    content: none;
}
.hk-offers-section:last-child {
    margin-bottom: 0;
}
.hk-offers-terms-conditions {
    background: #fff;
    width: 730px;
    position: absolute;
    right: 370px;
    top: -35px;
    display: none;
}
.hk-offers-terms-conditions-in {
    float: left;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
}
.hk-offers-terms-conditions-in:before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -15px;
    text-align: center;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid #ccc;
    content: "";
    height: 0;
}
.hk-offers-terms-conditions-in:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: -14px;
    text-align: center;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fff;
    content: "";
    height: 0;
}
.hk-offers-terms-conditions-in h3 {
    text-align: center;
    margin:0;
}
.hk-offers-terms-conditions-in ul {
    float: left;
    width: 100%;
    padding: 10px 0 10px 30px;
    box-sizing: border-box;
    margin: 0;
}
.hk-offers-terms-conditions-in ul li {
    list-style: decimal;
}
.hk-offers-terms-conditions-in .hk-avail-offer {
    text-decoration: none;
    text-align: center;
    color: #81c683;
    width: 100%;
    display: block;
}
.hk-bottom-terms-para {
    color: #aaa;
    font-size: 16px;
    text-align: center;
    background:#fff;
    padding-bottom: 10px;
    margin:0;
}

/*css edited by tanuj on 28/10/2016 end here */
#loginpobox.welcm-box .sub-heading{ margin-bottom:10px;}
#po-offer-box .login-signup p strong{color: #358DCD;  font-weight: 700;}
#po-offer-box .login-signup p.welcm-desc a{text-decoration: none !important; margin-top:5px;}
.po-barouter,
.welcm-box{ height:190px;}
.hk-pobar.afterlogin .po-barouter,.hk-pobar.afterlogin .welcm-box{height: 170px;}
#welcomeslidermob1 p.welcm-desc{ height: 45px;}
.mobile-form .note-desc{ font-size: 12px; padding-left:40px;text-align:left;}
/*@media screen and (max-width: 361px)*/
/*{*/
    /*.po-barouter{ height: 190px; margin-bottom: 1px;}*/
    /*.welcm-box{ height:190px;}*/
    /*.hk-pobar.afterlogin .po-barouter,.hk-pobar.afterlogin .welcm-box{height: 180px;}*/
/*}*/
/*@media screen and (max-width: 340px)*/
/*{*/
    /*#welcomeslidermob1 p.welcm-desc{ height: auto;}*/
    /*.po-barouter{ height: 210px; margin-bottom: 1px;}*/
    /*.welcm-box{ height:210px;}*/
    /*.hk-pobar.afterlogin .po-barouter,.hk-pobar.afterlogin .welcm-box{height: 180px;}*/
/*}*/
#modifynumber{display: inline-block;margin-left: 10px;border-left: 1px solid #666;padding-left: 10px;line-height: 1;text-decoration:underline;cursor: pointer;}
/*store locator css*/
.store-search-form .input-box,.store-search-form label {width: 100%!important; cursor: default;}
.store-search-form .input-box input, .store-search-form .input-box select {width:100%!important; margin-bottom: 15px;}
#bh-sl-submit {width: 125px!important;}
#hk-store-listing {float: right!important; width: 100%!important; padding:0 15px;}
#map {float: left!important; width:97%!important; padding:10px;}
/*css for store locator vinay@incaendo.com*/
.store-collection {
    /*float: left;*/
    margin:0 auto;
    width: 100%;
    font-family: "Roboto", sans-serif;
}
.store-collection h2 {
    text-align: left;
    color: #25292b;
    width:100%;
    float: left;
    background: #f4f4f4;
    border-top:1px solid #d3d4d5;
    padding: 10px 10px;
    margin:0 0 8px;
    font-family: "Roboto", sans-serif;
    font-weight: normal;
    font-size: 16px;
}
.store-collection h3 {
    margin:10px 0 0; font-size: 16px;
}
#hk-store-listing, .bh-sl-loc-list {
    float: left;
    width: 30%;
    padding-right: 15px;
    box-sizing: border-box;
    overflow-y:auto;
    overflow-x: hidden;
    margin-right: 1%;
}
#hk-store-listing ul, .bh-sl-loc-list ul {
    padding: 10px 10px 10px 0px;
    width:100%;
    float: left;
}
#hk-store-listing ul li, .bh-sl-loc-list ul li{
    list-style: none;
    margin-bottom: 10px;
    padding:10px 0px;
    border-bottom: 1px solid #d3d4d5;
    width: 100%;
    float: left;
    cursor: pointer;font-size: 14px;
}
#hk-store-listing ul li div{ font-size: 13px;}
/*#hk-store-listing ul li.active, #hk-store-listing ul li.active:hover, #hk-store-listing ul li:hover {background: #f8f9f9;}*/

/*#hk-store-listing ul li:first-child {*/
/*background: #fdf3b4;*/
/*}*/
#hk-store-listing ul li:last-child, .bh-sl-loc-list ul li:last-child {
    margin-bottom: 0;
}
#hk-store-listing ul li .store-inner-box{
    width: 100%;
    float: left;
}
#hk-store-listing ul li .store-inner-box a{color:#00bfbf; float: left;}
#hk-store-listing .store-name {
    text-decoration: none;
    text-transform: uppercase;
    color: #25292b;
    font-weight: 600;
}
#map, #bh-sl-map {
    float: right;
    width: 69%;
    margin: 0 0 20px;
    height: 350px;
}
.store-search, .store-search-form, .input-box {width: 100%; float: left;}
.store-search {
    margin: 0;
    background: #fff;
    margin-bottom: 12px;
    padding:0 10px;
    box-sizing: border-box;
    border-bottom:1px solid #d3d4d5;
}
.store-search-form label {
    width: 30%;
    float: left;
    line-height: 32px;
    font-size: 14px;
    cursor:default;
}
.store-search-form .input-box input, .store-search-form .input-box select{
    border: 1px solid #d3d4d5;
    border-radius: 3px;
    padding: 6px 12px;
    background: #fff;
    width: 65%;
    float: left;
    margin-right:15px;
    height:35px;box-sizing: border-box; font-size: 14px;
}
.store-search-btn {padding: 6px 12px!important; border-radius: 3px; float: left;}
.store-search-form .input-box {width:40%; position: relative;}
.searchno-resultmsg{width:100%; float:left; text-align: center; margin:5px 0px 15px; display: none;}

.banner-horizontal-box + .default-banners{
    border-bottom: 0;
}
.banner-horizontal-box + .default-banners + #recommended-products{
    border-top: 0;
    border-bottom: 0;
    padding: 0;
}
.banner-horizontal-box + .default-banners + #recommended-products.thirdPartyDataList.best_seller.card.productCarousel > div:last-child{
    border-bottom: 0;
    padding-left: 10px;
}
.banner-horizontal-box + .default-banners + #recommended-products.thirdPartyDataList.best_seller.card.productCarousel > div:first-child {
    border-top: 4px solid #e7e8e9;
    padding-top: 20px;
    padding-left: 10px;
}

/* feed back page css written by Shani*/

.feedback-container{
    padding: 20px 16px;
    font-size: 12px;
    max-width: 640px;
}
.feedback-container ul{
    list-style-type: none;
}
.feedback-container h2{
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: normal;
    text-align: center;
    line-height: 1.2;
    width: 90%;
    margin: auto;
    margin-bottom: 15px;
    color: #294e66;
}
.feed-like{
    width: 100%;
    margin-top: -10px;
    margin-bottom: 5px;
    display: inline-table;
    text-align: center;
}
.feed-like li{
    display: inline-block;
    text-align: center;
    position: relative;
    width: 10%;
    margin-bottom: 0 !important;
}
.other-feed-radio .feedback-points span .other-radio,
.feed-like li .feedLike{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right:0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.feed-like li span{
    display: inline-block;
    width: 100%;
    height: 30px;
    position: relative;
}
.feed-like li span label{
    border-radius: 0px;
    /*box-shadow: 0px 0px 0px 2px #767676;*/
    border: 1px solid #d3d4d5;
    border-right:0px;
    width: 100%;
    height: 30px;
    font-size: 12px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    line-height: 28px;
    vertical-align: top;
}
.feedback-points.feed-like > li:first-child > span > label{
    border-radius: 2px 0px 0px 2px;
}
.feedback-points.feed-like > li:last-child > span > label{
    border-radius: 0px 2px 2px 0px;
    border-right:1px solid #d3d4d5;
}
.feed-like li .feedLike:checked + label, .feed-like li:last-child .feedLike:checked + label{
    /*background: #388dcd;
    color: #fff;
    box-shadow: 0px 0px 0px 2px #388dcd;*/
    border: 2px solid;
    border-color: #00bfbf;
    background-color: #f9fcfd;
}
.feedback-row{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    width: 100%;
float: left;
}
.feedback-container > div:nth-child(2){
    padding-bottom: 30px;
}
.feedback-row .label{
    font-size: 14px;
    margin: 30px 0px;
    color: #25292b;
}
.feedback-row h3{
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 15px;
    padding-left: 16px;
    position: relative;
    line-height: 19px;
}
.feedback-row h3 span{
    position: absolute;
    left: 0;
    top: 0;
}
.feedback-row textarea::placeholder{
    font-style: italic;
    color: #cccccc;
}
.feedback-container .pull-left{
    float: left;
    padding: 20px 0 0 0;
}
.feedback-container .pull-right{
    float: right;
    padding: 20px 0 0 0;
}

.other-feed-radio .feedback-points{
    width: 100%;
}
.other-feed-radio .feedback-points span{
    position: relative;
    width: 100%;
    display: block;
    height: 24px;
}
.other-feed-radio .feedback-points span .other-radio{
    position: absolute;
}
.other-feed-radio .feedback-points span label{
    padding-left: 26px;
    position: relative;
    font-size: 13px;
    padding-top: 1px;
    font-weight: normal;
    color: #25292b;
}
.other-feed-radio .feedback-points.switch span{
    display: block;
    height: 30px;
}
.other-feed-radio .feedback-points.switch li{
    width: 60px;
}
.other-feed-radio .feedback-points.switch span label{
    padding: 0;
    position: absolute;
    width: 60px;
    text-align: center;
    height: 30px;
    line-height: 2;
    border: 1px solid #d3d4d5;
}
.other-feed-radio .feedback-points.switch li:first-child span label{
    border-right: 0px;
}
.other-feed-radio .feedback-points .other-radio + label:after{
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #d3d4d5;
    content: '';
    left: 0;
    top: 2px;
}
.other-feed-radio .feedback-points.switch .other-radio + label:after{
    display: none;
}
.other-feed-radio .feedback-points .other-radio:checked + label:after{
    border: 1px solid #00bfbf;
}
.other-feed-radio .feedback-points .other-radio:checked + label:before{
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #00bfbf;
    content: '';
    left: 4px;
    top: 6px;
}
.other-feed-radio .feedback-points.switch .other-radio:checked + label:before{
    display: none;
}
.other-feed-radio .feedback-points.switch .other-radio:checked + label{
    border: 2px solid;
    border-color: #00bfbf;
    background-color: #f9fcfd;
}
.feedback-row.no-brdr{
    border-bottom: 0;
    margin-bottom: 0;
}
.feedback-container textarea{
    width: 100%;
    min-height: 100px;
    box-sizing: border-box;
    resize: none;
    padding: 10px;
    font-family: "Roboto", sans-serif;
}
.feedback-points li{
    margin-bottom: 15px;
}

.feedback-points.inline-elm li {
    float: left;
    width: 70px;
    margin-bottom: 0;
}

.feedback-points li:last-child{
    margin-bottom: 0;
}
.feedback-container .btn{
    width: 60%;
    box-sizing: border-box;
    margin: auto;
    border-radius: 5px;
    font-size: 18px;
    font-weight: 600;
}
.feedback-success-page{
    padding: 20px;
    text-align: center;
}
.feedback-success-page a{
    font-size: 12px;
}
.popup-root{z-index:9999999;}
/*css edited by tanuj on 7 feb 2016 for bxgy offer*/
@media only screen and (max-width:767px){
    .bxgy-sec .bxgy-text {
        text-overflow: ellipsis;
        max-width: 100%;
        overflow: hidden;
        white-space: normal;
    }
    .bxgy-sec span {
        font-size: 12px;
        display: block;
        color:#EE4036 !important;
    }
}
@media only screen and (max-width:340px) {
    .bxgy-box {
        min-height:0px;
    }
}
.hk-store-street2,#bh-sl-address{ text-transform: capitalize;}

/*refer frnd css*/
/************** css for refer Friend edited by tanuj on 3/3/2017 **************/
.textOverflowSingleLine {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
@keyframes bounce {
    0%,
    100%,
    20%,
    53%,
    80% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
/*calculated width mixin*/
.full-width-exp,
.refer-friend-section,
.refer-friend-section .refer-friend-container,
.refer-friend-section .refer-friend-container .referralBanner {
    float: left;
    width: 100%;
}
.refer-friend-section .refer-friend-container .referralBanner img {
    margin: 0 auto 40px;
    max-width: 100%;
    border-bottom: 3px solid #2ecc71;
    display: block;
}
.refer-friend-section .refer-friend-container .ref_steps {
    font-size: 16px;
    line-height: 1.4em;
    margin: 10px 0;
}
.refer-friend-section .refer-friend-container .ref_row {
    border-bottom: 1px dashed #d3d4d5;
    padding: 40px 0;
}
.refer-friend-section .refer-friend-container .ref_step_heading {
    font-size: 32px;
    line-height: 1.6em;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.refer-friend-section .refer-friend-container .ref_btn {
    background: none repeat scroll 0 0 #2ECC71;
    border: 2px solid #2ECC71;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    display: block;
    letter-spacing: 1px;
    margin: 15px 0;
    padding: 9px 20px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.refer-friend-section .refer-friend-container .ref_btn:hover {
    background: none;
    border: 2px solid #2ECC71;
    color: #2ECC71;
}
.refer-friend-section .refer-friend-container .ref_heading {
    color: #E74C3C;
    font-size: 32px;
    font-weight: bold;
    margin: 30px auto;
    padding: 25px;
    text-align: center;
}
.refer-friend-section .refer-friend-container .border_none {
    border: none;
}
.refer-friend-section .refer-friend-container .ref_tc {
    padding: 20px 50px;
}
.refer-friend-section .refer-friend-container .ref_tc span {
    display: block;
    font-size: 20px;
    margin-bottom: 17px;
    text-transform: uppercase;
}
.refer-friend-section .refer-friend-container .ref_tc ol {
    font-size: 14px;
    line-height: 1.6em;
}
@media screen and (max-width: 1170px) {
    .refer-friend-container {
        padding: 0px 15px;
    }
    .refer-friend-section .refer-friend-container .referralBanner img {
        margin-bottom: 20px;
    }
    .refer-friend-section .refer-friend-container .ref_row {
        padding: 25px 0px;
    }
    .refer-friend-section .refer-friend-container .ref_step_heading {
        font-size: 22px;
    }
    .refer-friend-section .refer-friend-container .ref_tc {
        padding: 20px 15px;
    }
}

/*css for emi popup*/
  .table-emi{
                                margin-top:10px;
                            }
                            .emi-modal-pop{
                                display: none;
                                 z-index: 100;
                                  transform: translate(0, 0);
                                   transition: transform .3s ease-out;
                                    position: fixed;
                                     top: 55px;
                                      left: 0;
                                       width: 99vw;
                            }
                            .emi-modal-pop.appbannerenb{margin-top:56px;}
                            .emi-modal-content{
                                background-color: #fff;
                                 width:100vw;
                                  background-clip: padding-box;
                                   border: 1px solid rgba(0, 0, 0, .2);
                                    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
                                     border-radius:0 !important;
                            }
                            .modal-body-m{
                                height:82vh;
                                 width:100%;
                                  overflow-y:scroll;
                            }
                            .close-emi{
                                float:right;
                                margin-right:18px;
                                margin-top:8px;
                                height:25px;
                                padding-top:13px;
                            }
                            .emi-info{
                                margin-top:20px;
                            }
                            button.emi-accordion {
                                background-color: #ffffff;
                                color: #25292b;
                                cursor: pointer;
                                padding: 18px;
                                width: 100%;
                                text-align: left;
                                border-top: 0;
                                border-left:0;
                                border-right:0;
                                border-bottom:1px solid #d3d4d5;
                                outline: none;
                                font-size:14px;
                                font-weight: 600;
                                padding: 15px;
                                transition: 0.4s;
                            }
                            button.emi-accordion.active, button.accordion:hover {
                                background-color: #ffffff;
                            }
                           div.emi-panel {
                               padding: 0 18px;
                               background-color: white;
                               max-height: 0;
                               overflow: hidden;
                               transition: max-height 0.2s ease-out;
                               border-bottom:1px solid #d3d4d5;
                           }
                           .emi-modal-title{
                                background-color: #EFEFEF;
                                font-size:18px;
                                font-family: "Roboto", sans-serif;
                                font-weight:800;
                                border-bottom:1px solid #d3d4d5;
                                padding:13px;
                           }
                           .emi-spcs li{
                                margin:0 !important;
                                padding:12px;
                           }
                           @media screen and (max-height:368px) {
                                .modal-body-m{
                                    height:68vh !important;
                                }
                           }
/*css for emi popup*/.left{float:left}.right{float:right}.clear,.clear-left{clear:left}.clear,.clear-right{clear:right}.display-block{display:block}.display-inline-block{display:inline-block}.display-inline{display:inline}.display-none,.hide{display:none}.pad-l-0{padding-left:0}.pad-r-0{padding-right:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.no-wrap{white-space:nowrap}.text-bold{font-weight:600}.text-bolder{font-weight:700}.text-subtle{color:#929495;font-size:13px}.text-red{color:#b00}hr.separator{border:1px solid #d3d4d5;border-width:1px 0 0;box-shadow:0 0 5px rgba(230,230,230,.9);margin-top:5px;margin-bottom:5px}hr.separator-dashed{border:1px dashed #d3d4d5;border-width:1px 0 0}.wrapper.container-fluid{width:auto;max-width:960px}a{color:#25292b}a.no-hover:hover{text-decoration:none}/*!
*   Document   : widget.less
*   Created on : Feb 1, 2016, 12:32:37 PM
*   Author     : Vinay Kumar ( mailto: vinay@incaendo.com)
*   Description: for widget hk
*/body{background:#fff}.banner-horizontal-box,.banner-tiles-asymmetrical,.bannerCarousel,.bannerHorizontal,.collapsible-text-box,.default-banners,.horizontal-content,.icon-plus-multiple-text,.icon-tiles-box,.main-container,.productCarousel,.text-only-box,.text-only-box .text-box,.top-page-section,.vertical-Text-Box .horizontal-text-content,.vertical-content,.vertical-text-content{width:100%;float:left;margin:0}#download-app{margin:20px auto;width:100%;float:left;text-align:center}#download-app a,#download-app a:focus{color:#fff!important}.banner-horizontal-box,.banner-tiles-asymmetrical,.collapsible-text-box,.default-banners,.horizontal-content,.horizontal-text-content,.icon-plus-multiple-text,.text-only-box,.vertical-content,.vertical-text-content{padding:20px 16px}.top-page-section{display:none}.top-page-section.show{display:block}.banner-horizontal-box,.banner-tiles-asymmetrical,.bannerCarousel,.collapsible-text-box,.default-banners,.horizontal-content,.horizontal-text-content,.icon-plus-multiple-text,.icon-tiles-box,.productCarousel,.text-only-box,.vertical-content,.vertical-text-content{border-bottom:4px solid #e7e8e9}.banner-horizontal-box,.collapsible-text-box,.default-banners,.horizontal-content,.horizontal-text-content,.icon-plus-multiple-text,.icon-tiles-box,.text-only-box,.vertical-content,.vertical-text-content{overflow:hidden;background:#fff}.banner-horizontal-box .banner-box,.collapsible-text-box .banner-box,.default-banners .banner-box,.horizontal-content .banner-box,.horizontal-text-content .banner-box,.icon-plus-multiple-text .banner-box,.icon-tiles-box .banner-box,.text-only-box .banner-box,.vertical-content .banner-box,.vertical-text-content .banner-box{float:left;padding-bottom:5px;height:auto;width:40%}.banner-horizontal-box .banner-box .image-box,.collapsible-text-box .banner-box .image-box,.default-banners .banner-box .image-box,.horizontal-content .banner-box .image-box,.horizontal-text-content .banner-box .image-box,.icon-plus-multiple-text .banner-box .image-box,.icon-tiles-box .banner-box .image-box,.text-only-box .banner-box .image-box,.vertical-content .banner-box .image-box,.vertical-text-content .banner-box .image-box{width:100%;float:left}.banner-horizontal-box .banner-box:last-child,.collapsible-text-box .banner-box:last-child,.default-banners .banner-box:last-child,.horizontal-content .banner-box:last-child,.horizontal-text-content .banner-box:last-child,.icon-plus-multiple-text .banner-box:last-child,.icon-tiles-box .banner-box:last-child,.text-only-box .banner-box:last-child,.vertical-content .banner-box:last-child,.vertical-text-content .banner-box:last-child{padding-bottom:0!important}.default-banners .banner-box .image-box{text-align:center}.default-banners .banner-box .image-box img{margin:0 auto}.img-responsive{max-width:100%;height:auto;display:block}.banner-horizontal-box .pd_slider,.banner-horizontal-box .pd_slider_outer.shadow{height:auto}.banner-horizontal-box .pd_hldr{width:40%!important;padding:5px 1px 0}.best_seller.best_seller_new{padding-left:10px!important;padding-top:10px!important}.best_seller.best_seller_new .card-title{margin-bottom:0!important}.best_seller .card-title-default{border-bottom:0 none;padding:0;margin-bottom:20px}.best_seller .card-title-default.card-title .see-more-link{color:#4891cd}.best_seller .card-title-default .pd_price{color:#4981cd}.best_seller .card-title-default .pd_old_price{color:#bebec1}.best_seller .title span{color:#000;font-weight:600;font-size:16px}.bannerCarousel{position:relative}.bannerCarousel .slider-circles{bottom:15px;position:absolute;z-index:10}.see-more-link{color:#757575}@media screen and (min-width:320px) and (max-width:650px){.icon-tiles-box .image-box{min-height:35px}.icon-tiles-box .image-box img{min-height:70px;max-height:100px}.icon-plus-multiple-text .icon-plus-image img{width:100%}}@media screen and (min-width:320px) and (max-width:480px){.responsive-width{height:150px}}@media screen and (min-width:481px) and (max-width:767px){.responsive-width{height:180px}}@media screen and (min-width:768px) and (max-width:992px){.responsive-width{height:220px}}.productCarousel,.sale-container{padding:20px 0}.productCarousel .top-page-section,.sale-container .top-page-section{padding:0 16px}.productCarousel .pd_hldr,.sale-container .pd_hldr{line-height:1.5}@media only screen and (max-width:345px){.productCarousel.pd_name,.sale-container.pd_name{width:141px!important}}.productCarousel .pd_name,.sale-container .pd_name{color:#141515;font-size:14px;font-weight:400}.productCarousel .pd_name:hover,.sale-container .pd_name:hover{color:#4891cd}.productCarousel .pd_summ .pd_price,.sale-container .pd_summ .pd_price{color:#4891cd;font-size:16px;font-weight:700;width:100%;float:left}.productCarousel .pd_summ .pd_old_price,.sale-container .pd_summ .pd_old_price{color:#bebec1;font-size:16px;width:100%;float:left}.productCarousel .pd_slider,.sale-container .pd_slider{width:100%;padding:0 0 20px 16px}@media screen and (min-width:320px) and (max-width:767px){.productCarousel .pd_hldr,.sale-container .pd_hldr{width:40%!important}}.productCarousel .pd_hldr,.sale-container .pd_hldr{width:40%!important}@media only screen and (max-width:345px){.productCarousel .pd_hldr.pd_name,.sale-container .pd_hldr.pd_name{width:141px!important}}.productCarousel .pd_hldr .pd_name,.sale-container .pd_hldr .pd_name{overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-moz-box-orient:vertical;white-space:normal}.productCarousel .pd_hldr .pd_image,.sale-container .pd_hldr .pd_image{margin:0 auto 15px;max-width:100%;border-right:1px solid #e7e8e9;padding:0 5px}.productCarousel .pd_hldr .pd_summ,.sale-container .pd_hldr .pd_summ{white-space:normal;position:relative;bottom:0}.productCarousel .pd_hldr .pd_summ .vrnt-loyalty-cash,.sale-container .pd_hldr .pd_summ .vrnt-loyalty-cash{color:#141515}.productCarousel .pd_hldr .pd_summ .vrnt-loyalty-cash:hover,.sale-container .pd_hldr .pd_summ .vrnt-loyalty-cash:hover{color:#141515!important}.productCarousel .pd_hldr .pd_info,.sale-container .pd_hldr .pd_info{padding:0;min-height:120px}#recomend-promobile.productCarousel .top-page-section,#recommended-products.productCarousel .top-page-section{padding:0}#recomend-promobile.productCarousel .best_seller .card-title-default,#recommended-products.productCarousel .best_seller .card-title-default{margin-bottom:10px;padding:0 5px}.full-width{width:100%;float:left}a:focus,a:hover{color:#333!important}.icon-box-wrapper .icon-box:nth-last-child(1),.icon-box-wrapper .icon-box:nth-last-child(2){border-bottom:0 none!important;padding-top:10px}.icon-box-wrapper .icon-box:nth-child(odd){border-right:1px solid #e7e8e9;border-bottom:1.5px solid #e7e8e9;padding-right:5px;padding-bottom:10px}.icon-box-wrapper .icon-box:nth-child(even){border-right:0 none;border-bottom:1.5px solid #e7e8e9;padding-left:5px;padding-bottom:10px}.icon-tiles-box{width:100%;float:left}.icon-tiles-box .top-page-section{padding:20px 16px 0;border-bottom:1px solid #e7e8e9}.icon-tiles-box .top-page-section .card-title{padding-bottom:16px;margin-bottom:0}.icon-tiles-box .icon-box-wrapper{position:relative;overflow:hidden;width:100%;float:left}.icon-tiles-box .icon-box-wrapper .icon-box{width:50%;float:left;padding:16px 0}.icon-tiles-box .icon-box-wrapper .icon-box .image-box{padding:0 45px 12px!important;height:100%}.icon-tiles-box .icon-box-wrapper .icon-box .image-box img{margin:0 auto}.icon-tiles-box .icon-box-wrapper .icon-box .icon-desc,.icon-tiles-box .icon-box-wrapper .icon-box .image-box{width:100%;float:left;padding:0 10px 5px;text-align:center}.icon-tiles-box .icon-box-wrapper .icon-box .icon-desc{padding-bottom:0}.icon-tiles-box .icon-box-wrapper .icon-box .icon-desc h1{margin-bottom:0;line-height:1.8;font-weight:700}.icon-tiles-box .icon-box-wrapper .icon-box .icon-desc p{margin:0}.text-only-box .full-width{padding-top:5px}.text-only-box .full-width .hide-offer-btn,.text-only-box .full-width .more-btn{font-size:12px;font-weight:600;cursor:pointer}.text-only-box .text-container{position:relative;width:100%;float:left;min-height:45px;max-height:45px;overflow:hidden;display:block!important}.text-only-box .text-container .text-box,.text-only-box .text-container .text-box .heading{width:100%;float:left}.text-only-box .text-container .text-box .heading a:first-child{padding-top:0}.text-only-box .text-container .text-box .heading a{padding:10px 0;width:100%;float:left;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.read-more svg path{fill:#4891cd}.shop-now svg path{fill:#bebec1}.read-more svg,.shop-now svg{margin-left:2px}.shop-now svg{margin-bottom:-1px}.hide-offer-btn svg,.more-btn svg{margin-left:5px;padding:1px;margin-bottom:-3px}.read-more{color:#4891cd;min-height:20px!important;margin-top:10px;font-size:12px!important;text-align:left}.shop-now{color:#bebec1}.read-more img,.shop-now img{margin-left:15px}.vertical-content .vertical-container{width:100%;float:left}.vertical-content .vertical-container .verticalContentBox{float:left;padding:5px}.vertical-content .vertical-container .verticalContentBox .image-box{width:100%;margin-bottom:10px;overflow:hidden}.vertical-content .vertical-container .verticalContentBox h1{font-weight:700;min-height:40px;max-height:40px;overflow:hidden;color:#4891cd;margin-bottom:5px;line-height:20px}.vertical-content .vertical-container .verticalContentBox p,.vertical-content .vertical-container .verticalContentBox p a{font-size:14px;min-height:25px;max-height:52px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis}.vertical-text-content .vertical-text-container{float:left;width:100%}.vertical-text-content .vertical-text-container .vertical-Text-Box{float:left;padding:0 5px}.vertical-text-content .vertical-text-container .vertical-Text-Box .vertical-box{width:100%;float:left;border:1px solid #ccc;padding:12px}.vertical-text-content .vertical-text-container .vertical-Text-Box .vertical-box h1{font-weight:700;min-height:42px;max-height:42px;overflow:hidden;color:#4891cd;line-height:20px;margin-bottom:5px}.vertical-text-content .vertical-text-container .vertical-Text-Box .vertical-box p,.vertical-text-content .vertical-text-container .vertical-Text-Box .vertical-box p a{font-size:14px;min-height:25px;max-height:88px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis}.horizontal-text-content .text-container{width:100%;float:left}.horizontal-text-content .text-container .horizontal-text-box:last-child{margin-bottom:0}.horizontal-text-content .text-container .horizontal-text-box{float:left;width:100%;max-height:170px;min-height:120px;overflow:hidden;border:1px solid #ddd;margin-bottom:15px;padding:12px}.horizontal-text-content .text-container .horizontal-text-box a h1{font-weight:700;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;color:#4891cd;overflow:hidden}.horizontal-text-content .text-container .horizontal-text-box a p{font-size:14px;min-height:60px;max-height:72px;overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.horizontal-content .text-container{width:100%;float:left}.horizontal-content .text-container .horizontal-text-box:last-child{margin-bottom:0}.horizontal-content .text-container .horizontal-text-box{width:100%;float:left;margin-bottom:10px;border-bottom:1px solid #ddd}.horizontal-content .text-container .horizontal-text-box a .horizontal-img-box{float:left;margin-right:10px;width:30%;min-height:100px;max-height:100px;overflow:hidden}.horizontal-content .text-container .horizontal-text-box a .horizontal-img-box img{height:100%;width:100%;min-height:100px}.horizontal-content .text-container .horizontal-text-box a .horizontal-desc-box{float:left;width:65%;max-height:100px;min-height:100px;overflow:hidden}.horizontal-content .text-container .horizontal-text-box a .horizontal-desc-box h2{font-weight:700;max-height:40px;line-height:20px;overflow:hidden;color:#4891cd;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis}.horizontal-content .text-container .horizontal-text-box a .horizontal-desc-box p{font-size:14px;max-height:35px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-text-overflow:ellipsis;-webkit-text-overflow:ellipsis}.horizontal-content .text-container .horizontal-text-box a .horizontal-desc-box .read-more{margin-top:5px}.offer-widget-section{font-size:14px}.offer-widget-section h6{font-size:16px;color:#162d40}.offer-widget-section .user-cash-section{background:#38a4dc;padding:3px 16px 3px;position:relative}.offer-widget-section .user-cash-section .hk-cash-balance,.offer-widget-section .user-cash-section .user-name-sec{float:left}.offer-widget-section .user-cash-section .user-name-sec{padding:6px 0;width:95px;box-sizing:border-box;padding-right:4px;border-right:1px solid #b6c9d8;margin:2px 0 3px}.offer-widget-section .user-cash-section .user-name-sec .user-name{padding-top:3px;padding-left:5px;font-size:12px;float:left;color:#fff;width:77%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.offer-widget-section .user-cash-section .user-name-sec .svg-icon{float:left}.offer-widget-section .user-cash-section .hk-cash-balance{width:66%;padding-top:7px;padding-left:16px}.offer-widget-section .user-cash-section .hk-cash-balance h6,.offer-widget-section .user-cash-section .hk-cash-balance h6 .svg-icon{float:left}.offer-widget-section .user-cash-section .hk-cash-balance .show-control{float:right;position:absolute;right:16px;width:24px;height:24px;top:8px;z-index:1;padding-left:4px;padding-top:2px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.offer-widget-section .user-cash-section .hk-cash-balance .show-control.rotateArrow{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);padding-right:6px;padding-left:0;top:10px}.offer-widget-section .user-cash-section .hk-cash-balance .hk-cash-label{font-size:12px;float:left;padding-top:4px;padding-left:6px;color:#fff}.offer-widget-section .user-cash-section:after{content:'';display:table;width:100%}.offer-widget-section .hk-offer-section{background:#e9f6fc;padding:10px 16px 10px;border-bottom:1px solid #dee2e5}.offer-widget-section .hk-offer-section .offer-icon{float:left;width:20px}.offer-widget-section .hk-offer-section .offer-description{overflow:hidden;font-size:12px;padding-left:5px}.offer-widget-section .hk-offer-section .offer-description h6{padding-bottom:10px;padding-top:2px;font-size:13px}.offer-widget-section .hk-offer-section .offer-description ul{margin-left:15px}.offer-widget-section .hk-offer-section .offer-description ul li{line-height:16px;margin-bottom:5px}.offer-widget-section .hk-offer-section .offer-description ul li:last-child{margin-bottom:0}.offer-widget-section .hk-offer-section .offer-description ul li a:hover,.offer-widget-section .hk-offer-section .offer-description ul li a:visited{color:#2096d4;text-decoration:underline}.offer-widget-section .hk-offer-section .view-all-offer{float:right}.offer-widget-section .hk-offer-section:after{content:'';display:table;width:100%}.banner-tiles-asymmetrical>.banner-tiles-container{border:1px solid #e7e8e9}.banner-tiles-asymmetrical .banner-tiles-container{width:100%;float:left;overflow:hidden}.banner-tiles-asymmetrical .banner-tiles-container .banner-tiles-left{padding-right:5px}.banner-tiles-asymmetrical .banner-tiles-container .banner-tiles-left,.banner-tiles-asymmetrical .banner-tiles-container .banner-tiles-right{float:left}.banner-tiles-asymmetrical .banner-tiles-container .banner-tiles-right-box{float:left;border-left:1px solid #e7e8e9}.banner-tiles-asymmetrical .banner-tiles-container .banner-tiles-right-box .banner-tiles-right:first-child .banner-tiles-container{border-bottom:1px solid #e7e8e9}.banner-tiles-asymmetrical .banner-tiles-container .banner-tiles-right-box .banner-tiles-right{width:100%}.collapsible-Text-Box:last-child{margin-bottom:0}.collapsible-Text-Box{margin-bottom:10px}.collapsible-Text-Box .collapse-title,.collapsible-Text-Box .collapsible-box-container,.collapsible-Text-Box .collapsible-subItem{width:100%;float:left}.collapsible-Text-Box.active .collapse-title{background:#f5f5f5}.collapsible-Text-Box.active .collapse-title h1 .top-arrow-widget{display:block}.collapsible-Text-Box.active .collapse-title h1 .down-arrow-widget{display:none}.collapsible-Text-Box.active .collapsible-subItem{display:block;border-top:0 none}.collapsible-Text-Box .collapsible-subItem{border:1px solid #ccc;padding:10px;display:none}.collapsible-Text-Box .collapsible-subItem p a{padding:10px 5px;display:block;font-size:14px}.collapsible-Text-Box .collapse-title:focus{background:0 0;-webkit-tap-highlight-color:transparent}.collapsible-Text-Box .collapse-title{border:1px solid #ccc;padding:10px;font-weight:600;background:0 0;cursor:pointer}.collapsible-Text-Box .collapse-title h1{margin:0}.collapsible-Text-Box .collapse-title h1 .down-arrow-widget{display:block;float:right}.collapsible-Text-Box .collapse-title h1 .down-arrow-widget path{fill:#000}.collapsible-Text-Box .collapse-title h1 .top-arrow-widget{display:none;float:right}.collapsible-Text-Box .collapse-title h1 .top-arrow-widget path{fill:#000}.icon-plus-multiple-text .icon-plus-image img{margin:0 auto}.icon-plus-multiple-text .icon-plus-image,.icon-plus-multiple-text .icon-plus-text-box{float:left}.icon-plus-multiple-text .multiple-text-box .icon-plus-text-box .icon-plus-right:first-child{border-top:1px solid #ccc}.icon-plus-multiple-text .multiple-text-box .icon-plus-text-box .icon-plus-right:last-child{border-bottom:0 none}.icon-plus-multiple-text .multiple-text-box .icon-plus-text-box .icon-plus-right{margin-left:5px}.icon-plus-multiple-text .multiple-text-box .icon-plus-text-box .icon-plus-right p{border-bottom:1px solid #ccc;width:100%;float:left;padding:8px}.icon-plus-multiple-text .multiple-text-box .icon-plus-text-box .icon-plus-right p a{font-size:14px;width:95%;float:left}.icon-plus-multiple-text .multiple-text-box .icon-plus-text-box .icon-plus-right p span{float:right;width:5%;margin-top:2.5px}.offer-description .offer-validity{padding-top:2px}.page-heading p{text-align:center;line-height:normal}.page-heading>span{display:block;text-align:center;background:#f5f5f5;padding-bottom:8px;border-radius:4px;margin-top:5px;padding-top:6px;line-height:19px;color:#141515}.page-heading .offer-validity{display:block;line-height:19px}.bannerHorizontalLoadWidget .pd_slider{display:block}.bannerHorizontalLoadWidget .pd_slider .pd_image{margin:0;padding:0}.login-box-outer form input[type=email].err-brdr,.login-box-outer form input[type=password].err-brdr,.login-box-outer form input[type=text].err-brdr{border:none!important;border-bottom:1px solid red!important}.login-box-outer .inputVal{border-bottom:2px solid #00bfbf!important;box-shadow:none!important}.closeBackground{width:100%;height:30px;position:absolute;z-index:-99;opacity:.8}.popupLoader{position:absolute;top:0;left:0;right:0;bottom:0;width:35px;height:35px;margin:auto;z-index:999}.popupOverlay{width:100%;height:100%;position:absolute;background:rgba(0,0,0,.81)}.login-box-outer .err-txt{font-size:13px!important;color:red}.exception-err{margin-bottom:18px;color:red}.active-lp{display:block!important}.login-box-outer .active-div{left:0!important}.login-box-outer .active-tab{color:#00bfbf!important;border-bottom:2px solid #00bfbf!important}.login-box-outer .hasValue{top:-16px!important;font-size:12px!important;color:#00bfbf!important}.login-box-outer .fieldParent{position:relative;height:auto;min-height:60px;float:left;width:100%;padding:0}.login-box-outer .fieldParent label.disp-blk{transition:none;position:absolute;top:0;color:#bdbebf;cursor:default;width:auto;display:inline-block;pointer-events:none}.loginpopup{display:none;position:fixed;width:100%;height:100%;z-index:99999999;top:0}.loginpopup-inner{position:absolute;height:566px;width:775px;left:0;right:0;top:0;bottom:0;margin:auto;z-index:99}.backgroundImageOverlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,.7)}.login-box-outer{box-shadow:3px 3px 21px #d0cbcb;position:relative;float:left;overflow:hidden;height:550px;width:430px;background:#fff;margin-left:20px;max-width:100%}.sentEmailSvg{margin:40px auto;width:40%;height:40%}.sentPasswordResetMail p{font-weight:400;margin-top:0;margin-bottom:5%}.sentPasswordResetMail button{margin-left:10px;margin-right:10px;width:95%}.rightBar{position:relative;float:left;width:33%;height:inherit;margin-left:35px}.rightBar h4{line-height:25px;font-size:20px;font-weight:600;color:#141516}.rightBar ul{margin-top:16px;list-style-image:url(../images/listStyleArrow.svg)}.rightBar ul li{font-size:14px;padding:10px 0;font-weight:600;position:relative;left:15px;color:#25292b}.why{padding-top:65px}.whyLinking,.whyLogIn,.whySignUp,.whyVerify{display:none}.login-box-inner{padding:25px;padding-top:15px;position:absolute;width:88%;box-sizing:content-box}#UserLogin{left:0}.login-box-outer #enterOTP,.login-box-outer #forgotPassword,.login-box-outer #getUserMobNo,.login-box-outer #linkScreen1,.login-box-outer #linkScreen2,.login-box-outer #passwordResetMailDiv,.login-box-outer #sentPasswordResetMail{left:900px}.login-box-inner ul{list-style:none}.login-box-inner ul li{display:inline-block;width:19%;font-size:18px;font-weight:600;padding:5px 5px 5px 0;margin-right:15px;color:#bdbebf;cursor:pointer}.login-box-container .close{width:25px;height:25px;position:absolute;font-weight:100;padding:5px 5px}.loginIntegration p{color:#25292b;font-size:14px;padding:10px 10px 10px 0}.loginWith div{display:inline-block;width:45%;text-align:center;font-size:16px;border-radius:4px;padding:5px 0;margin-right:10px}.facebookDiv{border:1px solid #415AA7;color:#415AA7}.customGPlusSignIn img,.facebookDiv img{width:25px;height:25px}.fb,.gp{position:relative}.login-box-outer .customGPlusSignIn{border:1px solid #EC2E30;color:#EC2E30;width:100%!important;cursor:pointer}.passwordSvg .passwordSvgHide,.passwordSvg .passwordSvgShow{position:absolute;top:50px;width:20px;height:20px}.or{width:80%;color:#c8c8c8;margin:16px auto}.or span::after{content:"";width:45%;display:inline-block;height:10px;border-top:1px solid #d3d4d5;position:relative;top:6px;margin-left:5px}.or span::before{content:"";width:45%;display:inline-block;height:10px;border-top:1px solid #d3d4d5;position:relative;top:6px;margin-right:5px}.errResp{margin-bottom:20px;color:red}.login-box-outer form input[type=email],.login-box-outer form input[type=password],.login-box-outer form input[type=text],.login-box-outer form input[type=tel]{z-index:88;width:100%;font-size:16px;border:none;border-bottom:1px solid #d3d4d5;box-sizing:border-box;margin:4px 0;padding:2px 0;color:#25292b;background:#fff}.login-box-outer .signup-goal{margin-top:5px}.login-box-outer .goal-label{font-size:16px;font-weight:400;color:#25292b}.login-box-outer .signup-goal .goal-type div{width:42%;display:inline-block}.login-box-outer .signup-goal .goal-type label{float:left;padding-left:5px;font-size:14px;color:#25292b}.login-box-outer .signup-goal .goal-type div{padding-left:18px;font-size:12px;position:relative;margin-right:6px;margin-top:4px;margin-bottom:4px}.login-box-outer .signup-goal .goal-type input{width:auto;float:left;position:absolute;left:0;top:0;opacity:0}.login-box-outer .signup-goal .goal-type>div input[type=radio]+label:before{width:14px;height:14px;border-radius:50%;border:2px solid #7c7f80;position:absolute;left:0;top:2px;background:#fff;content:''}.login-box-outer .signup-goal .goal-type>div input[type=radio]+label:after{width:10px;height:10px;border-radius:50%;border:2px solid #fff;position:absolute;left:2px;top:4px;background:#fff;content:''}.login-box-outer .signup-goal .goal-type>div input[type=radio]:checked+label{color:#1EBCBD}.login-box-outer .signup-goal .goal-type>div input[type=radio]:checked+label:after{background:#1EBCBD}.login-box-outer .signup-goal .goal-type>div input[type=radio]:checked+label:before{border:2px solid #1EBCBD}.login-box-outer .submit-btn{color:#fff;padding-top:13px;border-radius:4px;padding-bottom:15px;background-color:#00bfbf;box-shadow:none;border:none;width:100%;font-size:20px;-webkit-appearance:none;max-height:48px}.login-box-outer .terms{margin-top:10px;font-size:12px;text-align:center;color:#929495;font-weight:500;line-height:15px}.login-box-outer .terms a{color:#7c7f80}.login-box-outer .terms a:hover{text-decoration:underline!important}.login-box-outer .tabContent{display:none}.login-box-outer .pswd-section{margin:2px 0 10px 0;width:100%;display:inline-block;position:relative;top:-5px}.login-box-outer .forgotPass,.login-box-outer .forgotPassLinking{float:right;color:#929495;cursor:pointer;font-size:13px;padding-top:2px}.login-box-outer .forgotPassLinking:hover,.login-box-outer .skip:hover{text-decoration:underline!important}.login-box-outer .getUserMob .head2{font-size:20px;color:#25292b;margin:15px 0}.login-box-outer .sub-text{color:#25292b;font-size:14px;margin-top:20px}.login-box-outer .resendOtpText{font-size:14px;font-weight:600}.login-box-outer .getUserMob .submit-btn{margin-top:15px}.login-box-outer .skip{display:inline-block;width:100%;text-align:center;margin-top:20px;color:#00bfbf!important}.login-box-outer .forgotPass:hover,.login-box-outer .skip:hover{text-decoration:underline!important}.forgotPassword .head2,.otpHead .head2,.removeVal{display:inline-block}.removeVal{width:20px;height:20px;position:absolute;right:0;display:none}.forgotPassword .head2,.otpHead .head2,.sentPasswordResetMail .head2{font-size:20px;color:#25292b;margin:15px 0}.sub-text{font-size:14px;margin-bottom:35px}.sub-text span{font-size:14px}.otpHead.userMobNo{margin-right:2px}.modifyNum{color:#00bfbf}.cancelPassChange,.modifyNum,.reEnterMobNo{cursor:pointer}.cancelPassChange{position:relative;top:5px}.cancelPassChange svg{width:25px}.forgotPassword .head2,.otpHead .head2,.sentPasswordResetMail .head2{position:relative}.facebookDiv{cursor:pointer}.login-box-outer .cancel{color:#00bfbf;border:1px solid #00bfbf!important;padding-top:15px;border-radius:4px;padding-bottom:15px;background-color:#fff;box-shadow:none;width:46%;font-size:16px;margin-right:25px}.login-box-outer .forgotPassword .submit-btn{width:46%}.popUpSlide{position:relative}.copyright{color:#fff;font-size:12px;text-align:center;margin-top:10px}.authProd{position:absolute;bottom:4%;font-size:12px;font-weight:400;left:12%}.authProd img{width:30px;height:30px}.authProd .text{position:relative;font-weight:600;padding-left:10px;color:#515455}.cancelPassChange img,.reEnterMobNo img{width:25px;height:16px}#customBtn:hover{cursor:pointer}@media (min-width:767px){.login-box-outer .err-txt{margin-top:0}.login-box-container{width:100%;height:565px}.background-div{background:#fff;width:100%;height:100%;position:absolute;z-index:-99;top:0;left:0}.login-box-container .close{width:30px;height:30px;cursor:pointer;top:10px;right:10px;z-index:99;opacity:1;position:absolute;box-sizing:border-box}}@media (max-width:767px){.login-box-outer .signup-goal .goal-type label{margin-top:3px}.login-box-outer{box-shadow:2px 3px 25px #100f0f}.loginpopup{z-index:9999999999}.rightBar{display:none}.login-box-container{width:100%;display:inline-block;height:100%}.background-div{display:none}.loginpopup-inner{position:fixed;width:90%;height:85%}.popUpSlide{position:relative}.login-box-outer{overflow-x:hidden;max-width:100%;width:100%;margin-left:0;height:100%;overflow-y:auto}.login-box-inner{padding:15px;box-sizing:border-box;width:100%;float:left;display:block;position:absolute}#UserLogin{left:7px}#enterOTP,#forgotPassword,#getUserMobNo{left:700px}.login-box-inner ul li{width:inherit;margin-left:5px}.facebookDiv{margin-right:4px!important}.loginWith div{display:inline-block;width:48%;text-align:center;font-size:16px;border-radius:4px;padding:5px 0;margin-right:0;padding-top:9px}.login-box-container .close{border:none;top:7px;right:7px;z-index:99}.or span::after,.or span::before{width:43%}.login-box-outer .signup-goal .goal-type div{width:47%}.login-box-outer .cancel{margin-right:10px}.login-box-outer .fieldParent label{top:5px;font-size:14px}.login-box-outer .hasValue{top:-12px!important;font-size:12px!important}.forgotPassword h2,.getUserMob h2,.otpHead h2,.sentPasswordResetMail h2{font-size:18px;margin-top:0}.sentPasswordResetMail h2{margin-top:15px}.sentPasswordResetMail p{font-size:14px;font-weight:400}.errResp,.login-box-outer .skip{font-size:14px}.login-box-outer .tabContent{margin-top:20px}.fb,.gp{top:-8px}.login-box-outer .forgotPass,.login-box-outer .forgotPassLinking,.login-box-outer .sub-text{font-size:13px}}@media (max-width:320px){.login-box-inner{max-width:270px;padding-left:7px;padding-right:5px}}.login-box-outer .pswd-section .pswd-section>label,.show-password-sec>label{font-size:13px!important;padding-left:25px;line-height:20px}.show-pswd+.checboximg{background:url(../images/loginpop/checkboxselect.svg) no-repeat;background-size:14px 14px;width:14px;height:14px;position:absolute;left:0;top:3px}.show-pswd:checked+.checboximg{background:url(../images/loginpop/checkboxselected.svg) no-repeat}#resendOTPText{float:left;width:100%;margin-bottom:20px}.otpHead>h3{padding-top:0;font-weight:600!important}p#resendOTPText{margin-bottom:0!important;margin-top:0;font-size:13px;color:#8cc341}.OTPForm .fieldParent{margin-top:25px;min-height:initial}.OTPForm .show-password-sec{margin:10px 0 25px 0}.login-box-outer .sub-text,.login-box-outer .sub-text .linkingMobileNumber{font-weight:600}.fieldParent #editMobileNumber,.fieldParent #resendOtp{display:inline!important;position:absolute!important;width:auto;left:auto!important;right:0!important;top:0!important;margin-top:0}.fieldParent #resendOtp{margin-top:3px}.login-box-outer .linkScreenForm1 .signup-goal .goal-type label{padding-left:10px}.login-box-outer .getUserMob .head2 a,.login-box-outer .getUserMob .head2 a:hover{float:right;color:#bdbebf;font-size:13px}.loginIntegration>p{font-weight:600}.forgotEmail .cancel{margin-left:0}@media only screen and (max-width:767px){.fieldParent #loginViaOTP{top:-3px!important;padding:3px 7px;font-size:12px}.tabContent>form{margin-top:0!important}.tabContent>form>h3{margin-top:0;padding-top:0}.login-box-inner #verifyFBHeading,.login-box-outer .getUserMob .head2{margin-top:0;font-size:18px}.login-box-outer .pswd-section .pswd-section>label,.login-box-outer .show-password-sec>label{line-height:20px;padding-left:25px}.login-box-outer .pswd-section .forgotPassLinking{line-height:20px}.otpHead.passwrdMailClass>h2{margin-top:0}.otpHead.passwrdMailClass p.headingForgotEmail{margin-top:0;margin-bottom:20px}.otpHead>h3{margin-top:20px}}.loginpopup .backgroundImageOverlay+img{width:100%}/*! jQuery UI - v1.12.1 - 2016-12-12
* http://jqueryui.com
* Includes: core.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-widget{font-family:Roboto,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Roboto,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:700}.ui-widget-header a{color:#333}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(images/ui-icons_444444_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}#caller-number{display:inline-block}#modify-number{color:#00bfbf;display:inline-block;cursor:pointer}.number-infomsg{font-size:11px;line-height:14px;color:#919191;margin-top:5px;display:none}.success-confirmmsg{text-align:center}.congratulation-msg{float:left;width:100%;padding:0 0;position:relative}.spk-content-box .timing{color:#4d4d4d;font-weight:400;font-size:14px;margin-bottom:20px!important;width:100%;text-align:center}.askexperticon img{display:inline-block;max-width:300px;vertical-align:top;margin:0;width:100%}.askexperticon{margin-top:20px;padding:0 40px;box-sizing:border-box;width:100%;float:left;position:relative}.askexpertcallicon img{display:block;vertical-align:top;margin:0;width:100%}.askexpertcallicon{padding:0 40px 20px 40px;box-sizing:border-box;float:left;width:100%;margin-top:5px}.askanexpert-scrollerouter{width:300px;overflow:hidden;position:relative;margin:20px 0 20px 0}.askanexpert-scrollerinner{width:auto;float:left;position:relative;left:0}.askanexpert-scroll{float:left;position:relative;width:300px;height:250px}.askanexpert-scroll p{font-size:14px;text-align:center;width:100%;margin:10px 0 0 0;line-height:20px;padding:0 10px;float:left;box-sizing:border-box}.askanexpert-scroll p.err-txt,.askanexpert-scroll p.request-error{padding:5px 0 0 0;text-align:left;font-size:11px;line-height:14px;color:red;margin-bottom:0;text-transform:inherit}.askanexpert-scroll p.request-error{padding-left:5px}.askanexpert-scroll .expert-number{font-size:30px;line-height:30px;margin-top:20px;font-weight:600;color:#00bfbf!important;text-align:center;width:100%;float:left;box-sizing:border-box}.askanexpert-scroll .expert-number a{color:#00bfbf!important}.requestbtn{background:#00bfbf;width:100%;border:0;border-radius:3px;text-align:center;cursor:pointer;color:#fff;height:40px;font-size:16px;line-height:40px;text-transform:none;box-sizing:border-box}.or-textouter{text-align:center;width:100%;float:left;margin:25px 0}.or-inner{position:relative;width:100px;display:inline-block;font-size:16px;text-transform:uppercase}.or-inner:after{position:absolute;content:"";left:0;top:50%;width:30px;height:0;background:#4d4d4d;border:0!important;border-bottom:1px solid #111!important}.or-inner:before{position:absolute;content:"";right:0;top:50%;width:30px;height:0;background:#4d4d4d;border:0!important;border-bottom:1px solid #111!important}.expertlandinglink{margin:30px 0 0 0;text-align:center;width:100%;float:left}.expertlandinglink a{color:#00bfbf;display:inline-block;text-decoration:underline!important;cursor:pointer;font-size:14px}.askexpertfield{float:left;width:100%;position:relative;margin-bottom:20px;text-align:left;padding:0 5px;box-sizing:border-box}.askexpertfield label{width:100%;float:left;margin-bottom:0}.askexpertfield.focusField label{position:absolute;top:8px;left:5px;margin:0;pointer-events:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.askexpertfield.focusField.valuefilled label{top:-6px;color:#00bfbf;font-size:12px;left:5px}.askexpertfield input,.askexpertfield input[type=text],.askexpertfield select{background:#fff;width:100%;padding:5px 0;border:0!important;outline:0;color:#757575;border-bottom:1px solid #ddd!important;padding-bottom:0;height:30px;box-sizing:border-box;text-align:left;border-radius:0}.askexpertfield.error input,.askexpertfield.error input.err-brdr,.askexpertfield.error select,.askexpertfield.error select.err-brdr,.select-wrapperexpert.error select{border:0!important;border-bottom:1px solid red!important}.askexpertfield select.schedule-day,.askexpertfield select.schedule-time{width:100%;float:left}.askexpertfield.focusField.active input{border-bottom:1px solid #00bfbf}.boldtextexpert{font-weight:700}.semiboldtextexpert{font-weight:600}.askanexpert-scroll p.scheduletimeanddate{font-weight:600;font-size:16px;line-height:22px;color:#00bfbf;padding:20px 60px;box-sizing:border-box}.btn-outeryes{float:left;width:100%;margin:20px 0 0 0;padding:0 5px;box-sizing:border-box}.stnfillbtn{background:#00bfbf;border:1px solid #00bfbf;color:#fff;line-height:35px;height:35px;box-sizing:border-box;padding:0;width:47%;font-size:15px;font-weight:400;text-transform:capitalize;border-radius:3px;float:right}.stntransparentbtn{background:0 0;border:1px solid #00bfbf;color:#00bfbf;line-height:35px;height:35px;box-sizing:border-box;padding:0;width:47%;font-size:15px;font-weight:400;text-transform:capitalize;border-radius:3px;float:left}.askanexpertloader-logo{position:absolute;width:100%;left:0;height:100%;top:0;background:rgba(255,255,255,.4);display:none;z-index:9}.askanexpertloader-logo img{margin:auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.expertscheduleform{text-align:left;float:left;margin:10px 0 0 0;width:100%}.askanexpertloader-logo{opacity:1!important}.askanexpertloader-logo1{display:none}.radiobtn-wrapper{width:100%;float:left}.heightbtn-wrapperinner,.radiobtn-wrapperinner,.select-wrapperexpert{position:relative;width:50%;float:left;box-sizing:border-box}.select-wrapperexpert.pdleft{padding-left:10px}.select-wrapperexpert.pdright{padding-right:10px}.heightbtn-wrapperinner input{width:120px;float:left}.heightbtn-wrapperinner label{float:left;width:20px;text-align:center;padding-top:3px}.radiobtn-wrapperinner input{left:0;top:0;position:absolute;z-index:9;opacity:0}.radiobtn-wrapperinner label{width:100%;float:left;position:relative;padding-left:25px;text-align:left;box-sizing:border-box;line-height:20px}.radiobtn-wrapperinner label:before{content:'';width:14px;height:14px;border-radius:50%;position:absolute;border:2px solid #3a3a3a;left:0;top:0;box-sizing:content-box}.radiobtn-wrapperinner input:checked+label:after{content:'';width:10px;height:10px;border-radius:50%;position:absolute;background:#00bfbf;left:4px;top:4px}.radiobtn-wrapperinner input:checked+label:before{border:2px solid #00bfbf}.expertprofileform{float:left;width:100%;margin:10px 0 0 0}.expertprofileform .btn-outeryes{margin-top:0}.expertprofileform .profilefield{width:100%;float:left;margin-bottom:20px;text-align:left;padding:0 5px;box-sizing:border-box}.expertprofileform .profilefield>label{text-align:left;font-weight:600;margin-bottom:5px;float:left;width:100%}.expertprofileform .profilefield>input,.expertprofileform .profilefield>input[type=text],.expertprofileform .profilefield>select{background:#fff;width:100%;height:30px;padding:5px 0;box-sizing:border-box;border-radius:0}.expertprofileform .profilefield input,.expertprofileform .profilefield input[type=text],.expertprofileform .profilefield select{padding:5px 0 0 0;border:0!important;outline:0;color:#757575;border-bottom:1px solid #ddd!important;box-sizing:border-box;padding-bottom:0}span.clearotp{position:absolute;cursor:pointer;background-size:150px 170px;width:14px;height:15px;right:5px;top:10px;display:none;background-position:-133px -52px}#askanexpert-schedule .btn-outeryes{margin-top:10px}.heightbtn-wrapperinner.error input,.profilefield.error input,.profilefield.error select{border:0!important;border-bottom:1px solid red!important}#askanexpertform13{margin-top:0;position:relative}div#askanexpertform13 .sepratoraskprofile{margin:0 0 15px 0;height:1px;background:#ddd;display:inline-block;width:200px}#askanexpertform13 .semiboldtextexpert{margin-bottom:10px}#askanexpertform13inner{float:left;width:100%;margin-top:20px}#askanexpertform13 .btn-outeryes{margin-top:20px}#askanexpertform14 .semiboldtextexpert{margin-bottom:10px}#askanexpertform14inner{float:left;width:100%;margin-top:20px}#askanexpertform14 .btn-outeryes{margin-top:20px}.ui-datepicker{min-width:230px}.spk-box-inner{text-align:center}.top-bar{text-align:left}.spk-content-box{max-width:100%;float:none;display:inline-block}.askanexpertpdpicon{background:url(../images/asanexpertpdpicon.svg) no-repeat;width:28px;height:26px;display:inline-block;background-size:25px!important;vertical-align:middle}.askanexpertopen{width:225px;text-align:center;padding:0!important;height:35px;line-height:35px;font-size:14px;vertical-align:middle}.no-scrollstn{overflow:hidden;height:100%}#askanexpertcall-alreadyschedule .expertlandinglink{margin:10px 0}#askanexpertform13 .btn-outeryes p{float:left;width:100%;background:0 0}.btn-outeryes a,.btn-outeryes a:hover{color:#fff;display:block;float:left}#callschedule-done .btn-outeryes a,#callschedule-done .btn-outeryes a:hover{margin-top:0}#callschedule-done .profilefilledmsg p:last-child{margin-top:20px}.expertlandinglink .skip-aae{background:0 0;border:0;color:#00bfbf;display:inline-block;text-decoration:underline!important;cursor:pointer;font-size:12px}.askanexpert-scrollerouter{display:inline-block}#expert-carousel{text-align:center;position:relative;padding-top:10px}#expert-carousel:before{left:0;top:0;width:100%;position:absolute;content:"";background:#00bfbf;opacity:.05;height:50%}#expertCarousel{overflow:hidden;width:100%}#expertCarousel .owl-item img{width:auto;max-width:92px;display:inline-block;border:2px solid #fff;border-radius:50%;padding:2px}#expertCarousel .owl-item .trainername{font-size:18px;color:#00bfbf;margin-bottom:0;margin-top:10px}#expertCarousel .owl-item .traindesignation{font-size:14px}#expertCarousel .owl-prev{position:absolute;top:50%;left:5%}#expertCarousel .owl-next{position:absolute;top:50%;right:5%}#expertCarousel .owl-dots{float:left;width:100%;margin-top:15px}#expertCarousel .owl-dots .owl-dot{box-sizing:content-box;width:3px;height:3px;border-radius:50%;margin:0 2px;display:inline-block;border:1px solid #ddd}#expertCarousel .owl-dots .owl-dot.active{background:#00bfbf;border:1px solid #00bfbf}#mydietplan{width:100%;overflow:hidden;overflow-y:auto;overflow-x:auto;height:400px;border:0}