/**css convention to be followed

1. Use tab spacing whenever write a new class between the curly braces
2. Please follow naming convention like "left-col".
3. Please follow hierarchy level css while writing subclasses. ex: .col .left-col


convention ends**/
/*common colors used on the site begins
    #232323 : replacement Of black
common colors used on the site ends*/

/**General rules *Start**/

/*@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/licensed/font?kit=cJZKeOuBrn4kERxqtaUH3eQMgGoy_nKaqo2cKJRLrBJdxlT5RfGIy95sQWGkHIXZT_wDREvo4O6_6v9ljamcpjDjNODm32iLRYw2SNTAhDi20L9efk2PUOdb5H1Th4EY) format('woff2'), url(https://themes.googleusercontent.com/licensed/font?kit=cJZKeOuBrn4kERxqtaUH3Rfzzo0OiUYJdfKM9TmUas1dxlT5RfGIy95sQWGkHIXZT_wDREvo4O6_6v9ljamcpjDjNODm32iLRYw2SNTAhDi20L9efk2PUOdb5H1Th4EY) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/licensed/font?kit=MTP_ySUJH_bn48VBG8sNSoQSOEeazGh8gh9HUNTvrRMFjxAsoMPe6KTmxHr8yBfIjVpFoe6rX3ET310906cqDO5a0y2yM-buDzIWb-IT1VZnJfANE-_pKN9C1ZsKTQQU) format('woff2'), url(https://themes.googleusercontent.com/licensed/font?kit=MTP_ySUJH_bn48VBG8sNSjBj4j7RKzZd-IY3pDfmla0FjxAsoMPe6KTmxHr8yBfIjVpFoe6rX3ET310906cqDO5a0y2yM-buDzIWb-IT1VZnJfANE-_pKN9C1ZsKTQQU) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/licensed/font?kit=k3k702ZOKiLJc3WVjuplzIQSOEeazGh8gh9HUNTvrRMFjxAsoMPe6KTmxHr8yBfIjVpFoe6rX3ET310906cqDO5a0y2yM-buDzIWb-IT1VZnJfANE-_pKN9C1ZsKTQQU) format('woff2'), url(https://themes.googleusercontent.com/licensed/font?kit=k3k702ZOKiLJc3WVjuplzDBj4j7RKzZd-IY3pDfmla0FjxAsoMPe6KTmxHr8yBfIjVpFoe6rX3ET310906cqDO5a0y2yM-buDzIWb-IT1VZnJfANE-_pKN9C1ZsKTQQU) format('woff');
}*/

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v13/HqHm7BVC_nzzTui2lzQTDVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v13/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

html, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
}

body {
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 21px;
    color: #25292b;
    /*background: #f8f8f8;*/
    font-weight: normal;
}

body.no-scroll {
    position:fixed;
    width:100%;
    overflow-y: scroll;
}
strong {
    font-weight: 600
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

label {
    display: block;
    /*margin-bottom: 5px;*/
    color: #7c7f80;
}

:focus {
    outline: 0
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

a, .link {
    text-decoration: none;
    color: #25292b;
    cursor: pointer ;

}

a:hover, .speakToNutritionBtn:hover, .link:hover {
    text-decoration: none;
    color: #177a99;
}

a:focus {
    outline: 0;
}

a.send-lnk {
    font-size: 0.9em;
    font-weight: 600;
    text-decoration: underline;
    text-transform: capitalize;
}

b {
    font-weight: 600;
}

hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
    margin: 10px 0px
}

h1 {
    font-size: 1.7em;
}

h2 {
    font-size: 1.3em;
}

h3 {
    font-size: 1.1em;
}

h4 {
    font-size: 1em;
}

h5 {
    font-size: 0.85em;
}

h6 {
    font-size: 0.7em;
}

/**General rules *End**/

.z7 {
    z-index: 7
}

/**`General utils *Start**/
.cursor-link{
    text-decoration:underline;cursor: pointer
}
/*.lazy {*/
    /*display: none;*/
/*}*/

.separator {
    color: #AAAAAA
}

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

.wrapper {
    width: 960px;
    margin: 0px auto;
    background-color: #ffffff;
}

/*.addToCompare {*/
/*font-weight: 600;*/
/*font-size: 0.9em;*/
/*text-transform: lowercase;*/
/*color: #757171;*/
/*}*/

[data-scroll-target] {
    cursor: pointer;
}

.prc-ofr {
    color: #090;
    font-size: 1.2em;
}

.prc-actl {
    color: #aaa;
    /*
  font-size: 0.9em;
*/
}
.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;
}

/*Carousel css starts*/

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

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    /*width: 132%;*/
    width: 9999999px;
    overflow: hidden;
    /*height: 400px;*/
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
}

.nbs-flexisel-inner {
    overflow: hidden;
    float: left;
    width: 97.5%;
    margin-left: 10px;
    padding-left: 5px;
    /*width: 98%;*/
    /*height: 370px;*/
    /*padding-left: 10px;*/
}

.nbs-flexisel-ul.nbs-400 {
    height: 380px;
}

.nbs-flexisel-ul.nbs-thumbs {
    height: 75px;
    padding-left: 5px;
}

.nbs-flexisel-inner .varnt-cont {
    /*width: 210px !important;*/
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0 5px;
    box-sizing: border-box;
    /*cursor: pointer;*/
    position: relative;
    /*line-height: 0px;*/
}

#gallery_01 .active .img-box {
    box-shadow: 0px 3px 0px #ccc;
}

.nbs-flexisel-item img {

    cursor: pointer;
    positon: relative;

    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
}

/*** Navigation ***/

.nbs-flexisel-left,
.nbs-flexisel-right {
    width: 37px;
    height: 37px;
    position: absolute;

    z-index: 100;
    opacity: 0.4;
    alpha: 40;
}

.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
    width: 16px;
    height: 37px;
    position: absolute;
    cursor: pointer;
    z-index: 5;
    opacity: 0.8;
}

.nbs-flexisel-left, .nbs-flexisel-nav-left {
    left: 0px;
    background: url(../images/left-arrow.png) no-repeat;
}
.nbs-flexisel-nav-left {
    background-position: 6px -114px;
    background-size:100%;
    left:-8px;
}
.nbs-flexisel-nav-left:hover {
    background: url(../images/left-arrow-blue.png) no-repeat;
    background-position: 6px -68px;
    background-size:100%;
}
.nbs-flexisel-nav-right {
    background-position: 6px -206px;
    background-size:100%;
    right:-10px;
}
.nbs-flexisel-right, .nbs-flexisel-nav-right {
    right: 0px;
    background: url(../images/right-arrow.png) no-repeat;
}
.nbs-flexisel-nav-right:hover {
    background-position: 6px -160px;
    background-size:100%;
    right:-10px;
}

/**** Home page navigation ***/

.nbs-flexisel-nav-left-home {
    background-position: 6px -46px;
    /*background-size:100%;*/
    left:-8px;
}
.nbs-flexisel-nav-left-home:hover {
    background-position: 6px 0px;
    background-size:100%;
}
.nbs-flexisel-nav-right-home {
    background-position: 6px -138px;
    background-size:100%;
    right:-10px;
}
.nbs-flexisel-nav-right-home:hover {
    background-position: 6px -92px;
    background-size:100%;
    right:-10px;
}

/**************************/
.nbs-flexisel-right, .nbs-flexisel-nav-right {
    right: 0px;
    background: url(../images/right-arrow.png) no-repeat;
}

/*#recommendedBestSellerItems .nbs-flexisel-nav-left,#similarProducts .nbs-flexisel-nav-left {*/
/*top: 140.5px !important;*/
/*left: -15px;*/
/*background: url(../images/back.png) no-repeat;*/
/*width: 35px;*/
/*height: 37px;*/
/*}*/

#recViewedItemsCont {
    list-style: none;
}

/*#recentlyViewed .nbs-flexisel-nav-left {*/
/*top: 140.5px !important;*/
/*background: url(../images/back.png) no-repeat;*/
/*width: 35px;*/
/*height: 37px;*/
/*left: -15px;*/
/*}*/

/*#recentlyViewed .nbs-flexisel-nav-right {*/
/*top: 140.5px !important;*/
/*background: url(../images/forward.png) no-repeat;*/
/*width: 35px;*/
/*height: 37px;*/
/*right: -20px;*/

/*}*/

/*#recommendedBestSellerItems .nbs-flexisel-nav-right,#similarProducts .nbs-flexisel-nav-right {*/
/*top: 140.5px !important;*/
/*right: -20px;*/
/*background: url(../images/forward.png) no-repeat;*/
/*width: 35px;*/
/*height: 37px;*/

/*}*/

.nbs-flexisel-ul.nbs-thumbs ~ .nbs-flexisel-nav-right, .nbs-flexisel-ul.nbs-thumbs ~ .nbs-flexisel-right {
    right: -7px;
}
.nbs-flexisel-nav-right:hover {

    background: url(../images/right-arrow-blue.png) no-repeat;
}
.nbs-flexisel-nav-left.disabled {
    opacity: 0.3;
    background: url(../images/left-arrow.png) no-repeat;
    alpha: 30;
    cursor: default;
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.3;
    background: url(../images/right-arrow.png) no-repeat;
    alpha: 30;
    cursor: default;
}

/*Carousel css ends*/

/*list util *START*/
.gl {
    list-style: none;
    padding-left: 0px;
    clear: both;
    width: inherit
}

.gl > li {

}

.gl > li.gl-itm {

}

.blocks .attribute-item {
    display: inline-block;
    float: left;
    vertical-align: top;
    border: 1px solid #0092d7;
    /*box-shadow: 0px 0px 1px #ccc;*/
    margin: 5px;
    padding: 1px 4px;
    cursor: pointer;
    font-size: 0.8em;
}

.blocks :hover {
    box-shadow: 0px 1px #1EBCBD;
    /*text-shadow: 0px 1px #ddd;*/
}

.blocks .inactive {
    color: #bbb;
    box-shadow: 0;
    border: 1px dashed #cccccc;

}

.blocks .oos {
    border: 1px dashed #FC6C36;
    color: #bbb;
    box-shadow: 0;

}

.blocks .oos:hover{
    box-shadow: 0px 1px #FC6C36;

}

.blocks .inactive:hover{
    box-shadow: 0px 1px #ccc;

}
.blocks .img-beauty-circle-45.inactive {
    opacity: .3;
    filter: alpha(opacity=30);

}

.blocks .img-beauty-circle-45.attr-val {
    border-color: #1EBCBD !important;
    box-shadow: 0px 0px 10px #1EBCBD !important;
}

/*list util *END*/

.clearfix:before, .clearfix:after, .gl:before, .gl:after {
    content: '.';
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.clearfix:after, .gl:after {
    clear: both;
}

.cont-lft {
    float: left;
}

/** image util starts**/

.img-box.img-box-60 {
    width: 60px;
    height: 60px;
    vertical-align: middle;
}
.img-box-60 img {
    width: 60px;
    height: 60px;
}
.img-box.img-box-70 {

    max-height: 115px;
    vertical-align: middle;
}

.img-box-70 img {
    max-width: 115px;
    max-height: 115px;
}

.img-box.img-box-80 {
    width: 80px;
    height: 80px;
}

.img-box-80 img {
    max-width: 80px;
    max-height: 80px;
}

.img-box.img-box-125 {
    width: inherit;
    height: 125px;
}

.img-box-125 img {
    max-width: 125px;
    max-height: 125px;
}

.img-box.img-box-150 {
    width: inherit;
    height: 150px;
}

.img-box-150 img {
    max-width: 150px;
    max-height: 150px;
}

.img-box.img-box-180 {
    width: inherit;
    height: 180px;
    vertical-align: middle;
}

.img-box-180 img {
    max-width: 180px;
    max-height: 180px;
}

.img-box.img-box-200 {
    width: inherit;
    height: 200px;
    vertical-align: middle;
}

.img-box-200 img {
    max-width: 200px;
    max-height: 200px;
}

.img-box.img-box-300 {
    vertical-align: top;
    width: 300px;
    height: 300px;
}

.img-box-300 img {
    max-width: 300px;
    max-height: 300px;
}

.img-box.img-box-115-70 {
    width: 115px;
    height: 70px;
    position: relative;
    bottom: 5px;
}

.img-box-115-70 img {
    max-width: 115px;
    max-height: 70px;

}

/*.parent-img {*/
/*border: 1px solid #ccc;*/
/*}*/

.img-thumb-box {
    margin-right: 10px;
}

.img-box-20 {
    border: 1px solid #ccc;
    padding: 20px;
}

.img-box-5 {
    border: 1px solid #ccc;
    padding: 5px;
}

.img-beauty-circle-45 {
    border-radius: 50%;
    width: 45px;
    height: 45px;
    overflow: hidden;
    padding: 0 !important;
    margin-right: 15px !important;
}

.img-beauty-circle-45 img {
    max-width: 45px;
    max-height: 45px;

}

.img-beauty-circle-25 {
    border-radius: 50%;
    width: 25px;
    height: 25px;
    overflow: hidden;
    padding: 0 !important;
}

.linkSkipClass {
    color: #7c7f80 !important;
}
.linkSkipClass:hover {
    text-decoration: underline !important;
}

.img-beauty-circle-25 img {
    max-width: 25px;
    max-height: 25px;

}

.img-inactive {
    opacity: .3;
    filter: alpha(opacity=30);

}
.tag-img {
    position: absolute;
    z-index: 1;
}

.tag-img.tag-img-80 {
    width: 80px;
    height: 80px;
    margin-left: 221px;

}

.tag-img.tag-img-50 {
    width: 50px;
    height: 50px;
    margin-left: 140px;
}

.tag-img-80 img {
    max-height: 80px;
    max-width: 80px;
}

.tag-img-50 img {
    max-height: 50px;
    max-width: 50px;
}

/**image util ends**/

/** header drop downs **/
.hdr-drop-cntnr {
    float: right;
    width: 100%;
}
.cart-pop-container{width:40px;}
.hdr-drop-cntnr, .cart-pop-container {

    position: relative;
    top: -5px;
    background-color: white;
    border: 1px solid transparent;
}

/*.hdr-drop-cntnr-hover, .cart-pop-container-hover {*/
    /*z-index: 2;*/
    /*background-color: white;*/
    /*box-shadow: 0px -1px 10px #C8C8C7;*/
    /*border-bottom: 0;*/
    /*border: 1px solid #C8C8C8;*/
/*}*/

.hdr-drop-label, .cart-pop-label, .offers-label {
    padding: 4px;
    padding-right: 8px;
    text-align: right;
    position: relative;
    z-index: 11;
    overflow: hidden;

}

.hdr-drop-label .pop-label, .cart-pop-label .pop-label {
    font-weight: 600;
    text-transform: capitalize;
}

/*.hdr-drop-cntnr-hover .hdr-drop-label, .cart-pop-container-hover, .cart-pop-container-hover .cart-pop-icon  {*/
    /*background: white;*/
/*}*/
.cart-pop-label {
    padding-right: 6px;
    padding-top: 4px;
}
.cart-pop-icon{

    line-height: 1.2;
    width:100%;
    /*background-color: #fff;*/
    position: relative;
    text-align:center;
}
.top-cart-icon {
    background-image: url('../images/hkHeader-sprite.png');
    background-position: 0 -3px;
    background-repeat:  no-repeat;
    background-size:100% auto;
    width: 26px;
    height: 20px;
    left: 0;
    position: absolute;
    z-index: 1;

}
.header-cart-section .cart-pop-container{
    display: block;
    width: 95px;
    border: 0;
    top: 0;
    height: 38px;
    padding-right: 0;
}
.header-cart-section .cart-pop-container:hover {
    border: 0;
}
.header-cart-section .cart-pop-container .msg .mrgn-b-5 {
    line-height: normal;
}
.header-cart-section .account-sec{
height: 45px;
}
.header-cart-section .cart-pop-label .header-icons{float: left;}
.header-cart-section .cart-pop-label{
    width: 100%;
    padding-bottom: 12px;
    z-index: 111;
    box-sizing: border-box;

}
.header-cart-section .cart-pop-label:hover{
    background: #fff;
}
/*.header-cart-section .cart-pop-label .header-icons svg path {*/
/*fill: #464646;*/
/*}*/

.header-cart-section .cart-pop-label .cart-text{
    width: auto;
    font-size: 15px;
    padding: 4px 6px;
    color: #464646;
}
.header-cart-section .cart-pop-label .total-count{
    border: 1px solid #38A4DD;
    color: #00bfbf;
    background: #fff;
    min-width: 18px;
    height: 18px;
    font-size: 10px;
    width: 18px;
    top: 8px;
    right: auto;
    left: 65px;
    box-sizing: initial;
}
.header-cart-section .cart-pop-label .total-count span{
    top: 3px;
}
.hdr-drop-down {
    background-color: white;
    position: absolute;
    width: 200px;
    margin-left: -49px;
    margin-top: -2px;
    padding-top: 10px;
    /*padding-bottom: 10px;*/
    border: 1px solid #c8c8c8;
    box-shadow: 0px 4px 20px #c8c8c8;
    z-index: 10;
    left:-1px;
}

.hdr-drop-down li.drop-down-item-btn {
    padding: 5px 10px;
}

.hdr-drop-down li.drop-down-item {
    padding: 5px 0px 5px 10px;
    min-height: 15px;
    overflow: hidden;
}
.hdr-drop-down li.drop-down-item .progress-bar{
    /*background-color: #74BF44;*/
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    height: 22px;
    padding: 3px 0 0 10px;
    color:#fff;
}

.hdr-drop-down li.drop-down-item:hover {

    background-color: #e6e6e6;

}

/** **/
/**catergoty left nav start **/
.menu-box {

}

.menu-box .menu-heading {
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
    padding-bottom: 10px;

    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 700;
}

.menu-box .menu-content {
    margin-top: 10px;
    padding-top: 4px;

}

.menu-box .menu-content > .gl a.sc-cat-nm {
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 15px;
    display: inline-block;
    line-height: 1em;
    /*white-space: nowrap;*/
}

.menu-content a.menu-toggle {
    display: inline-block;
    width: 10px;
    height: 1em;
    padding-top: 5px;
    position: absolute;
}

.menu-content a.menu-toggle.menu-opened, .fltr-box-cont ul li a.menu-toggle.menu-opened, .fltr-box-cont .hdr2 a.menu-toggle.menu-opened {
    background: url(../images/arrow-02b.png) no-repeat center;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-size: cover;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform:rotate(90deg);
    margin-top:3px;
    padding-top:0;
}

.menu-content a.menu-toggle.menu-closed, .fltr-box-cont ul li a.menu-toggle.menu-closed, .fltr-box-cont .hdr2 a.menu-toggle.menu-closed {
    background: url(../images/arrow-02b.png) no-repeat center;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-size: cover;
    margin-top:5px;
    padding-top:0;
}

.menu-box .menu-content > .gl .gl {
    margin-bottom: 15px;
    margin-left: 5px;
}

.menu-box .menu-content > .gl .gl li {
    padding-left: 10px;
}

.menu-box .menu-content > .gl .gl li a {
    font-weight: 400;
    font-size: 0.9em;
    text-transform: capitalize;
}

/**catergoty left nav end **/

/** nav box util starts**/
.nav-box-cntnr {
    position: absolute;
    float: left;
}

.prdct-dtls-blck {
    float: right !important;
}

/** nav box util ends**/

/*border variation utils *start**/
.brdr {
    border: 1px solid #d3d4d5;
}

.brdr-l {
    border-left: 1px solid #d3d4d5;
}

.brdr-r {
    border-right: 1px solid #d3d4d5;
}

.brdr-lr {
    border-left: 1px solid #d3d4d5;
    border-right: 1px solid #d3d4d5;
}

.brdr-b {
    border-bottom: 1px solid #d3d4d5;
}

.brdr-b-sd {
    border-bottom: 1px solid #d3d4d5;
}

.brdr-b-sd2 {
    border-bottom: 2px solid #d3d4d5;
}

.brdr-t {
    border-top: 1px solid #d3d4d5;
}

.brdr-t-sd {
    border-top: 1px solid #d3d4d5;
}
.brdr-b-dotted{
    border-bottom: 1px dotted #d3d4d5;
}

.brdr-tb {
    border-top: 1px dashed #d3d4d5;
    border-bottom: 1px dashed #d3d4d5;
}

.brdr-t-blu-strip {
    border-top: 5px solid #d3d4d5;
    position: absolute;
    width: 100%;
    z-index: 101;
}

.brdr-b-blu-strip {
    border-bottom: 5px solid #00bfbf;
}

.no-brdr {
    overflow: visible;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 0 !important;
    border-top: 0px !important;
    border-left: 0 !important;
    border-right: 0px !important;
}

/**border variation utils *ends**/

/*padding variation utils *start**/
.pad0 {
    padding: 0;
}
.pad-all-5{
    padding: 5px;
}
.pad-all-10{
    padding: 10px;
}
.pad-all-20{
    padding: 20px;
}
.pad-b-5 {
    padding-bottom: 5px;
}

.pad-b-10 {
    padding-bottom: 10px;
}


.pad-b-50 {
    padding-bottom: 50px;
}
.pad-b-20 {
    padding-bottom: 20px;
}

.pad-t-10 {
    padding-top: 10px;
}
.pad-t-6{
    padding-top:6px;
}
.pad-t-20 {
    padding-top: 20px;
}

.pad-t-30 {
    padding-top: 30px;
}

.pad-tb-20 {
    padding: 20px 0;
}
.pad-tb-5 {
    padding: 5px 0;
}
.pad-tb-10 {
    padding: 10px 0;
}

.pad-lr-20 {
    padding: 0 20px;
}

.pad-l-10 {
    padding: 0 0 0 10px;
}

.pad-tb-30 {
    padding: 30px 0;
}

.pad-r-10 {
    padding-right: 10px;
}


.pad-l-5 {
    padding-left: 5px;
}
.pad-l-20{
    padding-left: 20px;
}

.pad-r-40 {
    padding: 0 40px 0 0;
}

.pad-l-40 {
    padding: 0 0 0 40px;
}

/*padding variation utils *ends**/

/**margin variation utils *starts**/
.mrgn-hdr {
    margin: 50px 0 20px 0;
}

.mrgn-t-0 {
    margin-top: 0;
}

.mrgn-bt-5 {
    margin-bottom: 5px;
    margin-top: 5px;
}

.mrgn-bt-10 {
    margin-bottom: 10px;
    margin-top: 10px;
}

.mrgn-bt-15 {
    margin-bottom: 15px;
    margin-top: 15px;
}

.mrgn-bt-30 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.mrgn-bt-2 {
    margin-bottom: 2px;
    margin-top: 2px;
}

.mrgn-bt-50 {
    margin-bottom: 50px;
    margin-top: 50px;
}

.mrgn-bt-70 {
    margin-bottom: 70px;
    margin-top: 70px;
}

.mrgn-lr-5 {
    margin-right: 5px;
    margin-left: 5px;
}

.mrgn-lr-10 {
    margin-right: 10px;
    margin-left: 10px;
}

.mrgn-lr-20 {
    margin-right: 20px;
    margin-left: 20px;
}

.mrgn-bt-20 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.mrgn-l-5 {
    margin-left: 5px;
}

.mrgn-l-10 {
    margin-left: 10px;
}

.mrgn-l-15 {
    margin-left: 15px;
}

.mrgn-l-20 {
    margin-left: 20px;
}

.mrgn-l-25 {
    margin-left: 25px;
}

.mrgn-l-30 {
    margin-left: 30px;
}

.mrgn-l-35 {
    margin-left: 35px;
}

.mrgn-l-40 {
    margin-left: 40px;
}

.mrgn-l-45 {
    margin-left: 45px;
}

.mrgn-l-50 {
    margin-left: 50px;
}

.mrgn-r-5 {
    margin-right: 5px;

}

.mrgn-r-10 {
    margin-right: 10px;
}

.mrgn-r-20 {
    margin-right: 20px;
}

.mrgn-r-30{
    margin-right: 30px;
}

.mrgn-r-40 {
    margin-right: 40px;
}

.mrgn-b-5 {
    margin-bottom: 5px;
}

.mrgn-b-10 {
    margin-bottom: 10px;
}

.mrgn-b-15 {
    margin-bottom: 15px;
}

.mrgn-b-20 {
    margin-bottom: 20px;
}

.mrgn-b-25 {
    margin-bottom: 20px;
}

.mrgn-b-35 {
    margin-bottom: 35px;
}

.mrgn-b-40 {
    margin-bottom: 40px;
}

.mrgn-b-50 {
    margin-bottom: 50px;
}

.mrgn-t-5 {
    margin-top: 5px;
}

.mrgn-t-10 {
    margin-top: 10px;
}

.mrgn-t-15 {
    margin-top: 15px;
}

.mrgn-t-18 {
    margin-top: 18px;
}
.mrgn-t-20 {
    margin-top: 20px;
}

.mrgn-t-25 {
    margin-top: 25px;
}

.mrgn-t-35 {
    margin-top: 35px;
}

.mrgn-t-30 {
    margin-top: 30px;
}

.mrgn-t-50 {
    margin-top: 50px;
}

.mrgn-t-100 {
    margin-top: 100px;
}


.mrgn-cntr {
    margin: 0 auto;
    float: none;
}

.no-mrgn-all {
    margin: 0;
}

.alpha {
    margin-left: 0;
}


.omega {
    margin-right: 0;
}

/**margin variation utils *ends**/

/*text align variation start*/
.txt-rgt, .text-right {
    text-align: right;
}

.txt-cntr, .text-center {
    text-align: center;
}

.txt-lft, .text-left {
    text-align: left;
}

.txt-top {
    vertical-align: top;
}
.txt-lh-grey{
    color:#878787;
    line-height:27px;
}

.txt-middle {
    vertical-align: middle;
}
.font-100{
    font-weight: 100;
}

.txt-small {
    font-size: 0.9em;
}

.txt-medium {
    font-size: 1.4em;
}

.txt-large {
    font-size: 1.8em;
}

.txt-light {
    color: #999;
    font-size: 0.9em;
}

.txt-blue {
    color: #1EBCBD;
}
.txt-green{
    color: #090;
}
.txt-red {
    color: #FF0000;
}

.txt-justify {
    text-align: justify;
}

.txt-brk-long-word{
    word-wrap: break-word;
}

.txt-underline{
    text-decoration: underline;
}

/*text align variation ends*/

/*font variation start*/
.fnt-light {
    color: #7c7f80;
}

.fnt-sz9 {
    font-size: 0.8em;
}

.fnt-sz8-5 {
    font-size: 0.85em;
}

.fnt-sz10 {
    font-size: 0.9em;
}

.fnt-sz12 {
    font-size: 1em;
}
.fnt-sz-12px{
    font-size: 12px;
}

.fnt-sz13 {
    font-size: 1.1em
}

.fnt-sz14 {
    font-size: 1.2em
}

.fnt-sz16 {
    font-size: 1.4em
}

.fnt-sz20 {
    font-size: 1.8em
}

.fnt-sz22 {
    font-size: 2em
}

.fnt-bold {
    font-weight: 600;
}

.txt-color{
    color:#929292;
}
.float-l{
    float:left;
}


.fnt-bolder {
    font-weight: 700;
}

.fnt-caps {
    text-transform: uppercase;
}

.fnt-ttl {
    text-transform: capitalize;
}

.display-table{
    display: table;
}

.display-inline-block{
    display: inline-block;
}

.first-caps:first-letter{
    text-transform: uppercase;
}

/*font variation ends*/

/*js dialog box css begins*/
#overlayDIV {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
    z-index: 999;
}

.js-dialog, .trimmed-vrnt-cont {
    z-index: 9999;
    top: 50%;
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: -100px;
    width: 450px;
    background: #fff;
    min-height: 200px;
    border: 4px solid #ccc;
}
.trimmed-vrnt-cont{

}

.js-disabled-dialog {
    width: 450px;
    background: #fff;
    min-height: 250px;
    margin: 0 auto;
    border: 4px solid #ccc;
}

.dialog-title {
    height: 50px;
    font-weight: 600;
    color: #1EBCBD;
    font-size: 1.3em;
    padding: 10px 0 0 20px;
}

.dialog-subcntnr {
    padding: 0 20px 20px 20px;
    float: left;
}

.dialog-subcntnr button, .dialog-subcntnr input[type="submit"] {
    display: inline-block;
}

.widget-box {
    margin: 0;
    padding: 0 10px 7px 10px;
    float: left;
    max-height: 65px;
}

.mandatory-heading {
    margin-bottom: 2px;
    display: inline-block;
    padding: 0 0 0 13px;
    width: 85px;
}

.mandatory-heading span {
    color: #F10B30;
}

.dialog-btn-cntnr {
    width: 187px;
    text-align: right;
    float: left;
}

.js-dialog .resp-msg {
    text-align: center;
    width: 100%;
    margin-top: 30px;
}

.widget-box p.err-txt {
    margin-left: 100px;
}

.aggre-terms-cnt {
    float: right;
    width: 286px;
    margin-bottom: 12px;
}

/*JS dialog box css ends*/
/** background colors start**/
.bg-gray {
    background-color: #F7F7F7;
}

/** background colors ends**/

/** icons start**/
.loader {
    background: url(../images/logo/32x32.gif) no-repeat center;
    display: inline-block;
    width: 32px;
    height: 30px;
}

.strip-404, .strip-500 {
    display: inline-block;
    width: 935px;
    height: 4px;
    background: url(../images/strip.png) no-repeat top;
}

.go-to-top {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(../images/top.svg);

}


.go-to-top:hover{
    width: 50px;
    height: 50px;
    background-image: url(../images/top_hover.svg);
}
.go-to-top-cntnr {
    /*display: inline-block;*/
    float: right;
}

.icn {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 0;
    font-size: 0;
}

.icn-collapse {
    background: url(../images/arrow-02b.png) no-repeat center;
    width: 10px;
    height: 10px;
    cursor: pointer;
    background-size: cover;
}

.icn-expand {
    background: url(../images/arrow-02b.png) no-repeat center;
    width: 10px;
    height: 10px;
    cursor: pointer;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform:rotate(90deg);
    background-size: cover;
}

.add-icn{
    font-weight: 700;
    float: left;
    font-size: 32px;
    margin-top: 50px;
    margin-left: -24px;
}
.icn-collapse-large {
    background: url(../images/Minus-icon.png) no-repeat center;
    width: 21px;
    height: 21px;
    cursor: pointer;
}

.icn-collapse2 {
    background: url(../images/arrow-up.png) no-repeat center;
    width: 10px;
    height: 10px;
    cursor: pointer;
    float: right;
}

.icn-expand-large {
    background: url(../images/Plus-icon.png) no-repeat center;
    width: 21px;
    height: 21px;
    cursor: pointer;
}

.icn-expand2 {
    background: url(../images/arrow-down.png) no-repeat center;
    width: 10px;
    height: 10px;
    cursor: pointer;
    float: right;
}

.icn-add-img {
    background: url(../images/add-img.png) no-repeat center;
    width: 19px;
    height: 19px;
}

.icn-close-s {
    background: url(../images/close-s.png) no-repeat center;
    width: 6px;
    height: 6px;
    cursor: pointer;
}

.icn-close1 {
    background: url(../images/close-s.png) no-repeat center;
    width: 6px;
    height: 6px;
    cursor: pointer;

}

.icn-close2 {
    background: url(../images/delete_round-07.svg) no-repeat center;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.icn-mandatory {
    width: 8px;
    height: 8px;
    padding: 0 13px 0 0;
    color: #ff0000;
    font-weight: bold;
}

.icn-plus {
    background: url(../images/plus.png) no-repeat center;
    width: 16px;
    height: 16px;

}

.icn-warning-large {
    background: url(../images/error-48.svg) no-repeat center;
    width: 49px;
    height: 49px;
    display: inline-block;
}

.icn-warning-small {
    background: url(../images/error-48.svg) no-repeat center;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.icn-success {
    background: url(../images/confirm-47.svg) no-repeat center;
    width: 25px;
    height: 25px;
    display: inline-block;
}

.icn-search-img {
    background: url(../images/search.png) no-repeat center;
    width: 11px;
    height: 13px;
}

.icn-loader {
    background: url(../images/logo/32x32.gif) no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
}

.icn-loader-large {
    /*background: url(../images/logo/50x50.gif) no-repeat;*/
    display: inline-block;
    width: 50px;
    height: 50px;
}

.icn-dot {
    background: url(../images/bulletImg.png) no-repeat center;
    width: 12px;
    height: 12px;
}

.icn-sqre {
    width: 6px;
    height: 6px;
    background-color: #464646;
    display: inline-block;
}

.icn-sqre-blue {
    width: 8px;
    height: 8px;
    background-color: #1EBCBD;
    display: inline-block;

}

.icn-dwn-arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #464646;

}

.icn-up-arrow {
    position: relative;
    float: left;
    width: 8px;
    top: 9px;
    left: 45px;
}

.icn-search {
    position: relative;
    float: right;
    top: 10px;
    right: 10px;
}

.icn-dwn-cs {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #464646;
    float: left;
    margin-top: 13px;
    margin-left: 10px;

}

.icn-dwn-cs2 {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    float: right;
    margin-top: 15px;
    position: relative;
    right: 10px;

}

.icn-dwn-cs-hover {
    border-top: 5px solid #fff;
}

.icn.icn-scissor {
    background: url('../images/scissor-icon.png') no-repeat center;
    width: 17px;
    height: 13px;
}

.icn-fb {
    background: url('../images/facebook-icn.png') no-repeat center;
    width: 20px;
    height: 22px;
}

.icn-google-plus {
    background: url('../images/google-plus-icn.png') no-repeat center;
    width: 20px;
    height: 22px;
}

.icn-twitter {
    background: url('../images/twitter-icn.png') no-repeat center;
    width: 20px;
    height: 22px;
}

.icn-pmt-methods {
    /*background: url('../images/online-pmt-methods.png') no-repeat center;*/
    width: 107px;
    height: 22px;
}
.icn-captcha-refresh {
    background: url('../images/ic_refresh_captcha.png') no-repeat center;
    width: 24px;
    height: 24px;
    background-size: 18px;
}

.up-arrw:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    margin-left: 15px;
    margin-top: -25px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d3d4d5;
}

.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 #d3d4d5;
    position: relative;
    top: 2px;
}

.left-arrw:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    margin-left: -25px;
    margin-top: 40px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #d3d4d5;
}

.right-arrw:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    margin-left: 174px;
    margin-top: -60px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #d3d4d5;
}
.icon-hor-loader {
    background: url(../images/order_ajax.gif) no-repeat center;
    height: 32px;
}
/*icon ends*/

.clr-cont {
    position: relative;
    clear: both;
}

.disp-inln, .first-caps {
    display: inline-block;
}


.disp-inline {
    display: inline;
}

.disp-blk {
    display: block;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.invisible{
    visibility: hidden;
}

.jugadDisplay {
    display: none !important;
}

.strikethrough {
    text-decoration: line-through;
}

/**General utils *End**/

/**Special purpose utils *Start**/

/*breadcrumb begins */
.hk-breadcrumb-cntnr {
    margin-top:10px;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
    float:left;
    width:100%;
}

.hk-breadcrumb-cntnr a {

}

/*breadcrumb ends*/
/* title utils start*/
.ttl-cntnr {
    text-align: center;
    clear: both;
    font-family: 'Open Sans';
}

.ttl-cntnr.home-title{
    background-color: #EEE;
}

.ttl-cntnr.ttl-left {
    text-align: left
}

.ttl-cntnr span.icn {
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    bottom: 3px;
    background: #111;
    width: 7px;
    height: 7px;
}

/*css for blue circles*/
.ttl-cntnr span.icn {
    background: url(../images/blue-circle.png);
    width: 12px;
    height: 12px;
    bottom: 1px
}

.ttl-cntnr span.icn:first-child {
    margin-left: 0px;
}

.ttl-cntnr h1, .ttl-cntnr h2, .ttl-cntnr h3, .ttl-cntnr h4, .ttl-cntnr h5, .ttl-cntnr h6 {
    display: inline-block;
    max-width: 90%;
}

.ttl-cntnr h1.hide {
    display: none;
}

.ttl-cntnr h1 {
    margin: 11px 0 7px 0;
    line-height: 1em;
    font-size: 1.5em;
    font-weight: 600;
}

.ttl-cntnr h1.chckout-hdr {
    margin: 20px 0 10px 0;
}

.ttl-cntnr h2 {
    margin: 10px 0 10px;
    line-height: 1em;
    font-weight: 700;
}

/* title utils end*/

/**banner layout begins**/
.topBanner {
    padding: 0 0 10px!important;
    margin: 10px 0 0!important;
    width:100%;
    float: left;
}

.topBannerHome {
    padding-bottom: 10px;
    /*margin-top: 10px;*/
}

.topBanner img {

}

.topBanner .slot-one, .topBanner .slot-two, .topBanner .slot-three ,.topBannerHome .slot-three,.topBannerHome .slot-two,.topBannerHome .slot-one{
    box-shadow: 0px 0px 1px #aaa;
    border-radius: 2px;
}

.topBanner .slot-two img, .topBanner .slot-three img {

}

/* banner layout for full width*Start*/
.bnr-main-cnt {
    position: relative;
    float: left;
    width: auto;
}

.bnr-main-cnt .strip-banner {
    float: left;
    margin-bottom: 0px;
    overflow: hidden;
    display: inline-block;
}

.bnr-main-cnt .slot-one {
    float: left;
    width: 600px;
    height: 300px;
    /*margin-right: 10px;*/
    margin-bottom: 0px;
    overflow: hidden;
    display: inline-block;
}

.bnr-main-cnt .slot-two {
    float: right;
    width: 330px;
    height: 145px;
    margin-bottom: 10px;
    overflow: hidden;
    display: inline-block;
}

.bnr-main-cnt .slot-three {
    float: right;
    width: 330px;
    height: 145px;
    margin-bottom: 0px;
    overflow: hidden;
    display: inline-block;
}

.bnr-main-cnt #slider-cont {
    overflow: hidden;
    /* fix ie overflow issue */
}

/* remove the list styles, width : item width * total items */
.bnr-main-cnt #slider-cont ul {
    position: relative;
    left: 0;
    top: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* width of the item, in this case I put 250x250x gif */
.bnr-main-cnt #slider-cont li {
    position: relative;
    float: left;
    width: auto;
}

.bnr-main-cnt #slider-cont li img {

}

/* banner layout for full width*End*/

/* banner layout for 700 width*Start*/
.bnr-700-cnt {
    position: relative;
    float: left;
}

.bnr-700-cnt .slot-one {
    float: left;
    width: inherit;
    /*height: 300px;*/
    width: 100%;
    clear: both;
    margin-bottom: 14px;
    overflow: hidden;
    display: inline-block;
}

.bnr-700-cnt .slot-two {

    display: inline-block;
    float: left;
    width: 255px;
    margin-right: 10px;
    /*height: 200px*/
}

.bnr-700-cnt .slot-three {
    display: inline-block;
    width: 345px;
    float: right;
}
.login {
    background-color: #f2f2f2;
    height: 40px;
    float: left;
    /*margin-right: 10px;*/
    margin-left:0;
    text-align: center;
    position: relative;
    display:table;
    vertical-align: middle;
    /*width:700px;*/
    width:100%;
    margin-top:10px;
    padding: 15px 10px;
    margin-top: 10px;
    box-sizing: border-box;
    line-height:20px!important;

}

.login a:hover{
    color: #333;
    text-decoration: underline !important;
}
.login-msg{color: #fff; width: 100%; margin: 0 auto; padding: 10px 0;}

.login-cash {
    margin-left: 0;
}
.row .login .span3.login-cash{
    /*width: 18%;*/
}
.login-cash i{
    display: inline-block;
    position: relative;
    top: 3px;
    left: -6px;
    /*padding-top:3px;*/
}
.login-tube .login .span3.login-profile{
    width: 15%;
}
.login-tube .login .span3.login-offer{
    width: 22% !important;
}
.row .login .span4.login-usr{
    /*width: 19% !important;*/
    border-left: 0px;
}
.login-tube .login .span3:last-child{
    width: 9%;
}
.login-usr {
    text-align: center;
    display: inline-flex;
    margin-top: 0px;
    position: relative;
    /*width:15% !important;*/
    padding-left:5px;
}
.login-usr .user-name {
    display: block;
    color: #333;
    font-size: 14px;
    padding: 0;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 65px;
}
.login-usr .user-name{

}
.login-usr svg{
    margin-right: 5px;
    float: left;

}
.login-usr button {
    border: none;
    /*position: absolute;*/
    bottom: 0;
    height: 15px;
    font-size: 10px;
    background-color: transparent;
    color: #38A4DD;
    border-radius: 8px;
    font-weight: 600;
    margin-left: 5px;
    margin-top: 2px;
}
.login-profile a {
    color: #333;
    /*margin-top: 10px;*/
    display: block;
    font-size: 14px;
}
.login-profile a.progress-bar{
    width: auto;
    background: transparent;
    border: 0;
    text-decoration: none;
    box-shadow: none;
    line-height: normal;
    height: auto;
    display: inline-block;
    float: none;
    margin-top:4px;
}
.login-cash , .login-profile{
    margin-left: 0;
    text-align: center;
}
.login-cash a {
    color: #333;
    /*margin-top: 10px;*/
    display: block;
    font-size: 15px;
}
.hk-cash-label{
    font-size: 14px;
    vertical-align: text-bottom;
    position: relative;
    top: 1px;
}
.login-offer {
    text-align: center;
    color: white;
    margin-top: 10px;
    display: block;
    font-size: 15px;

}
.login-offer h5{float:left;
    font-size : 14px;
    color: #333;
    margin-top:5px;
}
.login .span3{
    float: none;
    vertical-align: middle;
}
.span4.login-usr .icn-dwn-arrow {
    position: relative;
    top: 8px;
    vertical-align: middle;
    display: inline-block;
    float: left;
    margin-left: 10px;
}
/* banner layout for 700 width*End*/

/** banner ends**/

/**cart page rules *starts**/

/*error msg container css*/

.rdrct-msg-cntnr {
    width: 778px;
    margin: 30px auto;
    border: 1px solid #ff0000;
    padding: 5px 15px;
    /*float:left;*/
}

.rdrct-msg-cntnr .icn-holder {
    display: inline-block;
    vertical-align: top;
    height: 25px;
}

.rdrct-msg-cntnr .warning-txt-cntnr {
    /*width: 738px;*/
    display: inline-block;
    margin-left: 10px;
    /*margin-top: 12px;*/
}

/*error msg container css ends*/

/*for quick option on hover catalog*/
.qk-optn-cntnr:hover {
    border: 1px solid #0092d7;
    box-shadow: 0 0 5px 2px #ccc;
}

.qk-optn-cntnr .quick-options{
    z-index: 2;
    border: 1px solid #0092d7;
    text-align: center;
    font-size: 9px;
    padding: 5px 0px;
    position: relative;
    display: none;
    margin-top: -39px;
    box-sizing: border-box;
    width: 210px;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.9);
    left: -6px;
}

.qk-optn-cntnr .quick-options .quick-option-atc{
    width:97px;
}
.qk-optn-cntnr:hover .quick-options{
    display: block;
}

.atc-img{
    background: url("../images/quickoptions.png");
    background-position: -5px -38px;
}
.qc-img{
    background: url("../images/quickoptions.png");
    background-position: -5px -5px;
}

.quick-options span.img-cntnr{
    height: 20px;
    width: 20px;
    display: inline-block;
    background-size: 32px 64px;
    position: relative;
    top: 5px;
}

.quick-options span:hover{
    cursor: pointer;
    color: #0092d7;
}

/*quick option ends*/

/* cart offers drop down begins*/
.offers-container {
    text-align: center;
}

.cart-cntnr .cart-offr-avlbl span {
    text-align: center;
    font-size: 14px;
    padding: 10px;
    display: inline-block;
    border: 1px solid #ddd;
    cursor: pointer;
}

/*.cart-cntnr .cart-prdct-tbl .img-box {*/
/*border: 1px solid #ddd;*/
/*}*/

.cart-cntnr .cart-prdct-tbl .line-item {
    padding: 10px 0;
    display: table;
    transition: all 1s linear;
    opacity: 0.9;
}
.cart-cntnr .cart-prdct-tbl .line-item.disabled {
    transition: all 0.1s linear;
    opacity: 0.3;
}
.cart-cntnr .cart-prdct-tbl hr {
    margin: 0px;
}

.cart-cntnr .cart-prdct-tbl .packs {
    border-bottom: 1px solid #ccc;
    padding-top: 10px;
}

.cart-cntnr .cart-prdct-tbl .packs .line-item {
    padding: 10px 0;
    display: table;
    border: 0;
}

.cart-cntnr .cart-prdct-tbl .ttl-row {

    padding-bottom: 5px;
    padding-top: 20px;
}

.stepper input {
    position: relative;
    float: left;
    width: 23px;
    border: 1px solid #ddd;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}

.stepper a {
    position: relative;
    border: 1px solid #ddd;
    border-radius: 100%;
    float: left;
    width: 17px;
    text-align: center;
    top: 3px;
    cursor: pointer;
    padding-left: 1px;
    padding-right: 1px;
}

#totalAmount {
    position: relative;
    float: left;
    margin-left: 40px;
    top: 5px;
}

.couponStatus {
    /*border: 1px solid #1EBCBD;*/
    padding: 5px 13px;
    /*margin: 10px 0 0;*/
    font-size: 0.9em;
}

.couponStatus span.icn-success{
    position: relative;
    top: 3px;
    vertical-align: top;
}

.couponStatus[data-role=fail] {
    border-color: #ed1c24;

}

.couponStatus [data-role=message] {
    /*text-transform: uppercase;*/
    color: #1a4f69;
    font-size: 14px;
    line-height: 2;
    font-weight: 600;
    position: relative;
    top: 1px;
    display: inline-block;
    /*max-width: 80%;*/
}

.couponStatus [data-role=coupon-terms] {
    font-size: 11px;
}

.couponStatus[data-role=fail] [data-role=message] {
    text-transform: capitalize;
    font-size: 1.2em;
    color: #f00;
    margin-top: 10px;
}

.couponStatus .desc-label {
    font-weight: bold;
}
.add-cpn [name=couponCode]{
    margin-bottom: 0px;
}

.js-offer-item, .hand{
    cursor: pointer;
}

[data-role=cart-summary] {
    float: right;
    border: 3px solid #DDD;
    background: rgba(240, 240, 240, 0.5);
    padding: 10px;
    margin-top: 40px;
}

[data-role=item-remove].icn, [data-role=pack-remove].icn {
    position: absolute;
    left: 115px;
    top: 0;
}
.cart-freebie{
    color: #090;
    padding: 5px;
    font-weight: 500;
    font-size: 0.9em;
}
/**cart page rules *ends**/

/* checkout strip utils begins*/
.page-title {
    border-bottom: 5px solid #c8c8c8;
    padding: 5px 10px;
    margin: 0;
    text-transform: uppercase;
    color: #757171;
}

.page-title.current {
    border-bottom: 5px solid #1a4f69;
    font-weight: 600;
    color: #424242;
}

/* checkout strip utils ends*/

/*Give rating container util starts*/

.rating-histogram {
    list-style-type: none;
}

.hk-smallfont, .hk-font-small, .hksd-smalltext {
    font-size: 11px;
}

.tmargin3 {
    margin-top: 3px;
    display: inline-block;
}

.rating-bars {
    width: 100px;
    background: #e6e6e6 no-repeat;
    display: inline-block;
    height: 15px;
    border: 1px solid #fafafa;
    vertical-align: bottom;
    zoom: 1;
}

.rating-bars .progress {
    background: #1EBCBD;
    height: 15px;
    border-radius: 0px;
}

.big-star-rtng {
    background: url('../images/star-filled.svg') no-repeat;
    width: 58px;
    color: #654d19;
    display: block;
    padding: 20px 0;
    font-size: 15px;
    text-align: center;
}

.ratng-desc {
    margin-top: 10px;
    margin-left: 10px;
}
.vrnt-rvw-cnt .ratng-desc {
    width: 124px;
}
.rating-bar-cont {
    float: left;
    clear: both;
}

.ratng-cntnr {
    float: left;
    margin-top: 15px;
}

.ratng-cntnr .ratng-ttle {
    margin: 0 0 10px 0;

}

/*give rating widget begins*/
.hk-give-star {
    width: 70px;
    height: 17px;
    position: relative;
    background: url(../images/ic_ratingEmpty.png) repeat-x left;
    list-style-type: none;
    display: inline-block;
    vertical-align: bottom;
    zoom: 1;
    z-index: 1;
}

.hk-give-star li {
    float: left;
}

.hk-give-star li.user-rating {
    background: url(../images/ic_ratingFilled.png) repeat-x left;
    height: 17px;
}

.hk-give-star:hover li.user-rating {
    display: none !important;
}

.hk-give-star li a {
    display: block;
    width: 17px;
    height: 17px;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    top: 0;
    cursor: pointer;
}

.hk-give-star a.star-1 {
    left: 0;
}

.hk-give-star a.stars-2 {
    left: 14px;
}

.hk-give-star a.stars-3 {
    left: 28px;
}

.hk-give-star a.stars-4 {
    left: 42px;
}

.hk-give-star a.stars-5 {
    left: 56px;
}

.hk-give-star li a:hover {
    background: url(../images/ic_ratingGray.png) repeat-x;
    top: 2px;
    z-index: 1;
    left: 0;
}

.hk-give-star a.star-1:hover {
    width: 14px;
}

.hk-give-star a.stars-2:hover {
    width: 28px;
}

.hk-give-star a.stars-3:hover {
    width: 42px;
}

.hk-give-star a.stars-4:hover {
    width: 56px;
}

.hk-give-star a.stars-5:hover {
    width: 70px;
}

.hk-give-star a.stars-5:hover {
    width: 70px;
}

/*give rating widget ends*/

/*Give rating container util ends*/

/* rating util Start*/
.rtng-star-s {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 9px;
    line-height: 9px;
    text-align: left;
    background: url(../images/star-off-xs.png) repeat-x left;
}

.rtng-star-s .rtng-usr {
    display: inline-block;
    height: inherit;
    background: url(../images/star-on-xs.png) repeat-x left;
    vertical-align: top;
}
.rvw-prnt-cnt{
    padding:10px 0;
    position:absolute;
    /*width: 330px;*/  /*commented due to issue on prod*/
    z-index: 99;
}
.vrnt-rvw-cnt {
    display: block;
    width: 335px;
    position: absolute;
    z-index: 1;
    margin-left: 200px;
    margin-top: -85px;
    border: 1px solid #d3d4d5;
    background: #fff;
    box-shadow: 0 0 10px #A3A2A2;
    -moz-box-shadow: 0 0 10px #A3A2A2;
    -webkit-box-shadow: 0 0 10px #A3A2A2;
    padding: 5px;
    box-sizing: border-box;
}

.vrnt-rvw-cnt .rtng-bars-cnt {
    display: inline-block;
    width: 165px;
    margin: 5px 0 5px 20px;
}

.vrnt-rvw-cnt .ratng-desc .view-rvw-link{
    font-size: 0.8em;
    text-decoration: underline;
    text-align: center;
    display: inherit;
}
/* rating util End*/

/*slider css begins*/
.slider-cntnr {
    padding: 10px;;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.slider.slider-horizontal {
    width: 170px;
    height: 20px;
}

.slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}

.slider.slider-horizontal .slider-selection {
    height: 100%;
    top: 0;
    bottom: 0;
}

.slider.slider-horizontal .slider-handle {
    margin-left: -10px;
    margin-top: -5px;
}

.slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}

.slider.slider-vertical {
    height: 210px;
    width: 20px;
}

.slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    margin-left: -5px;
    left: 50%;
    top: 0;
}

.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.slider.slider-vertical .slider-handle {
    margin-left: -5px;
    margin-top: -10px;
}

.slider.slider-vertical .slider-handle.triangle {
    border-width: 10px 0 10px 10px;
    width: 1px;
    height: 1px;
    border-left-color: #0480be;
    margin-left: 0;
}

.slider input {
    display: none;
}

.slider .tooltip-inner {
    white-space: nowrap;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.slider-selection {
    position: absolute;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f9f9f9), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: -o-linear-gradient(top, #f9f9f9, #f5f5f5);
    background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    opacity: 0.8;
    border: 0px solid transparent;
}

.slider-handle.round {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.slider-handle.triangle {
    background: transparent none;
}

/** slider css ends**/

/*Button utils *Start*/
.btn-prmry {
    border: 1px solid #597fba;
    background: #008ED3;
    width: 150px;
    height: 40px;
    padding: 5px;
    color: #fff;
    display: block;
    font-family: 'Open Sans';
    font-size: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 0;
    text-transform: uppercase;
}

.btn-prmry:hover {
    border: 1px solid #008ED3;
    background: #597fba;
}

.btn-sec {
    background: #dcdcdc;
    padding: 0;
    height: 30px;
    margin: 0;
    border: none;
    width: 190px;
    text-transform: uppercase;
    font-family: 'Open Sans';
    border-right: 1px solid #c8c8c8;

}

.btn-sec:hover {
    background: #c8c8c8;
    border-right: 1px solid #dcdcdc;
}


.login-btn{
    padding: 6px 12px;
    text-transform: uppercase;
    display: block;
    color: #333;
    background-color: #ffc509;
    border: #EEB90C;
    border-top: #ffc509;
    border-left: #ffc509;
    font-weight: 600;
    text-align: center;
}

.login-btn:hover{
    color: #333;
    background-color: #F7BF09;
    border: #F0BA0B;
    border-top: #F7BF09;
    border-left: #F7BF09;
    /*box-shadow: 0 0 2px 1px #ccc;*/
    /*box-shadow: 0 0 2px 1px #ccc;*/
    /*box-shadow: 0 0 2px 1px #ccc;*/
}

.login-btn:active{
    color: #333;
    background-color: #F0BA0B;
    border: #F0BA0B;
    border-top: #F0BA0B;
    border-left: #F0BA0B;
    /*box-shadow: 0 0 2px 1px #ccc;*/
}

.btn{

    *display: inline;
    text-transform: capitalize;
    /* IE7 inline-block hack */

    *zoom: 1;

    margin-bottom: 0;

    line-height: inherit;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #25292b;
    text-shadow: none;
    background-color: #f4f4f4;
    background-image: none;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: transparent;

    *background-color: transparent;
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: 0;
    *margin-left: .3em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    border: 1px solid #d3d4d5;
    display: block;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.3em 0.8em;
    min-width: 200px;
    font-weight:500;
    font-size: 16px;
    border-radius: 3px;
}

.btn.btn-mini {
    padding: 0 6px;
    font-size: 0.9em;
}

.btn.disp-inln {
    display: inline-block;
}

.btn.hide-if-nojs {
    display: none;
}

.btn:hover {
    background-color: #f5f5f5;
}

.btn:active, .btn.active {
    background-color: #f5f5f5;
}

.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: none !important;
    font-size: 16px;
    font-weight: 400;
}

.btn.btn-blue:hover, .btn.btn-blue-mini:hover {
    background-color: #1a485b;
    box-shadow: none;
}

.btn.btn-blue:active, .btn.btn-blue.active, .btn.btn-blue-mini:active, .btn.btn-blue-mini.active {
    background-color: #1a485b;
    box-shadow: none;
}

.btn.btn-blue-mini {
    border-color: #1a4f69;
    border-top-color: #1a4f69;
    border-left-color: #1a4f69;
    background-color: #1a4f69;
    color: white;
    font-size: 0.9em;
    padding: 5px 10px;
}



.btn-red{
    border-color: #df4723;
    border-top-color: #df4723;
    border-left-color: #df4723;
    background-color: #df4723;
    color: #fff;
    font-weight: 600;
}

.btn-red:hover{
    background-color: #d34226;
}

.btn-red:active{
    background-color: #d34226;
}

.btn.btn-gray {
    border-color: #d3d4d5;
    color: #25292b;
}

.btn.btn-gray:hover {
    background-color: #f4f4f4;
    box-shadow:none;
}

.btn.btn-gray:active, .btn.btn-gray.active {
    background-color: #f4f4f4;
}

.btn.btn-orange {
    border-color: #646464;
    border-top-color: #646464;
    border-left-color: #646464;
    background-color: #ffb000;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.btn.btn-orange-mini {
    border-color: #646464;
    border-top-color: #646464;
    border-left-color: #646464;
    background-color: #ffb000;
    color: #fff;
    font-size: 0.9em;
    padding: 5px 10px;
}

.btn.btn-orange:hover, .btn.btn-orange-mini:hover {
    background-color: #FFA300;

}

.btn.btn-orange:active, .btn.btn-orange.active, .btn.btn-orange-mini:active, .btn.btn-orange-mini.active {
    background-color: #FF9900;
    box-shadow: -1px -1px 10px #F8DB92;
}

.btn[disabled=disabled], .btn.inactive, .btn:hover.inactive, .btn:active.inactive, .btn.active.inactive {
    background-color: #dfdfdf !important;
    border-color: #bdbebf !important;
    color: #bdbebf;
    box-shadow: none !important;
    cursor: default !important;
}

.btn.blue-gray{
    background-color: #777D84;
    border: 1px solid #777D84;
    font-size: 16px;
    font-weight:600;
    color: #fff;
}

.btn.blue-gray:hover{
    background-color: #515455;
    border: 1px solid #515455;
}

.btn.blue-gray:active{
    background-color: #515455;
    border: 1px solid #515455;
}

/*Button utils *End*/

/*DropDown utils *start*/
.drp-dwn {
    border: 1px solid #ccc;
    padding: 5px;
    background: #ffffff;
    color: #999;
    margin: 0 10px;
}

.styled-select {
    background: url(../images/arrow-down.png) no-repeat 96% 50% #ffffff;;
    height: 25px;
    overflow: hidden;
    width: 120px;

}

.styled-select select {
    background: transparent;
    border: none;
    font-size: 0.8em;
    height: 25px;
    color: #1EBCBD;
    padding: 5px;
    width: 145px !important;;
    text-transform: capitalize;
}

button, select {
    text-transform: none;
}

.styled-select select option:first-child {
    color: #1EBCBD;
}

.styled-select select option {
    color: #424242;
}

/*DropDown utils *End*/

/*accordion util starts*/
.collapsible-content {
    /*overflow: hidden;*/
}

.collapsible-content-collapsed {
    display: none;
}

/*accordion util ends*/

/* Pop Up Bar *Start*/
.popUp {
    position: absolute;
    z-index: 7;
}

.popUp .icnSctn {
    position: relative;
    width: 300px;
    width: 12px;
}

.popUp .icn {
    display: inline-block;
    position: absolute;
    top: -16px;
    border-width: 0px 14px 20px;
    border-color: transparent;
    border-bottom-color: white;
    border-style: solid;
}

.popUp .icn2 {
    display: inline-block;
    position: absolute;
    border-width: 0px 14px 20px;
    border-color: transparent;
    border-bottom-color: #eee;
    left: 0px;
    border-style: solid;
}

.popUp .icn.palYlw {
    border-bottom-color: #FDFDDF;
}

.popUp .icn2.ylw {
    border-bottom-color: #f5ec13;
}

.popUp .bdySctn {
    background-color: white;
    min-height: 50px;
    text-align: left;
    /*border: 1px solid #f5ec13;*/
    font-size: 0.9em;
    line-height: 1.5em;
}

.popUp .bdySctn .title {
}

.popUp .bdySctn .body {
}

.popUp .bdySctn .body > .msg {
    font-size: 1.1em;
    padding: 8px;
}

/*** Cart Pop Up Bar ***/
#cartPop.popUp {
    position: absolute;
    z-index: 1;
    width: 200px;
    margin-left: -110px;
    margin-top: -1px;
}

#cartPop.popUp .icnSctn {
    left: 219px;
    top: -20px;
}

#cartPop.popUp  .icn {
    width: 0px
}

#cartPop.popUp .bdySctn {
    border: 1px solid #c8c8c8;
    box-shadow: 0px 0px 5px #c8c8c8;
}

#cartPop.popUp  .bdySctn .title {

}

#cartPop.popUp  .bdySctn .body {

}

#cartPop.popUp .bdySctn .body > .msg {
    font-size: 1.1em;
    padding: 8px;
    text-align: center;
    font-size:12px;
}

#cartPop.popUp .btn {
    display: inline-block;
    color:#fff;
    padding:10px;
    font-size:12px;
    min-width: 100px;
}

.btn.mini-cart-pop {
    width: 80%;
    padding: 5px;
}

.mini-cart-pop:hover {
    color: #ffffff;
}

.cart-back-shop:hover {
    color: #ffffff;
}

/******************/

/* Pop Up Bar *End*/

/* popup util *Start*/
.popup-root {
    display: none;
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 19;
    width: 100%;
}

.popup-shadow {
    /*background-color: #838181;*/
    background-color: #999999;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 20;
    filter: alpha(opacity=30);
}

.popup-content {
    position: relative;
    z-index: 21;
    width: 300px;
    height: 200px;
    margin: 100px auto;
    background-color: white;
    background-color: #ffffff;
    overflow: auto;
    box-shadow: 0 3px 10px 2px #666;
}

.popup-content.popup-theme-orange {
}

.popup-content .icon-close {
    cursor: pointer;
    background: url(../images/close4.png) no-repeat;
    display: inline-block;
    width: 25px;
    height: 25px;
    float:right;
    opacity: 0.8;
}

.popup-content [data-role=title] {
    /*background-color: #297fb8;*/
    color:white;
    /*color: #1B3188;*/
    background-color: #607d8b;
    padding: 10px;
    padding-bottom: 5px;
    font-size: 1.35em;
    line-height: 1.25em;

}

.popup-content [data-role=title] .title-string {
    width: 90%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:600;

}

/*.popup-content.popup-theme-orange [data-role=title] .title-string {*/
/*color: #F7AB1F*/
/*}*/
/*css for emi popup desktop by vishal*/

        .table-emi {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #C8C8C8;
    font-size: 14px;
}
.table-emi tr:nth-child(odd) {
    background: #f5f5f5;
}
.table-emi th {
    background: #f0f0f0;
    text-align: left;
    border: 1px solid #c8c8c8;
    padding: 7px 10px;
    font-weight: 600;
}
.table-emi td {
    border-right: 1px solid #c8c8c8;
    padding: 7px 10px;
}
        span.bank-emi-name {
    font-weight: 600;
    font-size: 18px;
}
         .bank-detl {
         float:left;
    width: 30%;
        height: 400px;
        overflow: hidden;
        border-right: 1px solid #d3d4d5;
        overflow-y: auto;
}
          .emi-det {
    float: left;
    width: 69%;
    box-sizing: border-box;
    padding: 15px;
}
.emi-accordion {
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid #d3d4d5;
}
.emi-accordion:last-child {
    border: 0;
}
span.right.downArrow img {
    position: absolute;
    right: 15px;
    float: none !important;
    width: 10px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.table-emi {
    float: left;
    width: 100%;
    margin-top: 25px;
}
.hidden2{
  display: none;
}
.active-bank {
    background-color: rgba(0,191,191,0.2);
    cursor: auto;
    color: #00bfbf;
}
.tac-emi{
    float: left;
    width: 100%;
    font-size: 11px;
    }

.tac-emi>span{
    text-decoration: underline;
    cursor:pointer;
    }

.emi-info.mrgn-bt-15 {
    float: left;
    width: 600px;
    position: absolute;
    top: 52px;
    box-sizing: border-box;
    padding: 15px;
    background: #fff;
    z-index: 99999;
    border: 1px solid #d3d4d5;
    box-shadow: 3px 3px 15px -4px #d3d4d5;
}
.emi-info.mrgn-bt-15:after,.emi-info.mrgn-bt-15:before{
  content: '';
    display: block;
    position: absolute;
    left: 10%;
    width: 0;
    height: 0;
    border-style: solid;
}
.emi-info.mrgn-bt-15:after{
top: -21px;
    border-color: transparent transparent #f4f4f4 transparent;
    border-width: 11px;
    transform: translateX(-1px);
    -webkit-transform: translateX(-1px);
    -o-transform: translateX(-1px);
    -moz-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
}
.emi-info.mrgn-bt-15:before{
top: -22px;
    border-color: transparent transparent #e0e0e0 transparent;
    border-width: 10px;
}

/**/
.popup-content [data-role=content] {
    clear: both;
    font-size:12px;
    padding: 10px;
    word-spacing : 2px;
}

.popup-content [data-role=action] {
    margin-top: 1em;
    margin-bottom: 0.5em;
    text-align: center;
    padding: 5px 10px;
}

.popup-content [data-role=action] .btn {
    display: inline-block;
    margin-right: 5px;
    min-width:80px;
}
.popup-content [data-role=action] .btn.popup-remove:last-child {
    border: 1px solid #1a4f69;
    color: #1a4f69;
    background: none;
}

.popup-content.err {
    border-color: red;
}
.popup-content.invalid input,
.popup-content.invalid select {
    border-color: red;
}

.popup-content.large {
    min-width: 600px;
    min-height: 500px;
}

/*Popup util *ends*/

/*error-success msg css begins*/
.err-cntnr {
    border: 1px solid #ffbebf;
    padding: 10px;
    box-sizing: border-box;
    color: #25292b;
    margin: 15px 0 15px 0;
    border-radius: 2px;
    float: left;
    width: 100%;
    background:rgba(255,190,191,0.4);
}

.alert-cntnr {
    border: 1px solid #1EBCBD;
    padding: 10px;
    color: #1EBCBD;
    margin: 15px 0 15px 0;
    border-radius: 3px;
    float: left;
    width: 100%;
}

.err-cntnr .icn-warning-small, .alert-cntnr .icn-success {
    max-width: 10%;
    vertical-align: top;
    text-align: left;
}

.err-cntnr div, .alert-cntnr .alert-messages {
    display: inline-block;
    max-width: 90%;
    margin: 0 0 0 10px;
    text-align: left;
}

.err-cntnr div.sign-on-msg, .alert-cntnr .alert-messages.sign-on-msg {
    max-width: 70%;
}

.err-cntnr div ul, .err-cntnr div ul li, .alert-cntnr .alert-messages ul, .alert-cntnr .alert-messages ul li {
    list-style: none;

}

.err-cntnr .icn-close2, .alert-cntnr  .icn-close2 {
    max-width: 10%;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    float: right;
    margin: 0 0 0 4px;
}

/*.err-icn {
  float: right;
  position: relative;
  bottom: 40px;
  left: 30px;
}*/

.err-txt {
    color: #ff0000;
    bottom: 10px;
    font-size: 0.9em;
    line-height: 1.2em;
    /*white-space: nowrap;*/
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: capitalize;
}

.text-grey{
    color:#757575;
}
.text-grey2{
    color:#878787;
}
.err-brdr {
    border: 1px solid #ff0000 !important;
    border-radius: 0 !important;
}

/*error-success msg css ends*/

/*pagination css starts*/

.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}

.pagination ul > li {
    display: inline;
}

.pagination ul > li:first-child > a, {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}

.pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
    color: #999999;
    cursor: default;
    background-color: transparent;
}

.pagination ul > li > a {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #d3d4d5;
    margin-left: 10px;
    cursor: pointer;
}

.pagination ul > .active > a {
    background-color: #f4f4f4;
    color: #999999;
    /*cursor: default;*/
}

.pagination ul > li > a:focus, .pagination ul > li > a:hover, .pagination ul > .active > a {
    background-color: #f4f4f4;
}

.pager {
    margin: 0;
    list-style: none;
    text-align: center;
}

.sort-items {
    cursor: pointer;
}

.sort-items:hover {
    padding-bottom: 2px;
    /*border-bottom: 5px solid #000;*/
}

.selectd-sort {
    padding-bottom: 2px;
    border-bottom: 5px solid #000;
}

.paginationBar {
    padding: 5px;
    background: #f4f4f4;
    line-height: 1.3em;
    margin-bottom: 5px;
}

/*pagination css ends*/

/** global menu navigation util starts **/

.gm {
    display: inline-block;
    position: relative;
    /*z-index: 100;*/
    /*background: #434343;*/
    margin: 0px;
    /*box-shadow: 0px 0px 25px #ccc; */
    /*border: 1px solid #c8c8c8;*/
    /*border-top: none;*/
    width: 100%;
    /*width: 218px;*/
    color:#fff;
}

.gm h1, .gm h2, .gm h3 {
    color: #aaa;
    padding: 0px 20px 0px 19px;
}

.personalizedMenu .gm a {
    padding-left: 10px;
}

.personalizedMenu .gm-tc-nm{
    display:block;
}

.gm a {
    display: block;
}

.gm li {

}

.gm .gl {
    margin: 0px;
}

.gm-lnk {

}

.personalizedMenu .gm .menu-label{
    padding: 5px 5px 5px 14px;
    text-transform: uppercase;
    background-color: #38A4DD;
    font-weight: 600;
    color: #ffffff;
}

.gm-mc>span{
    float: right;
    padding-right: 10px;
    padding-top: 5px;
}
.hk-coach,
.gm .menu-label, .offers-box,.consult-topnav,.connect-topnav{
    padding: 8px 5px 4px 14px;
    text-transform: uppercase;
    color: #fff;
    float:left;
    font-size:14px;
    line-height: 1.2;
    position:relative;
    margin-right:20px;
    min-height: 23px;
    padding-top: 8px;
    font-weight: 600;
}
.header-search-section .search-bar-box.stickyactive .hk-search-bar {
margin-top: 2px;
}

.headermenu-outer .tab-text {
    color: #fff;
}
.gm-mc{
    border-bottom: 1px dotted #d1d3d4;
}

.gm-mc-nm{
    padding: 5px 0 7px 10px;
}

.variant-list .gm-mc {
    padding-top: 2px;
    padding-bottom: 2px;
    height: 22px;
}

.personalized-variant-list{
    padding-top: 3px;
    padding-bottom: 3px;
}

.gm-mc-brand{
    width: 40%;
    border: 1px solid #D6D0D0;
    margin: 2% 4%;
    height: 30px;
    display: inline-block;
}
.gm .gm-mc-brand a{
    color:#787878;
    padding: 0 !important;
    width:100%!important;
}

.gm .gm-mc-brand img{
    width: 100%;
    height: 30px;
}

.gm-mc:hover {
    background: #e6e6e6;
    color: #00bfbf;
}

.gm-mc:last-child {

}

.gm-mc > span {
    float: right;
    padding-right: 10px;
    /*padding-top: 5px;*/
}

.gm-mc:hover > a {
    color: #333;
    background: transparent;
}

.personalizedMenu .gm-mc > a {
    display: inline-block;
    width: 175px;
    padding: 1px 0 0 14px;
    color: #787878;
}

.gm-mc > a {
    display: inline-block;
    width: 218px;
    padding-left: 0;
    color: #787878;
    font-size: 14px;
    padding-top: 24px;
    padding-bottom: 24px;
}

.gm-mc a:hover {
    color: #177a99 !important;
}

.gm-mc-nm,.gm-mc-nm-cat, .gm-mc-nm-brand {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 600;
    text-transform: capitalize;
}



.gm-sc-cntnr {
    position: absolute;
    left: 190px!important;
    min-height: 300px;
    top: 0px;
    border: 1px solid #d1d3d4;
    border-bottom:0px;border-right:0px;
    /*border-top: none;*/
    background-color: #fff;
    z-index: 2;
    display: block;
    right:auto!important;
    min-width:750px;
    /*max-width:750px;*/
    padding:20px 10px;


}

.gm-sc-cntnr a {
    padding-left: 0px;
}

.gm-sc-cntnr h3 a {
    /*height: 37px;*/
    padding-bottom: 0px;
}

.gm-sc-list {
    width: 580px;

}

.gm-sc-list .span3 {
    border-right: 1px solid #ddd;
    padding-right: 12px;

}

.gm-sc-list > li {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    margin-right: 40px;
    margin-bottom: 10px;
}

a.gm-sc-nm {
    font-size: 14px;
    line-height: 1em;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    /*max-width: 93%;*/
}

.gm-tc-nm {
    color: #444;
    font-size: 1em;
    text-transform: capitalize;
    font-weight: 400;

}

.gm .gm-tc-list {
    margin-bottom: 30px;
}

.gm-tc-list a {
    padding: 2px 0px;
    line-height: 17px;
    margin-bottom: 5px;
    font-size: 13px;

}

.gm-tc-list a.seeMore {
    font-size: 0.8em;
    color: #bbb;
    line-height: 1.1em
}

.hide {
    display: none;
}


/*div#dropDownButton > div.icn-dwn-cs2{*/
/*border-top: 5px solid #000;*/
/*}*/

.gm-brdr-l-orange{
    border-left-color: #ffc50a;
}
.gm-brdr-l-green{
    border-left-color: #74bf44;
}
.gm-brdr-l-blue{
    border-left-color: #0097d1;
}
.gm-brdr-l-purple{
    border-left-color: #f397bf;
}
.gm-brdr-l-gray{
    border-left-color: #a29da2;
}
.gm-brdr-l-red{
    border-left-color: #FF3D00;
}
.gm-mc.gm-brdr-l-orange:hover{
    background-color: #ffc50a;
    color: #fff;
}
.gm-mc:hover.gm-brdr-l-green:hover{
    background-color: #74bf44;
    color: #fff;
}
.gm-mc.gm-brdr-l-blue:hover{
    background-color: #0097d1;
    color: #fff;
}
.gm-mc.gm-brdr-l-purple:hover{
    background-color: #f397bf;
    color: #fff;
}
.gm-mc.gm-brdr-l-gray:hover{
    background-color: #a29da2;
    color: #fff;
}
.gm-mc.gm-brdr-l-red:hover{
    background-color: #FF3D00;
    color: #fff;
}

/*for anchor inside*/
.gm-mc.gm-brdr-l-orange:hover > a,
.gm-mc:hover.gm-brdr-l-green:hover > a,
.gm-mc.gm-brdr-l-blue:hover > a,
.gm-mc.gm-brdr-l-purple:hover > a,
.gm-mc.gm-brdr-l-gray:hover > a
{
    color: #fff;
}

/** new css*/

.gm-sc-bg-image{
    /*position: absolute;*/
    /*z-index: -1;*/
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}

.gm-sc-container .gm-sc-content{
    display: none;
}

.gm-sc-container.active .gm-sc-content{
    display: block;
}

.gm-sc-container .l1child{
    margin-top: 10px;
    width: 158px;
    padding-left:10px;
    vertical-align: top;
    margin-bottom: 10px;
    display: inline-block;
    float: none;
}

.gm .gm-tc-list{
    margin-bottom: 30px;
}

.gm .gm-sc-content .gm-tc-list{
    margin-bottom: 0;
}

.gm-sc-nm-cont{
    /*border-bottom: 1px solid #ccc;*/
    position: relative;
    margin-bottom: 5px;
    width: 85%;
}

.gm-ic{
    height: 24px;
    width: 24px;
    position: absolute;
    right: -30px;
    top: 0;
}

.gm-ic:hover{
    cursor: pointer;
}

.gm-sc-container.active .gm-ic{
    background: url("../../assets/images/Minus-icon.png") no-repeat right;
}
.gm-sc-container .gm-ic{
    background: url("../../assets/images/Plus-icon.png") no-repeat right;
}



/** global menu navigation util ends**/
.bullet {
}

/** lists **/
ul.sqr-lst {
    list-style-type: square;
    color: black;
    font-size: 1.1em;
    font-weight: 200;
}

ul.sqr-lst > li >span {
    color: #333
}

/** lists ends**/

/** reviews-util * Start*/

.reviews-head {

}

.reviews-write {
    margin-top: 15px;
    margin-bottom: 20px
}

.reviews-item {
    margin-bottom: 25px;
    border-bottom: 1px solid #CCC;
    padding-bottom: 20px;
}

.reviews-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.review-title {
    color: #222;
    font-size: 14px;
    margin-top:10px;
    font-weight: 600;
    text-shadow: 0px 0px #ddd;
}

.review-for {
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.9em;
    text-overflow: ellipsis;
    background-color: #f4f4f4;
    padding: 3px 0px;
}

.review-for a {
    text-decoration: underline;
}

.review-user-name {
    font-color: #222;
    text-transform: capitalize;
    margin-top:5px;
    margin-bottom:2px;
}

.review-certified {
    background: #FFC50A;
    padding: 2px;
    padding-right: 20px;
    padding-left: 10px;
    display: inline-block;
    font-size: 10px;
    line-height: 16px;
}

.review-certified:after{
    margin-left: 10px;
    border: 10px transparent solid;
    content: '';
    position: absolute;
    margin-top: -2px;
    border-right: 10px #FFF solid;
    border-left: 0px #FFF solid;
}

.review-date, .review-advice, .review-spam {
    color: #686868;
}

.review-yes{
    background: url('../images/reviewt-sprite.png') no-repeat 0 -27px;
    padding-left: 27px;
}

.review-no{
    background: url('../images/reviewt-sprite.png') no-repeat 0 -3px;
    padding-left: 27px;
}
.review-description {

    padding: 10px 0px;
    color: #515455;
}

.review-action {
    width:100%;
}

/** reviews-util * End*/

/** Account create success box util starts **/

.accnt-success-cntnr {
    border: 1px solid #ff0000;
    padding: 10px;
    margin: 0 70px 50px 70px;
    float: left;
}

.accnt-success-cntnr .sucess-txt-cntnr {
    padding: 20px;
    float: left;

}

.accnt-success-cntnr .sucess-txt-cntnr .title {
    color: #1EBCBD;
    font-size: 1.5em;
    margin-bottom: 5px;
}

/** Account create success box util ends **/

/** Packs blocks*Start*/
.pack-div {

}

.pack-div .sucss-txt {
    font-size: 1.4em;
}

.pack-div .icn-plus {
    position: absolute;
    margin-left: 170px;
    margin-top: 70px;
}

.pack-sp-div select {
    border: none;
    border-radius: 0;
    width: inherit;
    outline: none;
    /*margin: 4px 0px;
  box-shadow: 0px 0px 2px #aaa;*/
}

.pack-sp-div hr {
    margin: 1px 0px;
}

.pack-var-div {
    /*max-height: 300px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 10px;*/
}
.kit-disable{cursor: default;}
.kit-disable:focus,
.kit-disable span:hover,
.combo-itm .kit-disable .varnt-title,
.combo-itm .kit-disable .varnt-title:hover,
.kit-disable span:focus,
.kit-disable:hover{color: #424242;}
.variant-diff-attr-div {
    /*border-bottom: 2px solid #ccc;*/
}

.offer-prcng-cntnr {
    padding-top: 70px;
}

/** Packs blocks*Ends*/

/**Special purpose utils *Ends**/

/** Global overrides *Start**/

.container {
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
}

@-ms-viewport {
    width:auto;
}
.alert .gl {
    clear: none;
}


.carousel-indicators {
    z-index: 1;
}

.carousel-indicators li {
    background-color: #eeeef4;
    /*border: 1px solid #aaa;*/
    cursor: pointer;
}



/* autocomplete override *start*/
.ui-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 0px;
}

.ui-widget {
    font-family: inherit;
}

.ui-widget-content {
}

.ui-widget-content .ui-state-focus {

}

.acVariantRow {

    height: 75%;
        margin: 60px 0 0 7px;
        display: inline-block;
        max-width: 24%;
        vertical-align: top;
}

/* css for search autocomplete*/

.ui-menu {
    list-style: none;
    padding: 0px;
    margin: 0;
    display: block;
    outline: 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-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-widget-content a {
    color: #333;
}
.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 0 .4em 10px 0;
    line-height: 1.5;
    min-height: 0;
    font-weight: 400;
}
.ui-menu .ui-menu-item a .fnt-bold {
    font-weight: bold;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    box-sizing: border-box;
    cursor: default;
}

.ui-state-focus, .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 {

}
.ui-widget-content .ui-state-focus {

}
.ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-state-focus {

    margin: 0;
}
/* autocomplete override *end*/

.tooltip {
    z-index: 10
}

/** Global overrides *End**/

/**page generic rules *Start**/
/*header css begins*/
.js-disble-cntnr {
    width: 100%;
    top: 0;
    background: #1EBCBD;
    font-size: 16px;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-bottom: 5px solid #000;
}

.li-n-stl {
    color: #424242;
    list-style: none !important;
    margin: 0px !important;
    padding: 5px 50px;
    border-bottom: 1px dashed #ccc;
    cursor: pointer;
}

.li-n-stl:hover {
    background: #969696;
    color: #fff;
    border-bottom: 1px dashed #969696;
}

#header .header-info{
    line-height: 10px!important;
}

#header .header-info {
    /*padding-right: 147px;*/
    /*margin-top: 5px;*/
    margin-bottom: 15px !important;
    height:35px;
}

#header .header-info img {
    /*margin-top: 2px;*/
}

#header .header-info img.hk-resource {
    /*margin-left: 58px;*/
}

.logo-blck {
    float: left;
    width: auto;
    margin-bottom: 20px;
}

.logo-blck .logo-sb-blck {
    width: 70px;
    float: left;
}

.logo-blck .policy-txt {
    font-size: 12px;
    float: right;
    margin-top: 35px;
    margin-left: 15px;
}

.flyout-menu {
    position:relative;
    text-transform: uppercase;
    width:100%;
    margin:0;
}

.flyout-menu .menu-hdr {
    z-index: 10;
    position: relative;
    /*background-color: #434343;*/
    height: 40px;
    left: 0;
    color: #fff;
    cursor: pointer;
    width: 100%;
}

.menu-hdr-hover {
    background: white !important;
    color: rgb(49, 118, 241) !important;
    border-color: rgb(211, 211, 211);
    border-width: 1px 1px 0 1px !important;
    border-style: solid;

}

.flyout-menu .menu-hdr .hdr-title {
    position: relative;
    float: left;
    font-weight: 700;
    top: 8px;
    left: 18px;
    text-transform: uppercase;
    padding: 10px 0;
}

#dropDownbox1 {
    /*position: absolute;*/
    width:100%;
    display:block!important;
}

#dropDownbox1 .gm.gl {
    /*margin-top: -3px;*/
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
width:100%;
}

.flyout-submenu {
    display: none;
    position: absolute;
    z-index: 1;
    float: left;
    clear: both;
    border: 1px solid rgb(211, 211, 211);
    box-shadow: 0px 8px 10px -3px #888;
    top: 36px;
    width: 175px;
    height: auto;
    background: white;
}

.nav-menu {
    float: right;
    min-width: 360px;
    margin-top: 20px;
    height: 36px;
}

.nav-menu > div {
    float: left;
    width: 80px;
    margin-left: 10px;
}

.nav-menu p {
    margin: 0;
}

/*search menu css begins*/
.hk-search-bar {
    position: absolute;
    right:0;
    left:auto;
    z-index: 111;
}

.hk-search-bar .icn-search {
    position: absolute;
    float: left;
    top: auto;
    right: 0;
    z-index: 10;
    margin-top: 0px!important;
    cursor: pointer;
    width:36px;
    height:35px;
    font-size: 14px;
    font-weight: bold;
    background-color: rgb(0,146,215);
    line-height: 1.2;
    /*margin-left: -80px;*/
    padding:4px 5px 2px;
    text-align:center;
    box-sizing: border-box;
}

.hk-search-bar .hk-search-box {

    z-index: 1;
    float: right;
    /*width: 310px;*/
    font-family: 'Open Sans';
    /*remove this when drop down is visible*/
    /*width: 555px;*/
    margin:0;
    padding: 8px 30px 8px 10px;
    height: 14px;
    border-radius: 0;
    box-shadow: none!important;
    outline: none;
    background: #fff;
    border: 1px solid #bdbcbc;
    /*margin-left: 5px;*/
    /*border-right: none;*/
    width:100%;
    font-size:12px;
    box-sizing: border-box !important;
    height: 35px;
    color: #888;
}

.hk-search-bar .hk-search-box:active {
    outline: none;
}

.hk-search-bar .search-menu {
    z-index: 1;
    display: none;
    float: left;
    height: 34px;
    width: 136px;
    cursor: pointer;
    border: 1px solid #333;
    border-left: 0;
}

.hk-search-bar .search-menu.search-menu-hover {
    padding-bottom: 2px;
    position: relative;

    z-index: 8;
    background-color: white;
    border: 1px solid #c8c8c8;
    box-shadow: 0px -1px 20px #C8C8C8;
    border-bottom: 0;
}

.search-menu .search-menu-label {
    background: white;
    padding: 2px;
    padding-left: 5px;
    width: 95%;
    height: 89%;
    float: left;
    position: relative;
    z-index: 11;
}

.search-menu.search-menu-hover .search-menu-label {
    padding-bottom: 5px;

}

.hk-search-bar .search-menu .search-hdr-txt {
    position: relative;
    float: left;
    font-size: 11px;
    top: 6px;
    left: 2px;
}

.hk-search-bar .search-cat-cont {
    display: none;
    position: absolute;
    z-index: 10;
    float: left;
    clear: both;
    left: -15.8%;
    border: 1px solid #c8c8c8;
    width: 124px;
    box-shadow: 0px 4px 20px #c8c8c8;
    top: 36px;
    padding: 10px 35px;
    background: white;
    list-style: none;
}

.hk-search-bar .search-cat-cont .search-item {
    position: relative;
    font-size: 13px;
    float: left;
    margin-bottom: 10px;
    clear: both;
    cursor: pointer;
}

.hk-search-bar .search-cat-cont .search-item .searchitem:hover {
    color: rgb(49, 118, 241);
    cursor: pointer;
}

#header .header-info {
    margin-bottom: 0px;
    padding-top: 0;
}

.logo {
    position: relative;
    top: 0!important;
}



.hk-search-bar .hk-search-box {
    border: 1px solid #bdbcbc;
    box-sizing:content-box;
}

.hdr-drop-down {
    margin-left: 0px;
}

.span2.sign-in-box {
    margin-top: 5px;
    width: 116px;
    margin-left: 30px;
}

.usr-name {
    max-width: 80px;
    line-height: 0.8em;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.cart-pop-container {
    /*margin-top: 6px;*/
    margin-left: 0;
    /*width: 85px;*/
    font-size: 0.9em;
    font-weight: 600;
    float: left;
    padding-right: 4px;
    display:table-cell;
    text-align: center;
}
.home-offers {
    position: absolute;
    height: 560px;
    top: 125px;
    right: 10px;
    /*  z-index: 999999999;*/
}

.h-offer-title {
    height: 45px;
    color: #fff;
    box-sizing: border-box;
    font-weight: 700;
    text-align: center;
    margin-bottom: 7px;
}

.h-image {
    height: 70px;
    width: 70px;
    margin-right: 5px;
}

.h-offer-tile {
    background-color: #fff;
    display: block;
    width: 135px;
    position: relative;
    padding-bottom: 0px;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    margin-bottom: 7px;
    max-height: 255px;
    overflow: hidden;
    border-radius: 2px;
}

.h-offer-tile:hover {
    box-shadow: 0 0 5px 0 #0092d7;
}

.h-tile-disc {
    position: absolute;
    font-size: 26px;
    font-weight: 700;
    top: 15px;
}

.h-off {
    position: absolute;
    top: 42px;
    font-size: 16px;
    font-weight: 600;
}

.h-price {
    position: absolute;
    top: 60px;
    font-size: 14px;
    color: #0b0;
    font-style: italic;
}

.gym-cont {
    width: 300px;
    float: left;
    padding-left: 20px;
}

.gym-card {
    display: block;
    margin-bottom: 15px;
    border-radius: 5px;
    position: relative
}

.gym-card .detail {
    padding: 0 10px 10px;
}

.gym-card .detail .name {
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.gym-card .detail .fees {
    position: absolute;
    left: 3px;
    top: 50%;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: rgba(0, 0, 0, .65);
    padding: 2px 8px
}

.gym-card .detail .fees .duration {
    color: #fff;
    font-size: 12px;
    text-align: center
}

.gym-card .detail .fees .amount {
    text-align: center;
    font-weight: 700;
    color: #fff;
    font-size: 18px
}

.gym-card .gym-img-cont {
    position: relative;
    padding-bottom: 67%
}

.gym-card .gym-img-cont .gym-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 5px;
}

.gym-card .gym-img-cont .gym-img img {
    height: 100%;
    width: auto;
    border-radius: 10px;
    padding-top: 5px
}

.gym-card .btn {
    padding: 5px 15px
}
.plr0 {
    padding-left:0px !important; padding-right:0px !important;
}
@media (max-width: 1250px) {
    .home-offers {
        display: none;
    }
}

.winner {
    border: 2px dashed #ED2728;
    border-radius: 5px;
    height: 225px;
    width: 145px;
    margin: 5px 0px;
    background-color: rgba(229, 221, 244, 0.35);
    text-align: center;
    color: black;
    font-family: Open Sans;
}

.winner p {
    padding-top: 5px;
}

.winner a {
    color: #ED2728;
}

/*.home-variant-container{*/
/*width:680px;*/
/*float: left;*/
/*display: inline-block;*/
/*margin-top:10px;*/
/*}*/
/*.home-articles-container{*/
/*width:240px;*/
/*margin-left:10px;*/
/*float: left;*/
/*display: inline-block;*/
/*}*/
/*.home-articles-container .article{*/
/*margin:10px 5px;*/
/*}*/

/* css for pagination section*/

.carousel-indicators.pagination {
    position: absolute;
    text-align: center;
    top: auto;
    left: 0px;
    right: 0px;
    width: 100%;
    bottom: 15px;
}

.carousel-indicators.pagination li {
    background-color: #f4f4f4;
    color: #000;
    width: 10px;
    height: 10px;
    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;
}

.carousel-indicators.pagination li:last-child {
    width: 10px;
    height: 10px;
}

.carousel-indicators.pagination .active, .carousel-indicators.pagination li:hover {
    color: #000;
    width: 10px;
    border-bottom: 0;
    height: 10px;
    background-color: #00BFBF;
}
.bnr-700-cnt .slot-one {
    height: auto;
    background-color: #f4f4f4;
}
.carousel .carousel-inner {
    background: #f4f4f4;
}
.icn-dwn-cs2 {
    margin-top: 15px;
}

.flyout-menu .menu-hdr .hdr-title {
    top: 10px;
}

/*.bnr-700-cnt .slot-one .carousel-inner {*/

    /*height: 300px;*/
/*}*/

.carousel-indicators {
    position: static;
}

.carousel-indicators li {
    background-color: #f4f4f4;
    color: #000;
    width: 232px;
    height: 45px;
    border-radius: 0;
    text-indent: 0;
    margin-left: 0;
    border-width: 1px 0 0 1px;
    /*border-color: #B9B9AF;;*/
    /*border-style: solid;*/
}

.carousel-indicators li:last-child {
    /*border-right: 1px solid #B9B9AF;*/
    width: 236px;
}

.carousel-indicators .active, .carousel-indicators li:hover {
    color: #000;
    border-bottom: 5px solid #00BFBF;
    height: 40px;
    background-color: #f4f4f4;
}

.carousel-indicators li p:last-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#header .header-info {
    margin-bottom: 15px !important;
}

#header {
    margin: 0 !important;
}
.topBanner .span12 {
    position: relative;
    margin: 0;
}

.flyout-menu .menu-hdr {
    height: 40px;
}
.thirdPartyDataList .ttl-cntnr {
    border-bottom: 0px;
    text-align: center;
}

.thirdPartyDataList .ttl-cntnr h2 {
    text-transform: capitalize;
}
/*Search menu css ends*/

/*header css ends*/


.border-right{
    border-right: 1px solid #d3d4d5;
    padding-right:10px;
    margin-right:10px;
}
.border-right-mr-5{
    border-right: 1px solid #d3d4d5;
    padding-right:10px;
    margin-right: 5px;

}
.border-left{
    border-left: 1px solid #d3d4d5;

    margin-left:10px;
}
.subscibe-mail-cntnr {
    text-align: center;
    float: right;
}

.subscibe-mail-cntnr .label-txt {
    font-size: 0.9em;
    margin: 25px 0 5px 20px;
}

.subscibe-mail-cntnr .span4 {
    max-height: 60px;
}

.subscibe-mail-cntnr .span4 .err-txt {
    text-align: left;
    margin-left: 8px;
}

.subscibe-mail-cntnr input[type="text"] {
    width: 190px;
}

/**page generic rules *End**/
/**page specific rules *Start**/

/** catalog page css integration starts**/


/*catalog, search, brand category tree highlighter*/
.selected-item{
    background: #E2E2E2;
    padding: 0 5px;
    width: 100%;
    margin-left: -5px;
    font-weight: 600;
}


/*for filter highlighter*/

.filter-hltr-section.active{
    z-index: 99999991;
    background: #fff;
    position: relative;
    padding-left: 10px;
    box-shadow: 0 0 10px 1px #D7D7D7;
    margin-left: -10px;
    border-radius: 10px;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin-right: -10px;
    padding-right: 10px;
}

.filter-hltr-overlay{
    background: #333;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    display: none;
    z-index: 9999999;
}

.hltr-text-cont{
    top: 0;
    position: absolute;
    left: 250px;
    font-size: 24px;
    color: #f6941d;
    display: none;
    z-index: 99999991;
    width: 350px;
}

.hltr-text-cont .hltr-text{
    text-align: center;
    margin-left: 30px;
    margin-bottom: 10px;
    line-height: 1.5em;

}

.span4.filter-border{
    box-shadow: 0px 0px 1px rgb(51, 51, 51);
    padding-left: 10px;
    width: 204px;
    margin-top:10px;
}



/*compare box container starts*/
#variantCompareGrid {
    /*float: none;*/
    /*margin: 40px auto;*/
    z-index: 10;
    /*background: #ffffff;*/
}

.cmpr-cont {
    border: 1px solid #d3d4d5;
    box-shadow: 0px 0px 25px #ccc;
    padding: 10px 0;
}

.cmpr-cont .cmpr-item-cont {
    width: 800px;
    overflow: hidden;
    float: left;
}

.cmpr-cont .icn-add-img {
    margin-top: 20px;
}

/*.cmpr-cont .cmpr-item-cont .cmpr-item:first-child{border-left: 0px;}*/
.cmpr-cont .cmpr-item-cont .cmpr-item {
    display: inline-block;
    float: left;
    height: 98px;
    width: 183px;
    margin: 4px 5px 0 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.cmpr-cont .cmpr-item-cont .cmpr-item .clear-cnt {
    width: 40px;
    float: right;
    height: 20px;
    font-size: 0.8em;
    margin-right: 55px;
    border: 1px solid #d3d4d5;
    padding: 0px 9px;
    cursor: pointer;
}

.cmpr-cont .cmpr-item-cont .icn-close1, .cmpr-cont .cmpr-btn-cntnr .icn-close1 {
    float: right;
    position: relative;
    cursor: pointer;
    top: 7px;
}

.cmpr-cont .cmpr-item-cont .img-cont {
    float: left;
    margin: 3px 0;
}

.cmpr-cont .cmpr-item-cont .varnt-title {
    font-size: 0.75em;
    /*height: 60px;*/
    overflow: hidden;
    text-align: left;
    width: 100px;
    line-height: 1.5em;
    text-overflow: ellipsis;
    margin: 5px 0;
}

.cmpr-cont .cmpr-item-cont .add-prdct {
    font-size: 0.9em;
    text-align: center;
    margin-top: 10px;
}

.cmpr-cont .cmpr-btn-cntnr {
    text-align: left;
    width: 125px;
    float: right;
    margin: 15px 0 0 810px;
    position: absolute;

}

.cmpr-cont .cmpr-btn-cntnr .cmpr-btn {
    line-height: 16px;
    margin-top: 10px;
    padding: 10px 0;
    width: 100px;
    text-decoration: none;
}

.cmpr-cont .cmpr-btn-cntnr .clear-cnt {
    width: 60px;
    float: right;
    height: 20px;
    font-size: 0.8em;
    margin-right: 35px;
    border: 1px solid #d3d4d5;
    padding: 0 7px;
    cursor: pointer;
    margin-top: 5px;
}

.cmpr-cont .icn-close2 {
    float: right;
    bottom: 10px;
    position: relative;
    left: 0;

}

/*compare box container ends*/
/*sorting css begins*/
.sort-cntnr {
    float: left;
    margin: 20px 0;
    width: 100%;
}

.pag-cntnr {
    border-top: 1px solid #d3d4d5;
    padding-top: 10px;
    margin-top: 10px;
    font-size: 0.9em;
}

.pag-cntnr .cont-lft select {
    font-family: "Open Sans";
    height: 22px;
    padding: 0px;
    margin: 0 0 0 5px;
    width: 180px;
}

/*sorting ends*/
/*variant box starts*/
.varnt-cont {
    width: 210px;
    border: 1px solid transparent;
    /*height: 370px;*/
    display: inline;
    box-sizing: border-box;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    /*margin-right: 10px;
  margin-bottom: 15px;*/
}

.cat-cont {
    width: 340px;
    border: 1px solid transparent;
    height: 370px;
    display: inline;
    box-sizing: border-box;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.cat-cont .cat-image{
    height: 200px;
    width: inherit;
    display: table-cell;
    vertical-align: middle;
}

.cat-image img{
    max-height: 200px;
    max-width: 320px;
}


#variantResultView .varnt-cont{
    /*margin-right:10px;*/
}

#recommendedBestSellerItems .carousel-varnt-cont,#similarProducts .carousel-varnt-cont,#similarProductsBought .carousel-varnt-cont{
    width: 150px;
    height: 275px;
    display: inline;
    float: left;
    margin-bottom: 15px;
    font-size: 0.9em;
    box-sizing: border-box;
    padding-left:5px;
    padding-right:5px;
    /*margin-left: 5px;*/
}

.rec-viewed-parent {
    border-top: 1px solid #d3d4d5;
    /*border-right: 1px solid #cccccc;*/
    border-bottom: 1px solid #d3d4d5;
    height: 290px;
}

.recmd-parent,.smlr-prdct-parent {
    /*border-top: 1px solid #cccccc;*/
    /*border-bottom: 1px solid #cccccc;*/
    height: 310px;
    /*padding-left: 15px;*/
}

/*.recmd-parent .nbs-flexisel-inner {*/
/*padding-left: 0;*/
/*}*/

/*#recentlyViewed {*/
/*width: 240px;*/
/*}*/

#recentlyViewed .carousel2-varnt-cont {
    height: 275px;
    display: inline;
    float: left;
    margin-bottom: 15px;
    font-size: 0.9em;
}

.rec-viewed-cont {
    float: left;
}

.rec-viewed-cont .viewed-img {
    width: 80px;
    float: left;
}

/*#recentlyViewed  .nbs-flexisel-inner {*/
/*margin-left: 10px;*/
/*padding-left: 0;*/
/*overflow: hidden;*/
/*}*/

.rec-viewed-cont .viewed-details {
    width: 145px;
    float: right;
}

.varnt-max-txt {
    overflow: hidden;
    display: block;
    max-height: 3.1em;
    margin-bottom: 5px;
}

.varnt-cont .offer-txt {
    position: absolute;
    display: inline-block;
    border: 1px solid #d3d4d5;
    background-color: #FBFF90;
    margin-bottom: 5px;
    padding: 4px;
    z-index: 2;

}

.varnt-cont .bst-prc-tag {
    color: #FFF;
    font-weight: 600;
    background-color: #689f38;
    position: absolute;
    margin-top: -25px;
    padding: 2px 8px;
    font-size: 14px;
    display: none;
}
.varnt-cont {
    position: relative;
}
.varnt-cont .gosf-tag {
    margin: 0;
    top: 110px;
    left: 0;
}

/*.varnt-cont:hover{
    box-shadow: 0px 0px 2px #ccc;

}*/

.product-img {
    display: inline-block;
    overflow: hidden;
    width: 200px;
    height: 200px;
    text-align: center;
}

.varnt-cont .varnt-title, .carousel-varnt-cont .varnt-title, .viewed-details .varnt-title, .cmr-item-info .varnt-title, .combo-itm .varnt-title{
    color: #535353;
    font-weight: 600;
}

.varnt-cont .varnt-title:hover, .carousel-varnt-cont .varnt-cont:hover, .viewed-details .varnt-title:hover, .cmr-item-info .varnt-title:hover, .combo-itm .varnt-title:hover {
    color: #00bfbf;
}

.varnt-cont .varnt-detail, .carousel-varnt-cont .varnt-detail, .viewed-details .varnt-detail, .cmr-item-info .varnt-detail , .combo-itm .varnt-detail{
    color: #aaa;
}

.varnt-cont .oos-cntnr {
    position: absolute;
    padding: 3px;
    border: 1px solid #d3d4d5;
    background-color: #FFF;
    color: #424242;
    margin-top: -100px;
    z-index: 1;
    display: block;
    width: 80px;
    margin-left: 50px;
    font-size: 0.9em;

}

.varnt-cont  .oos-cntnr.sz180 {
    margin-top: -100px;
}

.varnt-cont .varnt-detail .varnt-availble {
    font-size: 0.9em;
}

.varnt-cont .varnt-detail .final-price, .carousel-varnt-cont .varnt-detail .final-price, .viewed-details .varnt-detail .final-price, .cmr-item-info .varnt-detail .final-price, .combo-itm  .varnt-detail .final-price {
    color: #232323;
    font-size: 1.1em;
    border-top: 1px solid #d3d4d5;
    border-bottom: 1px solid #d3d4d5;
    margin-top: 5px;
    padding: 5px 0;
    font-weight: bold;
    font-family: "Open Sans";
    width: 75%
}

/*just to remove bottom border on combos*/
div.combo-itm  .varnt-detail .final-price{
    border-bottom: none;
}

.varnt-cont .varnt-cmpare {
    font-size: 0.9em;
    cursor: pointer;
    margin: 0;
    float: left;
    width: 100%;
    font-family: 'Open Sans';
    text-transform: uppercase;
}



.varnt-cont .varnt-cmpare input[type="checkbox"] {
    float: left;
}

.varnt-cont .vrnt-rtng {
    color: #ccc;
    font-size: 0.9em
}

.varnt-cont .varnt-cmpare p {
    float: left;
    margin: 2px 0 0 10px;
    color: #515151;
}

/*variant box ends*/

/*browse section starts*/
.brwse-cont {
    text-transform: uppercase;
    float: left;
    border-top: 1px solid #d3d4d5;
    padding: 10px 0;
    font-size: 1.1em;
    font-weight: 700;
    width: 190px;
}

.brwse-cont span, .clr-brands {
    padding: 2px;
    text-align: right;
    color: #969696;
    font-size: 0.8em;
    cursor: pointer;
    text-transform: capitalize;
    float: right;
}

.applicable-offers .brwse-cont{
    border-top: none;
    color: #333;
}

/*browse section ends*/

/*filter box css starts*/
.scrollCategoryFilter {
    overflow: auto;
    max-height: 240px;
}
.scrollCategoryFilter .cat-lbl{
    display:inline-block;
    width:82%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.fltr-box-cont {
    /*float: left;*/
    width: 190px;
    color: #898989;
    border-top: 1px solid #d3d4d5;
    padding-top: 10px;

}

.fltr-box-cont ul {
    list-style: none;
}

.fltr-box-cont ul li a.sc-cat-nm {
    text-transform: uppercase;
    font-weight: 600;
    display: inline-block;
    line-height: 1em;
}

.fltr-box-cont ul ul {
    margin-left: 5px;
}

.fltr-box-cont ul ul li {
    padding: 2px 0 0 10px;
}

.fltr-box-cont ul li a {
    font-weight: 400;
    font-size: 0.9em;
    text-transform: capitalize;
}
.fltr-box-cont .fltr-seperator {
    margin: 2px 0;
    border-bottom: 1px dotted #d3d4d5;
}
#accordion ul {
    max-height: 190px;
    overflow: auto;
    margin-top: 0;
    padding-top: 0;
}

.brand-ctgry ul {
    margin-top: 0;
    padding-top: 0;
}

.alpha-box {
    width: 20px;
    border: 1px solid #d3d4d5;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

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

.nav-alpha-box {
    box-shadow: 0px 0px 2px #ccc;
    display: inline-block;
    margin: 0px auto;
    padding: 10px;
    margin-top: 5px;
}

.fltr-box-cont .hdr1 {
    height: 30px;
    padding: 0;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 700;
    border-bottom: 1px solid #d3d4d5;
    color: #333;
}

.fltr-box-cont .hdr2 {
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
}

.fltr-box-cont .hdr1 span {
    float: right;
    margin-right: 15px;
    position: relative;
    bottom: 5px;
}

.fltr-box-cont .head-sec {
    text-align: left;
    vertical-align: middle;
}

.fltr-box-cont .fltr-items, .fltr-box-cont .fltr-menu {
    margin: 15px 0 15px 0;
    padding-top: 0;
}

.fltr-items li input, .fltr-items li span, .fltr-items li .fnt-sz10, .fltr-items li .fltr-value {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
    height: 1.35em;
    vertical-align: baseline;
    margin: 0px;
}

.fltr-items li .fnt-sz10, .fltr-items li .fltr-value {
    width: 71%;
    line-height: 1.4em;
    font-size: 1em;
    color: #707070;
}


/*offer css starts  : overriding previous rules*/

.offer-filter.fltr-items li input,
.offer-filter.fltr-items li span,
.offer-filter.fltr-items li .fnt-sz10,
.offer-filter.fltr-items li .fltr-value {
    overflow: visible;
    white-space: normal;
    height: auto;
    vertical-align: top;
    word-wrap: break-word;
}

.offer-filter.fltr-items li .fnt-sz10,
.offer-filter.fltr-items li .fltr-value {
    width: 90%;
    word-wrap: break-word;
}

.offer-filter .offer-item{
    margin-bottom: 5px;
}

/*offer css ends*/


.fltr-items a{
    cursor: pointer;
}
.fltr-items a.inactive, .fltr-items a.inactive input, .fltr-items a.inactive .fltr-value{
    cursor: auto;
    color:#bdbebf;
}
.fltr-box-cont .fltr-inpt-box {
    width: 100%;
    margin: 10px 0;
    /*  float: left;
    padding: 0 10px;*/
}

.fltr-box-cont .fltr-inpt-box input[type="text"] {
    padding: 5px;
    width: 160px;
    border: 1px solid #ccc;
    border-radius: 0;
}

.fltr-box-cont .fltr-inpt-box span {
    right: 30px;
}

/**filter box css ends**/

/*chrome scroll*/
.scroll::-webkit-scrollbar {
    width: 11px;
    -webkit-appearance: none;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #fff;
    opacity: .5;
    background: #AAA;
}

/*chrome scroll ends*/

/** filter-box css begins **/

.filter-itms-cntnr {
    min-height: 1.5em;
}

.filter-label {
    font-weight: 600;
    white-space: nowrap;
    display: inline-block;
    margin-right: 5px;
    font-size: 0.9em;
    margin-bottom: 5px;
}

.filter-box {
    border: 1px solid #d3d4d5;
    margin-right: 3px;
    margin-bottom: 5px;
    padding: 3px;
    font-size: 0.8em;
    line-height: 1em;
    white-space: nowrap;
    display: inline-block;
    text-transform: capitalize;
}

.filter-box .icn-close1 {
    width: 12px;
    height: 10px;
    background-image: url(../images/close.png);
    background-color: #eee;
}

.brandFilterSpan {

}

/** filter-box css ends **/

/** catalog page css integration ends**/

/** category page css starts **/
#flexiCarousel0 {
    width: 98%;
    overflow: hidden;
}

/** category page css ends **/
/** compare variant page css integration begins**/

.cmpre-floating-tbl {
    background-color: #fff;
    border-width: 1px 0 5px 0;
    border-style: solid;
    border-color: #c8c8c8 #ffffff #1EBCBD #ffffff;
    width: 940px;
}

.cmpre-floating-tbl tr:first-child td {
    padding-top: 10px;
}

.cmpre-floating-tbl tr:last-child td {
    padding-bottom: 10px;
}

.add-varnt-cont {
    width: 100%;
}

.add-varnt-cont .add-varnt {
    margin: 0 auto 10px auto;
}

.cmpre-varnts-tbl {
    margin: 20px 0 30px 0;
}

.cmpre-varnts-tbl th {
    width: 168px;
    padding: 0 10px;
    vertical-align: top;

}

.cmpre-floating-tbl td:last-child {
    border-right: 0;
}

.cmpre-floating-tbl td {
    width: 168px;
    padding: 0 10px;
    border-right: 1px solid #d3d4d5;
    vertical-align: top;
}

.cmpre-varnts-tbl td {
    width: 168px;
    padding: 5px 10px;
}

.cmpre-varnts-tbl th.head-items {
    border-left: 1px solid #d3d4d5;
    /*padding: 0 0 15px 15px ;*/
}

.cmpre-varnts-tbl th.head-items.last {
    border-right: 1px solid #d3d4d5;
}

.cmpre-varnts-tbl tr td:first-child {
    border-left: 0;
}

/*.cmpre-varnts-tbl tr.varnt-specs-tr:hover {
    background: #d9d9d9;
}*/

.cmpre-varnts-tbl tr td:last-child {
    border-right: 0;
}

.cmpre-varnts-tbl .varnt-title, .cmpre-floating-tbl .varnt-title {
    text-align: left;
}

.cmpre-varnts-tbl .specs-hdr-tr {
    background: #f4f4f4;
}

.cmpre-varnts-tbl .specs-hdr-tr {
    padding: 10px;
}
.cmpre-varnts-tbl .varnt-specs-tr {
    border-bottom: 1px solid #d3d4d5;
}

.cmpre-varnts-tbl .varnt-title .price, .cmpre-floating-tbl .varnt-title .price {
    color: #25292b;
    font-weight: 700;
}

.add-varnt-parmtr .varnt-selct {
    width: 100px;
    border: 1px solid #d3d4d5;
    padding: 5px;

}

.cmpre-varnts-tbl thead tr:last-child th {
    padding-bottom: 10px !important;
}

.cmpre-varnts-tbl td.varnt-hdr {
    padding: 5px 5px 35px 5px;
    width: 190px;
}

.cmpre-varnts-tbl tbody tr.first-tr {
    border-top: 5px solid #1EBCBD;
}

.cmpre-varnts-tbl th.last-cell {
    vertical-align: bottom;
    text-align: left;
    padding: 0 0 15px 15px;
    border-right: 1px solid #d3d4d5;
}

.cmpre-varnts-tbl th:last-child {
    border-right: 1px solid #ffffff !important;
}

.cmpre-varnts-tbl th.last-cell.end {
    border-right: 1px solid #ffffff;
}

.cmpre-varnts-tbl td.varnt-price {
    color: #005000;
    font-weight: bold;
    font-size: 1.10em;
}

.cmpre-varnts-tbl .remove-varnt {
    float: right;
    position: relative;
    bottom: 5px;
}


.cmpre-varnts-tbl
.right-tick {
    background: url("../../assets/images/review/right-tick2.png") no-repeat;
    background-position: 0px 0px;
    width: 34px;
    height: 18px;
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 10px;
    background-size: contain;
    position: absolute;
    z-index: 1;
}
.cmpre-varnts-tbl .pst-relative {
    position:relative;
}
#cmpre-floating-hdr {
    z-index: 2;
}
.compare-section .product-section {
    backgrond-color: #fff;
}


.cmpre-floating-tbl .remove-varnt {
    float: right;
    position: relative;
    bottom: 10px;
    /*left: 10px;*/
}

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

.cmpre-varnts-tbl .empty-row {
    padding: 12px 0px;
}

.cmpre-varnts-tbl .border-td {
    border-right: 1px solid #d3d4d5;
    border-left: 1px solid #d3d4d5;
    /*padding: 10px 15px;*/

}

.cmpre-varnts-tbl .btm-brdr {
    border-bottom: 1px solid #d3d4d5;
}

.cmpre-varnts-tbl .top-brdr {
    border-top: 1px solid #d3d4d5;
}

.cmpre-varnts-tbl .bg-gray {
    background: #fff;
}

.fallbck-lbl-txt {
    margin-top: -40px;
    background: #fff;
    opacity: 0.8;
    color: #555;
    width: 100%;
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
}

.auto-cmpr-cont {
    padding: 10px 0;
}

.auto-cmpr-cont .cmr-item-info {
    width: 130px;
    margin-left: 10px;
    float: right;
    font-size: 0.9em;
}
.combo-itm {
    font-size: 0.9em;
}




.rtng-cat:hover {
    background: #F1F5C5;
}

/** compare variant page css integration ends**/

/** variant page css integration starts**/

.chk-pin{
    background: #f9f9f9;
    font-size: 0.9em;
    color: #333333;
    padding: 8px 0px;
    margin:0;
}
.chk-pin label{
    margin-right: 4px;
}
.chk-pin .lrge-input-field{
    width:150px;margin-bottom: 0;
}

.chk-pin .btn{margin-left: -5px;
    padding: 4px 10px;
    border: 1px solid #ffc509;
    font-weight:700;
    width: 65px;
    background-color: #ffc509;
    color: #000;
}
.chk-pin label{
    width: 322px;
}
.chk-pin .delivery-options {
    margin-right:-5px;
    margin-top:15px;
}

.chk-pin .pincode-container {
    padding-left:30px;
    border-left:1px solid #aaaaaa;
}
.pincode-container img{
    width: 18px;
    height: 18px;
}
.chng-pin{
    background-color: #f9f9f9;
    padding: 8px 5px 8px 20px;;
}
.chng-pin .nt-avail-cntnr{
    width: 300px;
}
.chng-pin .del-cntnr{
    width:210px;
}
.chng-pin .del-cntnr img{
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.chng-pin .link{
    text-decoration: underline;
    color: #1EBCBD;
    cursor: pointer;
    margin-left: 5px;
}
.pin-err{
    margin-left: 330px;
    bottom: 0;
}
/*.speakToNutritionBtn {*/
/*margin-top:10px;*/
/*text-transform:capitalize;*/
/*cursor: pointer;*/
/*font-size: 0.8em;*/
/*}*/
.cntnt {
    position: relative;
    float: left;
}

.btn2 {
    padding: 11px;
    border-radius: 2px;
    width: 131px;
    font-size: 16px;
    cursor: pointer;
}

.attr-val {
    border-color: #1EBCBD !important;
    box-shadow: 0px 0px 3px #1EBCBD !important;
    font-weight: 700;
}

.attr span {
    margin-left: 10px;
    color: #00bfbf;
}

.sucss-txt {
    color: #090;
    font-size: 1.9em;
}

.sucss-txt-small {
    color: #1EBCBD;
    font-size: 0.9em;
}

.see-more, .collapse {
    margin: 5px 50px 10px 0;
    float: right;
    text-decoration: underline;
    cursor: pointer;
    min-height: 20px;
}

.see-more:hover, .collapse:hover {
    text-decoration: none;
    color: #0083C7;
}

.hd-cntnr {
}

.hd-cntnr .prdct-desc {
}

#productReviews .ttl {
}

#productReviews .unme {
}

#productReviews .rev-date {
}

.tabular-details {
}

.tabular-details thead {
    border: 1px dashed #444;
    border-left: 0px;
    border-right: 0px;

}

.tabular-details tbody td:FIRST-CHILD {
    width: 150px;
    padding-right: 30px;
}

.offer-box {
    border: 1px dashed #ccc;
    padding: 5px;
    font-size: 0.9em;
    width: 260px;
}

#variant-page .sqr-lst {
    font-size: 14px;
}

#variant-page  .sqr-lst li {
    padding-bottom: 5px;
    line-height: 1.35em;
}

.vds strong {
    font-weight: 600;
    color: #333;
}

.vds {
    font-size: 0.95em
}

.vds h1, .vds h2, .vds h3, .vds h4 {
    line-height: inherit;
}

.vds h3, .vds h4 {
    font-weight: 600;
    font-size: 1.2em;
    margin-top: 12px;

}

.vds h4 {
    font-size: 1.1em;
}

.vds p, .vds div {
    margin-bottom: 10px;
}

/*for description feedback container*/

.vds div.desc-cntnr{
    /*margin-top: -20px;*/
    margin-bottom: 35px;
}
.vds table {
    border-collapse: collapse;
    border: 1px solid #d3d4d5;
    margin-top: 30px;
    margin-bottom: 20px;
}

.vds table.nutrition {
    font-size: 0.85em;
    width: 60%;
}

.vds table > caption {
    text-align: left;
    line-height: 2.5em;
    font-size: 1.15em;
}

.vds table th {
    background-color: #f4f4f4;
    font-weight: 600;
    padding: 2px 8px;
    border-right: 1px solid #d3d4d5;
    text-align: left
}

.vds table tr {
    border-bottom: 1px solid #d3d4d5;
}



.vds table td {
    color: #333;
    padding: 1px 8px;
    border-right: 1px solid #d3d4d5;
}

.vds ul, .vds ol {
    padding-left: 20px;
    margin-bottom: 10px;
    /*color:#777;*/
}

.vds ul {
    list-style-type: square;
}

.vds ul li, .vds ol li {
    margin-bottom: 2px;
}

#variant-page .offerbox {
    border: 2px solid #d3d4d5;
    /*
  background: #fad42e;
*/
    margin: 10px 0px 10px;
    font-size: 1em;
    /*
  width: 350px;
*/
    vertical-align: middle;
}

.offerbox .offer-txt {
    background: #fad42e;
    display: table-cell;
    padding: 8px 10px;
    vertical-align: middle;
}
.offerbox .freebie-cntnr{
    /* width: 288px;*/
    display: table-cell;
    vertical-align: middle;
    background: #fff;
}


.offerbox .offer-detail {
    padding: 5px;
    padding-left: 10px;
    padding-bottom: 10px;
}

.offerbox .freebie-txt {
    font-size: 0.8em;
    font-weight: 600;
    display: inline-block;
    margin: 0px 5px;
    line-height: 1.3em;

}

#variant-page #gallery_01 {
    list-style: none;
}

#gallery_01 li {
    float: left;
    margin-bottom: 4px;
}

.btn.btn-gray.speakToNutritionBtn {
    width: 240px;
}

#variantVideoCont iframe {
    display: block;
    margin: 20px auto;
}

#autoCmpreCont  .ttl-cntnr, #variantCombos .ttl-cntnr{
    text-align: left;
}
.tag-cntnr-80 {
    position: relative;
    bottom: 80px;
    float: left;
}

.tag-cntnr-50 {
    position: relative;
    bottom: 50px;
    float: left;
}

.tag-cntnr-35 {
    position: relative;
    bottom: 35px;
    float: left;
}

.vrnt-emi-cntnr{
    width: 574px;
    text-align: center;
    position: absolute;
    top: 280px;
    right: 467px;
    background: #FFF;
    padding: 5px;
}

.vrnt-emi-table{
    border: 1px solid #d3d4d5;
}

.vrnt-emi-table th, .vrnt-emi-table td{
    border: 1px solid #d3d4d5;
    padding: 5px;
}

.vrnt-emi-table th{
    background-color: #f4f4f4;
}

.vrnt-emi-table tr:nth-child(even){
    background-color: #fff;
}

/** variant page css integration ends**/


/**Write  a Review css begins**/
.rtng-count {
    width: 15px;
}

#write-review-form {
    border-collapse: separate;
    border-spacing: 0 2px;
    width: 100%;
}

.review-txt-contnr textarea {
    padding: 4px;
    height: 150px;
    font-size: 13px;
    width: 95%;
    border: 1px solid #d3d4d5;
    overflow: auto;
    resize: none;
}

.review-ttle {
    width: 95%;
    padding: 3px;
    font-size: 13px;
    border: 1px solid #d3d4d5;
}

.rev-cntnr .span10 {
    min-height: 50px;
}
.rev-cntnr .form-field {
    /*background: #fbf7f8;*/
    /*padding: 15px 0 15px 10px;*/
    margin-bottom: 10px;
}

.rvw-box {
    position: static;
    margin: 20px 0 10px 20px;
    box-shadow: none;
    border: none;
    padding: 5px;
    background: #fff;
}
/**Write  a Review css ends**/

/** shipping address css begins **/

.selct-add-section {
    /*border-right: 1px dashed #cccccc;*/
}

.selct-add-section .usr-add-cntnr {
    padding: 10px;
    /*border: 1px solid #cccccc;*/
    margin-top: 15px;
    cursor: pointer;
}

.selct-add-section .usr-add-cntnr:hover {

    /*box-shadow: 0px 0px 20px #ccc;*/
}

.selct-add-section .adresss-usr-name {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    height: 2.6em;
    overflow: hidden;
}

.selct-add-section .addr-cntnr {
    overflow-y: auto;
    height: 130px;
    overflow-x: hidden;
    margin-bottom: 10px;
}

.selct-add-section .usr-add-cntnr .usr-add {
    /* float: left;*/

}

.selct-add-section .usr-add-cntnr .usr-add p {
    max-width: 290px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.selct-add-section .usr-add-cntnr .add-action-cntnr {
    margin-top: 20px;
}


.new-add-cntnr input[type="text"].lrge-input-field, .new-add-cntnr textarea {
    width: 100%;
}

.new-add-cntnr textarea {
    height: 50px;
}

.new-add-cntnr input[type="text"] {
    width: 100%;
    border-radius: 0;
}

.new-add-cntnr select {
    width: 100%;
    border-radius: 0;
}

.new-add-cntnr .cntct-no-alrt {
    margin-bottom: 20px;
    font-size: 0.9em;
    font-weight: 600;
    color: #1EBCBD;

}

.new-add-cntnr .span3 {
    max-height: 90px;
}

.new-add-sectn {
    /* padding: 30px 0 0 0px;*/
}

.new-add-cntnr #addAddressForUser {
    width: 100%;
    /*padding: 5px 20px;*/
}

/** shipping address css ends **/

/** account password css begins **/

.new-pwd-cntnr .span8 {
    max-height: 55px;
}

/** account password css ends **/

/** account profile css begins **/

.new-pfl-cntnr .span8 {
    max-height: 55px;
}

/** account profile css ends **/

/*account order/reorder css begins*/
.accnt-order-tbl, .full-width {
    width: 100%;
}

.accnt-order-tbl th.tbl-title {
    border-top: 1px solid #d3d4d5;
    border-bottom: 1px solid #d3d4d5;
    padding: 10px 5px;
    font-weight: 600;
    font-size: 0.9em;
}

.accnt-order-tbl thead th, .accnt-order-tbl tbody td {
    text-align: left;
}

.accnt-order-tbl td {
    vertical-align: top;
    padding: 5px;
}

/*.accnt-order-tbl td .span5 {

  margin-bottom: 15px;
}*/

.accnt-order-tbl td .img-box {
    border: 1px solid #d3d4d5;
}

.accnt-order-tbl td .icn-plus {
    position: relative;
    left: 30px;
}

.accnt-order-tbl td.price, .accnt-order-tbl td.buy-cntnr {
    vertical-align: top;;
}
/*account order/reorder css ends*/
/*my order history page css starts*/
div.order-page {
    min-height:300px;
}

.hk-collapse-hdr {
    background-color: #f4f4f4;
    padding:12px 12px;
    margin: 15px 0px;
    border:1px solid #d3d4d5;
    border-radius:3px;
    box-sizing:border-box;
}

.hk-collapse-content {
    border: 1px solid #d3d4d5;
    margin: 15px 0px;
}
.hk-collapse.open .hk-collapse-content,
.hk-collapse .hk-collapse-hdr{
    display:block;
}
.hk-collapse.open .hk-collapse-hdr,
.hk-collapse .hk-collapse-content{
    display:none;
}

.order-detail-hdr {
    background: none repeat scroll 0 0 #f8f8f8;
    border-bottom: 1px solid #d3d4d5;
    padding: 8px 12px;
}
.order-detail-body {
    position:relative;
    background: #FFFFFF;
    -webkit-transition: background 2s;
    -moz-transition: background 2s;
    -ms-transition: background 2s;
    -o-transition: background 2s;
    transition: background 2s;
}
.order-detail-body .cancel-items {
    position: relative;
}
.order-detail-body .order-flag{
    border-top: 1px solid #d3d4d5;
    margin-top: 10px;
}
.order-detail-body .order-flag span{
    background-color: #fafafa;
    border-radius: 0 0 3px 3px;
    padding: 0 5px;
    border: 1px solid #d3d4d5;
}
.order-detail-body .order-flag.cancel {
    margin-bottom: 10px;
}

.order-detail-body .action-col {
    position:absolute;
    top:0;
    bottom:0;
    right:0;
}
.order-action{
    right:30px;
    top:35%;
    position:absolute;
    padding: 3px 12px;
    border-radius:2px;
}
.return-btn-col {
    position: relative;
}
.return-btn{
    position: absolute;
    top: 121px;
    right: -30px;
    width: 87px;
    background-color: #0092d7;
    color: #FFFFFF;
}
.load-more-orders.no-more-orders .no-orders,
.load-more-orders .more-orders{
    display: inline-block;
}
.load-more-orders .no-orders,
.load-more-orders.no-more-orders .more-orders{
    display: none;
}

/* cancel/refund modal styles */
.cancel-return-form *{
    box-sizing: border-box;
}
.cancel-return-form .cancel-return-sprite {
    background: url("../../assets/images/ic_cancelreturn.png") no-repeat;
    height:25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;

}
.cancel-return-sprite.icon-warning {
    background-position: -8px -5px;
    background-size: 40px;
}
.cancel-return-sprite.icon-cashback {
    background-position: -8px -35px;
    background-size: 40px;
}
.cancel-return-sprite.lg {
    width: 35px;
    height: 35px;
}
.cancel-return-sprite.icon-pickup-available {
    background-position: -8px -85px;
}
.cancel-return-sprite.icon-pickup-address {
    background-position: -8px -120px;
}

.cancel-return-form .order-detail.cancel-order {
    border-right: 1px solid #cccccc;
    height: 350px;
    overflow-y: auto;
    padding: 5px;
}
.cancel-return-form .order-detail .detail-header {
    border-bottom: 1px solid #cccccc;
}
.cancel-return-form .refund-type {
    min-height: 170px;
}
.cancel-return-form .refund-type .reward-info,
.cancel-return-form .refund-type .bank-info{
    display: none;
}
.cancel-return-form .refund-type-radio {
    margin-top:-3px;
}
.cancel-return-form .img-container {
    display:table;
    margin-left: auto;
    margin-right: auto;
}
.cancel-return-form .img-box-150 {
    width:150px;
}
.cancel-return-form .form-container {
    padding:5px;
}
.cancel-return-form .return.form-container {
    border-left:1px solid #dddddd;
    min-height: 450px;
}
.cancel-return-form .refund-detail {
    border-top:1px solid #eeeeee;
    padding-top:5px;
}
.cancel-return-form .steps .step-form {
    min-height:300px;
}
.cancel-return-form .steps.step-one .step-form {
    min-height:400px;
}
.cancel-return-form .return-success {
    min-height: 400px;
    padding: 10px;
}
.cancel-return-form .success-icon {
    padding: 4px 10px;
    border: 2px solid #22b573;
    color: #22b573;
    border-radius:16px;
}
.cancel-return-form .info-icon {
    padding: 4px 10px;
    border: 2px solid #ffc929;
    color: #ffc929;
    border-radius:16px;
}


/*my order history page css ends*/
/** contact details css begins **/

.cntct-det-cntnr .span4 {
    max-height: 85px;
}

.mand-aster {
    color: #cc0000;
}

/** contact details css ends **/

/** make payment page css begins **/

.pmt-status-cntnr {
    width: 778px;
    margin: 50px auto;
    border: 1px solid #ff0000;
    padding: 20px;
}

.pmt-status-cntnr .icn-holder {
    width: 45px;
    display: inline-block;
    vertical-align: top;
    margin-top: 18px;

}

.pmt-status-cntnr .warning-txt-cntnr {
    width: 680px;
    display: inline-block;
    margin-left: 40px;
    margin-top: 12px;
}

.pmt-status-cntnr h2 {
    color: #ff0000;
    text-align: center;
    font-weight: 600;
}

#v-nav {
    height: 100%;

}

/*#v-nav form {*/
/*display: inline-block;*/
/*}*/

#v-nav ul#nav {
    float: left;
    width: 100%;
    display: inline;
    padding: 0;
}

#v-nav ul#nav >li {
    /*width: 130px;*/
    list-style-type: none;
    display: block;
    font-size: 0.9em;
    position: relative;
    margin: auto;
    padding: 10px 15px;
    /*text-transform: uppercase;*/
    cursor: pointer;
}

#v-nav ul#nav >li:hover {
    color: #1a485b;
}

/*#v-nav >div.tab-content {*/
/*border-width: 0 0 0 1px;*/
/*border-style: solid;*/
/*border-color: #ddd;*/
/*background-color: #FFF;*/
/*min-height: 400px;*/
/*position: relative;*/
/*z-index: 9;*/
/*padding: 12px;*/
/*display: none;*/
/*padding: 25px;*/
/*}*/

#v-nav ul#nav >li.current {
    color: #1a4f69;
    border-right: none;
    z-index: 10;
    background: #ffffff;
    position: relative;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #dddddd #ffffff #dddddd #dddddd;
    box-shadow: -4px 1px 4px #ccc;
}

.tab-content {
    border-left: 1px solid #ddd;
    display: inline-block;
}

.tab-content .tabs {
    min-height: 300px;
    padding: 20px 0 20px 20px;
}

.tab-content .tabs .tab-inner-cont {
    width: 400px;
    float: left;
}

.tab-content .tabs .tab-inner-cont .pmt-provider {
    margin-right: 30px;
    /*max-width: 140px;*/
    height: 50px;
    margin-bottom: 15px;
}

.tab-content .tabs .tab-inner-cont .pmt-provider .priorIssuer {
    /*    bottom: 27px;
      position: relative;*/
}

.tab-content .tabs .tab-inner-cont .other-issuer-cont {
    margin-right: 10px;
    width: 120px;
    height: 35px;
    font-size: 0.8em;
}

.tab-content .tabs .tab-inner-cont .other-issuer-cont .othIssuer {
    width: 87px;
    display: block;
    margin-top: 10px;
}

.cntnr-border {
    display: block;
    width: 50px;
    border-top: 1px solid #ddd;
    position: relative;
    left: 160px;
}

.cntct-det-cntnr {
    min-height: 360px;
}

/** make payment page css ends   **/

/** order success page css begins   **/
.packs {
    padding: 20px 0;
    /*border-bottom: 1px solid #cccccc;*/
}

.packs:last-child {
    border-bottom: none;
}
.shipping-add-cntnr {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-left: 20px;
    min-height: 160px;
}

.loyalty-cntnr {
    width: 520px;
    margin: 0 auto;
}

.loyalty-cntnr .loyalty-text {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;

}

.order-hdr-cntnr {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.order-smry-cntnr {
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}

.order-hdr-cntnr .span1 {
    padding: 0 10px;
}

.order-smry-cntnr .span1 {

}

/** order success page css ends   **/

/** Account Page css begins **/
.my-acnt-ht {
    min-height: 500px;
}

.faq-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 {
    border-right: 1px solid #c8c8c8;
    text-align: left;
    position: relative;
    list-style: none;
    text-transform: capitalize;
    color:#999;
    font-weight: bold;
}
.nav-box {
    border: 1px solid #c8c8c8;
    text-align: left;
    box-shadow: 0px 0px 20px #ccc;
    /*position: relative;*/
    list-style: none;
    text-transform: capitalize;
    width: 175px;
    background: #fff;
}

.accnt-nav-box li, .faq-nav-box li {
    padding: 10px 15px;
}

.nav-box li.menu-head {
    padding: 10px 15px;
    background: #00bfbf;
    color: #ffffff;
}

.nav-box li.menu-options a span {
    float: right;
}

.accnt-nav-box li:hover, .faq-nav-box li:hover, .nav-box li.menu-options:hover {
    background: #e6e6e6;
    color: #00bfbf;
}

.accnt-nav-box li.selected, .accnt-nav-box li a.selected-cat, .faq-nav-box li.selected, .faq-nav-box li a.selected-cat, .nav-box li.menu-options.active, .nav-box li.menu-options.active a, .faq-nav-box li.active, .faq-nav-box li.active a {
    color: #00bfbf;
    font-weight: bold;
}

.accnt-nav-box li.selected a, .faq-nav-box li.selected a, .nav-box li.menu-options.selected a {
    color: #00bfbf;
    font-weight: bold;
}

.accnt-nav-box li:hover > a, .nav-box li.menu-options:hover > a {
    color: #00bfbf;
}

.faq-nav-box li:hover > a {
    color: #00bfbf;
    background: #e6e6e6;
}

.accnt-nav-box li a {
    display: inline-block;
    width: 175px;
}

.nav-box li a {
    display: inline-block;
    width: 145px;
    padding: 10px 15px;
}

.faq-nav-box li a {
    display: inline-block;
    width: 180px;
}

.acnt-details label, .acnt-details span.label-txt, .pwd-cont label, .pwd-cont span.label-txt, .edit-mail-cont label, .edit-mail-cont span.label-txt {
    display: inline-block;
    width: 125px;
    float: left;
    font-size: 0.9em;
}

.acnt-details .date-widget-cont {
    display: inline-block;
    margin-left: 20px;
}

.acnt-details .date-widget-cont .date-widget {
    display: inline-block;
    width: 100px;
    float: left;
}

.acnt-details .date-widget-cont .date-widget label {
    display: inline-block;
    width: 30px;

}

.acnt-details .date-widget-cont .date-widget select {
    display: inline-block;
    width: 75px;
    margin-left: 0;

}

.edit-mail-cont p.email-note {
    /*float: right;*/
    width: 250px;
    font-size: 12px;
    color: #1EBCBD;
}

.acnt-details input[type="text"], .acnt-details input[type="password"], .edit-mail-cont input[type="text"], .pwd-cont input[type="text"], .pwd-cont input[type="password"] {
    display: inline-block;
    border-radius: 0;
    font-size: 0.9em;
}

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

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

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

.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: 35%;
}
.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: #25292b;
}
.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: #7c7f80;
  top: -1rem;
  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 {
  margin-bottom: 0.2rem;
}
.radio .helper {
  position: absolute;
  top: -0.25rem;
  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: #00bfbf;
}
.radio input:checked ~ .helper::after {
  transform: scale(0.5);
  -webkit-transform: scale(0.5);
}
.radio input:checked ~ .helper::before {
  color: #00bfbf;
}

.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: #00bfbf;
}
.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: #00bfbf;
  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: -webkit-translate(-50%, -50%) scale(1);
  opacity: 0;
}
.button:focus {
  outline: none;
}
.proceedButton {
    width: 23%;
    margin-bottom: 0px;
    margin-top:0px;
    /*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;
}
.proceedText {
    display: inline-block;
    margin-right: 10px;
    width: 75%;
    font-size: 16px;
}
.proceedClass {
    clear: both;
    border: 1px solid #c8c8c8;
}
.verMessage {
    position: absolute;
    float: right;
    left: 32%;
    top: 5px;
}
.notVerified {
    color: red;
    left:24%
}
.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: smaller;
    position: relative;
    top: 5px;
}
.heightLabel {
    position: absolute;
    bottom: 0px;
    left: 35%;
}
.inlineWidth {
    display: inline-block!important;
    width: 40%;
}
.errorMessageClass {
    position: relative;
    clear: both;
    float: left;
    display: none;
    color: red;
}
.checkedRadio {
    color: #00bfbf !important;
}
.updateButtonClass {
    background: #fff;
    text-align: center;
    padding-bottom: 5px;
    margin-top: 10px;
}
.resendOTPDiv {
    margin-top: 10px;
}
.banner-app-download{
    position: relative;
}
.banner-app-download a{
    position: absolute;
    width: 109px;
    height: 29px;
border-radius: 31px;
z-index: 1;
opacity: 0;
}
.banner-app-download a.android-app-icon{     left: 13px;
    top: 82px;}
    .banner-app-download a.ios-app-icon{
        left: 13px;
        top: 124px;
    }
/*Akshit Changes*/

.pwd-cont span.email-txt, .edit-mail-cont span.email-txt {
    display: inline-block;
    width: 200px;
    border-radius: 0;
    font-weight: 600;
    font-size: 0.9em;

}

.acnt-details select {
    display: inline-block;
    width: 275px;
    border-radius: 0;
    font-size: 0.85em;

}

.acnt-details .btn-blue, .edit-mail-cont .btn-blue, .pwd-cont .btn-blue {
    margin: 20px 14px 0 0;
    float: right;
    margin-right: 40px;
}

.address-cntnr {
    padding: 10px;
    height: 220px;
    margin-bottom: 20px;
    /*
      border: 1px solid #c8c8c8;
  */
}

.address-cntnr:hover {
    padding: 10px;
    box-shadow: 0 0 10px #ccc;
}

.address-cntnr .address-action-cntnr {
    padding: 10px 0;

}

.address-cntnr .usr-add .add-cntnr {
    overflow-y: auto;
    max-height: 170px;
    overflow-x: hidden;
}

.address-cntnr .address-action-cntnr a, .address-cntnr .address-action-cntnr span {
    color: #1a4f69;
    cursor: pointer;
}

.reward-tbl {
    border-top: 5px solid #00bfbf;
    margin-top: 20px;
    margin-bottom: 30px;
}

.table.reward-tbl > thead > tr {
    background-color: #fff;
}

.load-more-cntnr {
    text-align: center;
}

.load-more-cntnr #loadMore {
    display: inline-block;
}

.lp-dob p.err-txt{
    display: none;
}

/** Account page css ends **/

/*FAQ page css begins*/

.faq-question {
    background: #f4f4f4;
    color: #00bfbf;
    padding: 5px 5px;
    font-size: 0.9em;
    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer;
}
#faqContainer .ttl-cntnr h2 {
    text-transform: capitalize;
}

/*.faq-question div.question{*/
/*margin-left: 5px;*/
/*margin-right: 5px;*/
/*width:90%;*/
/*}*/

.faq-answer {
    font-size: 0.9em;
    padding: 5px 10px;
    margin-left: 10px;
    border-left: 1px solid #d3d4d5;
    border-bottom: 1px solid #d3d4d5;
    border-right: 1px solid #d3d4d5;
}

.faq-answer p {
    text-align: justify;
}

.faq-table{
    background-color: #F5F5F5;
    text-align: center;
}
.faq-table td,.faq-table th{
    border: 1px solid #d3d4d5;
}

/*FAQ page css ends*/

/*Contct us page css begins*/

.faq-container {
    margin: 20px 0;
}

.faq-mini-box {
    border: 1px solid #d3d4d5;
    padding: 10px;
    min-height: 145px;
    width: 315px;
    margin-bottom: 20px;
}

.faq-mini-box h3.faq-head {
    border-bottom: 1px solid #d3d4d5;
    margin-bottom: 5px;
    color: #00BFBF;
    padding: 7px 0;
}

.faq-mini-box ul {
    font-size: 0.8em;
    margin-left: 16px;
}

.faq-mini-box a {
    font-size: 0.9em;
    float: right;
    color: #177a99;
}

.contact-opt {
    margin-bottom: 20px;
}

.contact-head {
    border-bottom: 1px solid #d3d4d5;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.cntct-form {
    width: 100%;
    float: left;
    padding: 15px 15px 15px 0;
    margin-bottom: 20px;
}

.cntct-form .span6 {
    height: 60px;
}

.cntct-form .span6 input[type="text"] {
    width: 93%;
}

.cntct-form .span6 select {
    width: 97%;
}

.send-btn-cntnr {
    font-size: 0.9em;
    margin-top: 10px;
    width: 83%;
    float: right;
}

/*Contact Us page css ends*/

/*sign On pages css begins*/
.sign-on-cntnr {
    border: 2px solid #c8c8c8;
    padding: 30px 50px;
}

/*sign On pages css ends*/

/*pack page css begins*/
.selected-filter-div {
    padding: 10px 0;
    border-bottom: 1px solid #d3d4d5;
    height: 25px;
}

/*pack page css begins*/

/*lens layout css begins*/

.left-eye-cont select, .right-eye-cont select {
    width: 75px;
    border-radius: 0;
}

.lens-cont ul {
    margin-bottom: 30px;
}

.left-eye-cont div, .right-eye-cont div {
    width: 18%;
    display: inline-block;
}

.lens-cont ul li {
    display: inline-block;
    border: 1px solid #d3d4d5;
    padding: 5px;
    width: 20px;
    color: #ccc;
}

/*lens layout css ends*/

/* career page css begins */

#pageContainer {
    margin: 15px auto;
    width: 960px;
    overflow: auto;
    padding-bottom: 20px;
    /* font-family: 'whitney_htf_bookregular'; */
    color: #464646;
}

.cl {
    clear: both;
}

.headingMain {
    font-size: 28px;
    /* font-family: 'whitney_htf_bookregular'; */
    font-weight: bold;
    margin-bottom: 20px;
}

.headingMain span {
    font-weight: normal;
    margin-left: 20px;
}

.headBanner {
    font-size: 15px;
    line-height: 22px;
    /* font-family: 'whitney_htf_bookregular'; */
    font-weight: normal;
    margin: 20px 0;
}

.roles {
    float: left;
    width: 50px;
    font-size: 18px;
    /* font-family: 'whitney_htf_bookregular'; */
    padding-top: 14px;
    font-weight: 600;
}

.tab-container {
    float: right;
    width: 880px;
}

.etabs {
    margin: 0;
    padding: 0;
    /* font-family: 'whitney_htf_bookregular'; */
}

.tab {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.tab a {
    font-size: 18px;
    line-height: 2em;
    display: block;
    padding: 0 10px;
    outline: none;
    border-bottom: none;
    color: #464646;
}

.tab a:hover {
    text-decoration: none;
}

.tab.active {
    background: #fff;
    padding-top: 6px;
    position: relative;
    top: 1px;
}

.tab a.active {
    font-weight: normal;
    color: #1EBCBD;
}

.tab-container .panel-container {
    background: #fff;
    padding: 10px;
}

.panel-container {
    margin-bottom: 10px;
    /* font-family: 'whitney_htf_bookregular'; */
    font-size: 15px;
}

.panel-container h3 {
    margin: 0;
    padding: 0;
    font-size: 20px;
    margin-top: 10px;
    font-weight: 600;
}

.panel-container p {;
    padding-left: 0;
    margin: 10px 0;
}

.panel-container ul {
    margin-left: 20px;
    font-size: 15px;
}

/* career page css ends */

/* error 404 and 500 pages css begins */

.left-404-msg .msg1 {
    font-size: 50px;
    font-style: italic;
    color: #969696;
    margin-left: 30px;
    margin-bottom: 45px;
}

.left-500-msg .msg1 {
    font-size: 50px;
    font-style: italic;
    color: #969696;
    margin-left: 10px;
    margin-bottom: 45px;
}

.left-404-msg .msg2, .left-500-msg .msg2 {
    text-align: right;
    font-size: 220px;
    font-style: italic;
    color: #969696;
}

.right-404-msg p, .right-500-msg p {
    font-size: 30px;
    line-height: 40px;
}

.menu-404, .menu-500 {
    text-align: center;
    text-transform: uppercase;
}

.menu-404 span, .menu-500 span {
    display: inline-block;
}

/* error 404 and 500 pages css ends */

/*login page css*/

/*.login-wrapper{*/
/*width: 960px;*/
/*height: auto;*/
/*margin: 0 auto;*/
/*}*/
.login-header
{
    width: 100%;
    min-height: 40px;
}

.login-header div{
    float: right;
}
.login-middleNav
{
    text-align: left;
    /* width: 70%; */
    /* text-transform: uppercase; */
    /* margin-bottom: 20px; */
    /* margin-top: 15px; */
    margin: 15px auto 0;
    display: block;
    padding: 5px;
    clear: both;
    float: left;
    padding-left: 0;
}
.login-right div.login-fb,
.login-wrapper span.fbimg{
    /*background: url("../images/fb.png");*/
    width: 100%;
    height: 69px;
    display: block;
}
.login-wrapper .login-right div.login-fb{margin-top: 28px;}
.forErrorOnLogin{
    width: 60%;
    margin: 0 auto;
}

.login-middleNav h2.role:hover
{
    cursor: pointer;

}

.login-middleNav h2{
    margin: 0;
    display: inline;
    font-size: 11px;
    /*font-size: 14px;*/
}
.login-middleNav h2 span{
    font-size: 1.2em;
}
.login-left{
    margin-bottom: 20px;
    /*width: 50%;*/
    /*display: inline-block;*/
    /*margin: 0 auto;*/
    border-right: 1px solid #d3d4d5;

}

.login-cntnr-signIn,.login-cntnr-signUp{
    width:60%;
    margin: 0 auto;
}
.login-right span{
    margin: 50px auto 0;
}
. .fbimg {margin-top:10px;}

/*.login-right  span {*/
/*margin: 50px auto 0;*/
/*}*/
.login-right  p#fbSignupTxt{
    margin: 0 auto;
}


.login-right p#fbSignupTxt{
    text-align: center;
    width: 300px;
    display: block;
}


form#signInForm input,form#signUpForm input{

    width: 100%;
    text-transform: none !important;

}
/*for checkbox inside signup form*/
form#signUpForm #subscribePromotions{
    width: auto;
}

#signUpForm .mrgn-t-10{
    margin-top: 20px;
}
/*form#signUpForm input[type=submit],form#signInForm input[type=submit]*/
/*{*/
/*width: 105%;*/
/*}*/


.login-footer{
    border-top: 1px solid #cccccc;
    text-align: center;
    padding-bottom: 30px;
    /*padding-top: 10px;*/
    margin-top: 50px;
}



.login-footer .disp-blk span
{
    font-weight: 700;
}

div.login-footer > div {
    line-height: 13px;
    position: relative;
    top: 7px;
}

div.login-wrapper > div.login-footer > div:first-child{
    top: 17px;
}

div.login-wrapper div.login-footer > span.divider{
    font-weight: 100;
    color: #DDDDDD;
    font-size: 40px;
    position: relative;
    top: 8px;
    margin: 0 12px;
}

div.login-footer > span{
    color: #DDDDDD;
    font-weight: 700;
    font-size: 25px;
    position: relative;
    top: 4px;
    margin: 15px;
}


.login-wrapper .centerOR{
    position: relative;
    top: 175px;
    z-index: 9;
    margin: 0 auto;
    border-radius: 50%;
    width: 50px;height: 50px;
    text-transform: uppercase;
    border: 1px solid #ccc;
    box-shadow: 0 0 3px #ccc;
    background-color: #918F8F;;
}

.login-wrapper .centerOR.guest{
    top: 125px;
    color: #d3d4d5;
}



.login-wrapper .centerOR span{
    color: #d3d4d5 !important;
    margin-top: 13px;
    display: inherit;
    font-weight: 600;
    font-size: 1.3em;
    text-align: center;
}




/*login page css ends*/


/**page specific rules *End**/

.link-cntnr {
    width: 940px;
    margin: 0 auto;
}

.tncContent {
    list-style-type: circle;
    padding-left: 0;
    margin-bottom: 10px;
}

.tncContent li {
    margin-left: 20px;
}

hr.shadow {
    background: -moz-linear-gradient(top, #ddd, #f7f7f7 3px, white);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ddd), color-stop(3px, #f7f7f7), color-stop(100%, white));
    background: -webkit-linear-gradient(top, #DDD, #F7F7F7 3px, #FFF);
    background: -o-linear-gradient(top, #ddd, #f7f7f7 3px, white);
    background: -ms-linear-gradient(top, #ddd, #f7f7f7 3px, white);
    background: linear-gradient(top, #ddd, #f7f7f7 3px, white);
    height: 44px
}

hr.shadow:after {
    background-color: rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(left, white, rgba(255, 255, 255, 0), white);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #FFF), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, #FFF));
    background: -webkit-linear-gradient(left, #FFF, rgba(255, 255, 255, 0), #FFF);
    background: -o-linear-gradient(left, white, rgba(255, 255, 255, 0), white);
    background: -ms-linear-gradient(left, white, rgba(255, 255, 255, 0), white);
    background: linear-gradient(left, white, rgba(255, 255, 255, 0), white);
    height: 44px;
    content: "";
    filter: none;
    display: block;
    width: 100%;
}

.clear{
    clear: both;
}

th.fixWidth{
    width: 10%;
}

input[disabled="disabled"]
{
    background-color: #FDFDFD;
    border: 1px solid rgb(241, 241, 241);

}
/*variant cobo begins*/
.combo-box{
    /*border-bottom: 1px solid #424242;*/
    padding-bottom: 10px;
}
.combo-nav{
    width: 100%;
    list-style: none;
    border-bottom: #424242 solid 1px;
}
.combo-nav li{
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    position: relative;
    top: 1px;
    z-index: 1;
}
.combo-nav li a.link {
    display: block;
    border: 1px solid transparent;
    padding: 5px 10px;
    top: 1px;
}

.combo-nav li a.link.selected {
    border: #565656 solid 1px;
    border-bottom: 0;
    position: relative;
    background: #f7f7f7;
    cursor: default;
    font-weight: 600;
}
.combo-container > div:nth-last-child(2){
    display: none;
}

.pack-link-item{
    /*
   padding-bottom: 5px;
*/
}

.pack-link-item .pack-discount{
    font-size: 0.8em;
    position: relative;
    top: -1px;
}

/*.packs-links-cont{*/
/*background-color: #fff9c5;*/
/*}*/
.combo-name{
    background-color: #f7f7f7;
}
.combo-name:first-letter{
    text-transform: uppercase;
}





/* Feedback page styles starts */
.feedback-container {
    margin: auto;
    width: 720px;
    margin-top: 30px;
}
.feedback-container .heading {
    font-family: 'Oswald', sans-serif;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: normal;
    text-align: center;
    color: #294e66;
}
.feedback-container .feedback-row {
    margin: 12px 0px 30px;
    padding: 15px 0px 30px;
    border-bottom: 1px solid #d3d4d5;
}
.feedback-container .label {
    margin-bottom: 16px;
    color: #26292a;
}
.feedback-container .label h3{
    font-size: 16px;
    color: #25292b;
}
.feedback-container .btn-blue{
    margin: auto;
    border-radius: 5px;
    font-weight: 600;
}
.feedback-points {
    list-style-type: none;
}
.feedback-points li {
    float: left;
    margin: 20px 10px 0px;
    text-align: center;
}
.feedback-points label {
    margin: 5px 0 0 3px;
    position: relative;
    padding: 20px;
    top: -20px;
    padding-bottom: 0px;
    color: #25292b;
}
.feedback-row.no-brdr{
    margin: 30px 0px;
    padding: 15px 0px 0px;
}
.feedback-row.no-brdr > .label {
    margin-bottom: 30px;
}
.feedback-row .recommend-container{
    position: relative;
    padding: 20px 20px 0px 20px;
}
.feedback-row .recommend-container .rating-left{
    position: absolute;
    margin-top: 2px;
    left: 0;
    color: #515455;
    margin-left: 22px;
}
.feedback-row .recommend-container .rating-right{
    position: absolute;
    margin-top: 2px;
    right: 0;
    color: #515455;
    margin-right: 40px;
}
.feedback-row textarea::placeholder{
    font-style: italic;
    color: #cccccc;
    font-family: 'Open Sans';
}
.feedback-points.recommend{
    width: 70%;
    margin: auto;
    padding-right:0px;
}
.feedback-points.recommend li{
    width: 10%;
    margin: 0;
}
.feedback-points.recommend li label{
    display: inline-block;
}
.feedback-row .feedback-points input{
    opacity: 0;
}
.feedback-row .feedback-points label:after{
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #d3d4d5;
    content: '';
    top: -2px;
    left: 50%;
    transform: translateX(-50%);
}
.feedback-row .feedback-points input:checked + label:after{
    border: 1px solid #00bfbf;
}
.feedback-row .feedback-points input:checked + label:before{
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #00bfbf;
    content: '';
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
}
.feedback-row textarea{
    width: 90%;
    margin-left: 20px;
}
.feedback-row .question-two li{
width:100%;
float:left;
text-align: left;
list-style-type: none;
}




.feedback-row .question-two input{
    opacity: 0;
}
.feedback-row .question-two label{
position: relative;
padding: 0 0 0 20px;
}
.feedback-row .question-two label:after{
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #d3d4d5;
    content: '';
    top: 0px;
    left: 0%;
    transform: translateX(-50%);
}
.feedback-row .question-two input:checked + label:after{
    border: 1px solid #00bfbf;
}
.feedback-row .question-two input:checked + label:before{
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #00bfbf;
    content: '';
    top: 4px;
    left:0%;
    transform: translateX(-50%);
}




/* Feed back page styles ends */
/*ends*/


/*new tile : gift and ranking style changes
 1. commenting tag-icon : background empty
 2. changing min-height and height of tag-icon
 3. changing the image and its background position
 4. adding tag-icon-blue and tag-icon-rank for different borders
 5. adjusting tag-content properties and removing padding by adjusting it to tag-green
*/
/*.variant-tile .tile-ic,*/
.limitedVariantTile .tile-ic, .variant-tile .tile-ic-blue{
    background: url('../../assets/images/tile_sprite.png') no-repeat;
    width: 20px;
    height: 24px;
    display: inline-block;
}
.variant-tile .tile-ic{
    background: url('../../assets/images/producttile-sprite.png') no-repeat;
    width: 20px;
    height: 18px;
    display: inline-block;
    background-position: -4px -5px;
}
/*.variant-tile .tile-ic.offer-icon,*/
.limitedVariantTile .tile-ic.offer-icon {
    background-position: -4px -8px;
}
/*.variant-tile .tile-ic.b1g1-icon ,*/
.limitedVariantTile .tile-ic.b1g1-icon {
    background-position: -4px -48px;
}
.variant-tile .tile-ic-blue.b1g1-icon{
    background-position: -4px -50px;
}
/*.variant-tile .tile-tag-list .tag-icon ,*/
.limitedVariantTile .tile-tag-list .tag-icon {
    background-color: rgba(240,240,240,0.9);
}
.variant-tile .tile-tag-list .tag-icon{
    border: 1px solid rgb(121, 169, 71);
}
.variant-tile .tile-tag-list .tag-icon-blue{
    border: 1px solid rgb(87,171,184);
}
/*.variant-tile .tile-tag-list .tag-icon,*/
.limitedVariantTile .tile-tag-list .tag-icon,
    /*.variant-tile .tile-tag-list .tag-content,*/
.limitedVariantTile .tile-tag-list .tag-content{
    margin-bottom: 5px;
    padding: 3px;
    display: inline-block;
    color: #ffffff;
    min-height: 24px;
}
/*.variant-tile .tile-tag-list .tag-icon,*/
.limitedVariantTile .tile-tag-list .tag-icon {
    width: 20px;
    height: 24px;
}
/*.variant-tile .tile-tag.rank-tag .tag-icon,*/
.limitedVariantTile .tile-tag.rank-tag .tag-icon{
    color: rgb(244,139,24);
    font-weight: 600;
}
.variant-tile .tile-tag-list .tile-tag,
.limitedVariantTile .tile-tag-list .tile-tag {
    position: relative;
}

/*.variant-tile .tile-tag-list .tile-tag .tag-content, .limitedVariantTile .tile-tag-l{*/
    /*right: 9px;*/
    /*visibility: visible;*/
    /*opacity: 1;*/
/*}*/

.limitedVariantTile .tile-tag-list .tile-tag:hover .tag-content{
    right: 0;
    visibility: visible;
    opacity: 1;
}

.variant-tile .tile-tag-list .tile-tag .tag-content > .tag-item,
.limitedVariantTile .tile-tag-list .tile-tag .tag-content > .tag-item{
    vertical-align: sub;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-middle-with-baseline;
    display: inline-block;
}
.variant-tile .tile-tag-list .tile-tag .tag-content hr,
.limitedVariantTile .tile-tag-list .tile-tag .tag-content hr {
    margin: 5px 0;
}
.variant-tile .tile-tag-list .tag-green{
    /*max-height: 22px;*/                   /* commenting: if the block is of 2 lines */
    padding-top: 1px;
    padding-bottom: 5px;
    background-color: rgb(121,169,71);
    background-color: rgba(121,169,71, 0.9);
}
.limitedVariantTile .tile-tag-list .tag-green {
    background-color: rgb(121,169,71);
    background-color: rgba(121,169,71, 0.9);
}
.variant-tile .tile-tag-list .tag-blue,
.limitedVariantTile .tile-tag-list .tag-blue {
    background-color: rgb(87,171,184);
    background-color: rgba(87,171,184, 0.9);
}
/*.variant-tile .tile-tag-list .tag-orange,*/
.limitedVariantTile .tile-tag-list .tag-orange {
    background-color: rgb(244,139,24);
    background-color: rgba(244,139,24, 0.9);
}
/*end of new gift and ranking images*/
.variant-tile .variant-title {
    height: 38px;
    line-height: 18px;
    color:#787878;
    margin-top:10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    overflow: visible;
    text-overflow: clip;
    display: inline-block;
}
.variant-tile .price-container {
    margin-bottom: 5px;
    margin-top:10px;
}
.variant-tile .price-container-new {
    margin-bottom: 10px;
    margin-top:5px;
}

 .variant-tile .variant-highlighter {
    color: #aaaaaa;
    font-size: 12px;
    margin-right:3px;
    display: inline-block;
}
/*for ab Testing, to be deleted after the test*/
.variant-tile .vrnt-price-expTag {
    font-size:16px;
    margin-right:2px;
    display: inline-block;
}
.variant-tile .variant-highlighter-expTag {
    font-size: 12px;
    margin-right:3px;
    display: inline-block;
    font-weight: 700;
    color:rgb(177, 39, 4);
}
/*end of ab testing, to be deleted after test*/

.variant-tile .variant-highlighter{
    color:rgb(177, 39, 4)
}
.variant-tile .vrnt-offer {
    padding: 0 5px;
    /*box-shadow: 0 0 0 2px #ffbf00;*/
    border-radius: 2px;
    float:right;
    font-size: 12px;
    display: inline-block;
    background-color: #94BA6C;
    color: #fff;
}

.variant-tile .vrnt-save-new{
    font-size: 12px;
}
#similarProductsBoughtItemsCont .variant-tile .rating-cont {
    padding: 10px 0;
    float: left;
    width: 100%;
}
#similarProductsBoughtItemsCont .variant-tile .rating-cont .rtng-star {
    float: left;
}

.catalog-offer-page .span12{
    width: 100%;
    margin-left: 0;
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
    padding-left: 20px;
    box-sizing: border-box;
}
.catalog-offer-page .paginationBar.span12{
    display: none;
}
.catalog-offer-page .variant-tile{
    min-height: 350px;
}
.vp-offers-container .offers-data .data-cont{
    min-height: 65px;
}

.catalog-offer-page .errorH1 {
    text-align: center;
    margin-top: 20px;
}
/*Home icons*/
/*.owl-nav > div.owl-next{*/
    /*right: -8px;*/
    /*background-position:2px -127px;*/
/*}*/
/*.owl-nav > div.owl-next:hover{*/
    /*background-position: 2px -84px;*/
/*}*/
/*.owl-nav > div.owl-prev{*/
    /*left: -8px;*/
    /*background-position: 2px -44px;*/
/*}*/
/*.owl-nav > div.owl-prev:hover{*/
    /*background-position: 2px -1px;*/
/*}*/
/*.owl-nav > div,*/
/*.home-icons, .nbs-flexisel-nav-left-home, .nbs-flexisel-nav-right-home{*/
    /*background-image: url('../images/home-icons.png') !important;*/
    /*background-repeat: no-repeat;*/
    /*height: 43px;*/
    /*width: 23px;*/
    /*position: absolute;*/
    /*text-indent: -9999px; overflow: hidden;*/
    /*top: 100px;*/
/*}*/
/*.owl-carousel .owl-item img{*/
    /*margin: 0 auto;*/
/*}*/
/*.left-arrow-icon{*/
    /*background-position: 0px -93px;*/
/*}*/
/*.home-offer-icon{*/
    /*background-position: 0px -192px;*/
    /*background-size: 100%;*/
    /*border : 1px solid #79a947;*/
    /*height: 26px;*/
/*}*/
/*new header icons*/
.header-icons-text{
    position:relative;
    font-size: 12px;
    top: 1px;
    font-weight: 600;
    width: 100%;
    float:left!important;
}
.header-top-trip .header-icons-text {
    width: auto;
}
.header-top-trip .header-top-right a{
    color: #626262;
}
.header-top-trip .header-top-right a:hover{
    color: #1B87C9;
}
.header-icons{
    background: url(../images/hkHeader-sprite.png) no-repeat;
    display: inline-block;
    /*padding-left: 20px;*/
    box-sizing: content-box;
    float: none;
}
.header-login-section .login-tube {
padding: 5px;
}
.header-login-section .login-tube .login-msg a{
 font-weight: bold;
}
.header-login-section .login-tube .login-msg a:hover{
color: #38A4DD;
}
.header-login-section .login-tube .login-msg {
    color: #333;
}

.header-cart-section .header-login-section{
    float: left;
    width: auto;
    margin-top: 10px;
}
.header-cart-section .header-login-section .user-login-box svg{
    margin-right: 0;
    float: left;
}
.header-cart-section .header-login-section .user-login-box .user-name{
    display: inline-block;
    float: left;
    padding: 3px 6px 3px 2px;
    margin: 0 5px 0 5px;
    width: 54%;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
}
.goal-wrapper .icn-dwn-arrow,
.header-login-section .icn-dwn-arrow {
position: relative;
}
.goal-wrapper .icn-dwn-arrow:after,
.header-login-section .icn-dwn-arrow:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    right: -5px;
    border-top: 5px solid #fff;
    top: -7px;
}
.goal-wrapper .icn-dwn-arrow:after{
    border-top: 5px solid #f2f2f2;
}
/*.user-login-box:hover .icn-dwn-arrow:after{*/
    /*border-top: 5px solid #fff;*/
/*}*/
.header-cart-section .login-user-dowpdown .user-login-box{
    padding-top: 10px;
}
.login-user-dowpdown .user-login-box svg{float: left;}

.login-user-dowpdown .user-login-box .icn-dwn-arrow {
    float: left;
    margin-top: 7px;
}


.header-top-trip .tr-tracking svg path{
    fill: #626262;
}
.header-top-trip .header-top-right a:hover svg path:last-child{
    fill:#1B87C9 !important;
}
.header-top-trip .header-top-right a.tr-return:hover svg path:first-child {
    fill:#1B87C9 !important;
}
.header-top-trip .header-top-right a.tr-return:hover svg path:last-child {
    fill:none !important;
}
/*.header-icons:hover {
    background: url(../images/header-sprite-blue.png) no-repeat;
    display: inline-block;
    padding-left: 20px;
}*/
.header-icons-track{
    background-position: 0px -119px;
    background-size: 100%;
    height: 20px;
    width: 5px;
}

.header-icons-app, .header-icons-app:hover{
    background-position: 0px 0px;
    background-size: 18%;
}
.header-icons-offer{
    background-position: 0px -61px;
    background-size: 100%;
    height: 20px;
    width: 5px;
    float: none;
    display: table;
}
.header-icons-hkplus{
    background-position: -5px -26px;
}
.header-icons-loyalty{
    background-position: 0px -90px;
    background-size: 100%;
    height: 21px;
    width: 5px;
}


.header-icons-return{
    background-position: 0px -148px;
    background-size: 100%;
    height: 21px;
    width: 5px;
}

.header-icons-contact{
    background-position: 0px -178px;
    background-size: 100%;
    margin-left: 5px;
    height:21px;
    width:5px;
}


.header-icons-cart, .header-icons-cart-hover{
    background-position: 0px 8px;
    background-size: 27%;
    height:45px;
}

.hdr-icon-mrgn{
    margin-left: 5px;
    padding-right: 10px;
    /*border-right: 1px solid #E5E5E5;*/
}
/*end of new header icons*/

/* header css starts*/
.hk-header{
    margin:0 auto;
    width:100%;
    padding:0px 0px 8px;
    /*background-color: #EBEBEB;*/
    float:left;
    /*height: 20px !important;*/
    /*box-sizing: content-box;*/
    /*border-bottom:2px solid #E0E0E0;*/
}
.hk-header .tab-wrapper {
    width:950px;
    margin:0 auto 0;}

.hk-header .referral-tab {
    display: inline-block;
    text-align: center;
    padding: 4px 4px 2px 4px;
    margin-right: 10px;
    /*width:108px;*/
}
.hk-header .referral-tab:last-child{margin-left:10px}
.hk-header .referral-tab.active,
.hk-header .referral-tab:hover .caption{
    color: #424242;
    font-weight: 600;

}
/*.hk-header .referral-tab.active .caption,*/
/*.hk-header .referral-tab:hover .caption {*/
/*color: #0092d7;*/
/*}*/
.hk-header .referral-tab .new-tag{
    position: absolute;
    top:17px;
    color: #ee3736;
    font-size:8px;
    font-weight: 700;
    width: 10%;
    height: 27px;
    text-align: center;
    color: #616262;
    font-family: 'Open Sans';
    position: relative;
    margin:0px 10px;
    display: inline-block;
    opacity:0.4;
}

.hk-header .referral-tab .caption{
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    line-height: inherit;
    padding: 5px 0 9px;
    border-bottom: 3px solid #f5f5f5;
}
.hk-header .referral-tab.selected .caption{

}
.hk-header .referral-tab .caption b{font-weight:600 !important;}
.hk-header .referral-tab.active,.hk-header .referral-tab.selected .caption,
.hk-header-m .referral-tab.active,.hk-header-m .referral-tab.selected,
.hk-header .referral-tab:hover .caption{
    opacity: 1;
    border-bottom: 3px solid #00bfbf;
    border-radius: 0px;
    padding-bottom:9px;
}

.header-top-trip{
    box-shadow: 0 3px 0 #f5f5f5;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.hk-header .referral-tab .ref-logo.olime {
    background: url("../images/hkHeader/olime.png") no-repeat center 14px;
    background-size: 50%;
}

/*Header Tabs css for mobile for responsive pages*/
.hk-header-m{
    margin:0 auto;
    width:100%;
    padding: 10px 0px;
    height: 20px;
    background-color:#EBEBEB;
    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: 17%;
    height: 28px;
    -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;
    font-family: 'Open Sans';
    color: #616262;
}

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

.proceed-chckout{
    padding: 11px;
    border-radius: 2px;
    width: 75%;
    font-size: 16px;
    cursor: pointer;
    margin: 0 auto;
}

.box-shdw-none{
    box-shadow: none!important;
}
/*css for flip button*/

.flip-container {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    perspective: 1000;
    position: relative;
    float: right;
    width:25%;
}

.flipper {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 100% 20px;
    -moz-transform-origin: 100% 20px;
    -ms-transform-origin: 100% 20px;
    -o-transform-origin: 100% 20px;
    transform-origin: 100% 20px;
    position: relative;
}
.front, .back {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: -6px;
    left: 0;
    width: 45%;
    background: #38A4DD;
    border: 1px solid #38A4DD;
    border-radius: 4px;
}
.flipper .btn{
    text-transform: none;
    padding: 5px 0px 5px 0px;
    letter-spacing:0px;
    word-spacing:0px;

}
.flipper .btn:hover{
    background-color:#38A4DD;
}
.flip-container:hover .front, .flip-container.hover .front, .flip-container.hover:hover .front {
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    -ms-transform: rotateX(-180deg);
    -o-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.back {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.flip-container:hover .back, .flip-container.hover .back, .flip-container.hover:hover .back{
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.front a {


    position: relative;

    display: inline-block;
    color: #fff !important;
    width: 100%;
    text-align: center;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.back a.icon-apple, .back a.icon-google, .back a.icon-mobile-sms{
    opacity:0.8;
}
.back a.icon-apple:hover, .back a.icon-google:hover, .back a.icon-mobile-sms:hover{
    opacity:3.8;
}
.back a.icon-apple, .back a.icon-google, .back a.icon-mobile-sms{
    width:28px;
    margin-left:16px;
}

.back a {
    display: inline-block;


}
.front .btn-download-app{
    background: #38A4DD;
    border: #38A4DD;
    border-radius: 4px;

}
.refer-container {
    float: right;
    background-color: #666666;
    border-radius: 4px;
    bottom: 6px;
    position: relative;
}
.refer-container a {
    display: inline-block;
    color: white;
    padding: 6px;
}
/*.download-icon{
    background: url("../images/android-ios.png")-10px 7px;
    display: none;
}
.front .download-icon {
    height: 27px;
    width: 22px;
}*/
/*end css */

@media (max-width: 767px) {
    .hidden-mobile {
        display: none !important;
    }
    .visible-mobile {
        display: block !important;
    }
    .sale-container, .sale-container .bnr-700-cnt, .sale-container .bnr-700-cnt .carousel{width: 100%;}
    .btn.btn-blue {
        border-color: #1a4f69;
        border-top-color: #1a4f69;
        border-left-color: #1a4f69;
        background-color: #1a4f69;


    }
    .responsive-cart .btn.btn-gray {background-color: #E0E0E0;}
    .add-cpn > div {padding:0px;}
    .add-cpn .js-coupon-code{padding:4px;}

}

@media (min-width: 767px) {
    .visible-xs,
    .visible-mobile {
        display: none !important;
    }
    .cart-freebie svg {
        width: 30px;
        height: 30px;
    }
    .bxgy-sec svg {
        width: 30px;
        height: 30px;
    }
    #bh-sl-user-location .ui-autocomplete {
        position: absolute;
        box-sizing: border-box;
        cursor: default;
        width: auto!important;
        left: 30%!important;
        right: 30%!important;
        z-index: 99;
    }
}
/*Header Tabs css for mobile for responsive pages ends*/


.hco-footer-content {
    width: 100%;
    float: left;
    padding: 0 20px;
}
.hco-footer-content div {
    width: 100%;
    float: left;
}
.hco-footer-content div > table {
    margin: 0 auto;
    width: auto!important;
}
.hco-footer-content div > table th {
    background-color: #f5f5f5;
    color: #1EBCBD;
    font-weight: 600;
}
.hco-footer-content div > table,
.hco-footer-content div > table th,
.hco-footer-content div > table tr td {
    text-align: left;
    padding: 0 15px;
}

.tr-offers:hover .header-icons-offer {
    background-position: 0px -236px;
    background-size: 100%;
    height: 20px;
    width: 5px;
}
.tr-loyalty:hover .header-icons-loyalty {
    background-position: 0px -265px;
    background-size: 100%;
    height: 21px;
    width: 5px;
}
.tr-tracking:hover .header-icons-track{
    background-position: 0px -294px;
    background-size: 100%;
    height: 21px;
    width: 5px;
}
.tr-return:hover .header-icons-return{
    background-position: 0px -323px;
    background-size: 100%;
    height: 21px;
    width: 5px;
}
.tr-contact:hover .header-icons-contact{
    background-position: 0px -353px;
    background-size: 100%;
    height: 21px;
    width: 5px;
}

/*by vinay@incaendo.com*/
@media screen and (max-width: 767px){
    .wrapper.container-fluid, .header-wrapper {padding: 0!important;}
    .changePassword .span8{max-width: 460px; width: 100%;}
    .changePassword .span10{max-width: 580px; width: 100%;}
    .changePassword .offset1{margin-left: 0;    max-width: 580px;
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
        padding-right: 0px;
    }
    .changePassword .span3{margin-left: 0;}
    .changePassword .span7,.changePassword .span6{width: auto;}
    .changePassword [class*="span"] {margin-left: 0;}
    .address-card div.add-cntnr.mb5{
        word-wrap: break-word;
    }
    .hk-breadcrumb-cntnr {display: none !important;}
}
@media screen and (min-width: 2000px) {
    .rtng-star {
        width: 68px;
    }
}
@media screen and (min-width: 4000px) {
    .rtng-star {
        width: 60px;
    }
}

.header-wrapper {
    /*padding-left: 20px;*/
    padding-right: 0px;
    box-sizing: content-box;
}
.header-wrapper .header-icons-text{
    top:3px;
}
.header-wrap-tab {
    margin-left: 0px;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    width:100%;
    float: left;
    margin-top:6px;
    /*margin-bottom: 4px;*/
}
.span2.sign-in-box {
    margin-top: 8px!important;
}
.span2.sign-in-box .usr-name{
    overflow: visible!important;
}
.header-wrapper > div, .hk-header.hidden-mobile, .hk-header.hidden-mobile a,
.wrapper.container-fluid, .container-fluid .header-wrapper .flyout-menu
 {
    box-sizing: content-box !important;
}
.container-fluid .header-wrapper .row div{box-sizing: border-box;}
.container-fluid .header-wrapper .row {
    margin-left:0px;
    margin-top: 0px;
    margin-right: 0px;
}
.welcome-text {
    float: left;
    text-align: left;
    width: 100%;
    padding-left: 7px;
}
.welcome-text .icn-dwn-arrow{
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}


/*by vinay@incaendo.com for HK ui fixes branch*/
a, button, a:focus, button:focus {outline: none!important;}
a, a:focus {text-decoration: none!important;}
#topPager .icn-sqre, .icn-sqre {background-color: transparent;}
#topPager .selectd-sort, .selectd-sort {border-bottom: 0 none;}
#topPager .selectd-sort a, .selectd-sort a {color:#25292b; font-weight: bold;}
.tabs .tabs-content > div.active {overflow-x: hidden;}
.sign-in-box .hdr-drop-label span:first-child, .cart-pop-container {font-size:12px; font-weight: 600;}
.rating-cont a:focus{color: #1EBCBD;}
@media screen and (min-width: 1100px){

    .sale-container .home-variant-container.sale-container .nbs-flexisel-container.sale-container {width:960px;}
    .sale-container .bnr-700-cnt .slot-one {height: 400px;}
    .sale-container, .sale-container .bnr-700-cnt .slot-two, .sale-container .bnr-700-cnt .slot-one {width: 960px;}
}
/*by vinay@incaendo.com for compare section */
.buy-price {font-size: 18px; color: #000; font-weight: bold; }
.recomendation-box {background-color:#FFCD00; color: #222; margin-left:0px; line-height: 1.5; width: 176px; min-height: 100px; padding: 40px 0 0 20px; font-style:italic; font-weight: bold;}
#variant-page .recomendation-box .cmpr-btn {border: 1px solid #fff; float: none; margin: 10px auto 15px !important;}
.discount{
    border: 1px solid #1EBCBD;
    margin-bottom: 10px;
    float: left;
    background-color: #1EBCBD;
    color: #fff;
    border-radius: 5px;
    padding: 0px 5px;
}
#variant-page .compare-box {background-color: #fff; border: 2px solid #FFCD00; padding: 0 10px 0 0;}
#variant-page .compare-box .compare-sec {width: 275px; margin-left:0px!important; margin-top: 8px;}
.compare-sec .varnt-max-txt, .compare-sec .cmr-item-info .varnt-detail {float: left; width: 100%;}
.compare-sec .rtng-star-s {float: left;}
.comparebox-bottom {
    background: #F4F8FB none repeat scroll 0 0;
    border-top: 1px solid #008FDA;
    bottom: 0;
    /*box-shadow: 0 1px 3px #008FDA;*/
    box-shadow: 0 1px 10px #999;
    min-height: 100px;
    left: 0;
    padding: 1px 0 0;
    position: fixed;
    transition: all 0.2s ease-in 0s;
    width: 100%;
    z-index: 999;
    display: none;

}
.comparebox-bottom .mainbox {
    position: relative;
    clear: both;
    margin: 0 auto;
    width: 940px;
}


.righttop-icon {
    background-position: 0 -285px;
    cursor: pointer;
    height: 24px;
    position: absolute;
    right: 0;
    top: -26px;
    width: 53px;
    border: 1px solid #008fda;
    border-bottom: 0 none;
    text-align: center;
    background-color: #f4f8fb;
    box-shadow: 0px -1px  1px #008fda;
}

.comparebox-bottom.open {
    height: 200px;

}
.compareproduct {
    bottom: 45px;
    display: none;
    left: -65px;
    padding: 0 0 15px;
    position: absolute;
}
.compareproduct .subaru {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.21);
    color: #414141;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: auto;
    padding: 9px;
    text-align: center;
    width: 178px;
}
.subaru .toparrow {
    background-position: 0 -269px;
    background: url("../images/");  /*please set images path*/
    bottom: 1px;
    height: 15px;
    left: 50%;
    margin: 0 0 0 -11px;
    position: absolute;
    width: 22px;
    display: inline-block;
    font-size: 1px;
    line-height: 0;
    vertical-align: middle;
}
.comparebox-bottom ul {
    float: left;
}
.comparebox-bottom .focus-compare li, .comparebox-bottom .focus-compare p, .var-suggestions li,
.var-suggestions-content li {
    float: left;
    padding: 10px 10px 5px;
    position: relative;
    list-style: none;

}
/*.comparebox-bottom .focus-compare li:nth-child(2n+1), .comparebox-bottom .focus-compare p:nth-child(2n+1),*/
/*.var-suggestions li:nth-child(2n+1), .var-suggestions-content li:nth-child(2n+1){*/
/*background-color: #f6f6f6;*/
/*}*/
.comparebox-bottom .focus-compare li a, .comparebox-bottom .focus-compare p a, .var-suggestions li a,
.var-suggestions-content li a {
    text-decoration: none;
    color: #999;
}
.cmpr-cont.clearfix{padding:0px;}
.cmpr-btn-cntnr > .cmpr-btn {width: 87px;}
.big-wrapper .cmpr-item-cont .cmpr-item .compare-close-btn  {background:transparent; width: 25px!important; height:10px; margin:5px 0 0!important; border:0 none;}
.small-wrapper .cmpr-hover-pop > .varnt-title {margin: 5px auto; width: 100%;}
.comparebox-bottom .cmpr-cont .cmpr-btn-cntnr .icn-close1 {right: 10px;}
.comparebox-bottom .big-wrapper .clear-cnt, .cmpr-btn-cntnr > .clear-ctn, .comparebox-bottom .small-wrapper .cmpr-btn-cntnr > .clear-cnt { padding: 10px 0!important; margin-right:12px !important; width: 100px!important; background-color:#fff;}
.comparebox-bottom .small-wrapper .cmpr-item > .clear-cnt{padding: 5px 0!important; border: 0 none; margin-right: 0px; top: 10px; }
.comparebox-bottom .small-wrapper .cmpr-btn-cntnr > .clear-cnt {padding:5px 0!important;}
.cmpr-item.empty-item, .title.addProduct-cont {color: #999;}
.cmpr-item.empty-item a, .title.addProduct-cont a {color: #222;}
.comparebox-bottom li a:hover {color: #1b87c9;}
.compare-expend-open{display: block; padding-top: 10px;}
.comparebtn {float: left; margin: 20px 5px;}
.cmpr-btn {float: left; width: 120px; margin: 1px 10px; position: relative;}
.cmpr-btn .btn-blue {padding: 5px;}
.comparebox-bottom .small-wrapper .cmpr-item .img-box:hover .cmpr-hover-pop, .cmpr-hover-pop .varnt-title,
.small-wrapper .cmpr-item:hover > .compare-close-btn{display: block!important;}
.cmpr-hover-pop {display: none; position: absolute; padding: 5px; background-color: #f3f3f3; z-index: 999;
    right:0; width: 180px; border-radius: 5px; border: 1px solid #ccc; bottom: 93px; transition: all ease 0.3s;}
.cmpr-hover-pop .tooltip-icon {position: absolute; z-index: 999; bottom: -10px; left: 0; right: 0; margin: 0 auto;}
.productbox li a img {width: 80px;}
.open .productbox li a img {width: 60px;}
.mainbox #variantCompareGrid, .small-wrapper .cmpr-cont, .big-wrapper .cmpr-cont {margin-left:0;}
.small-wrapper .cmpr-cont, .big-wrapper .cmpr-cont {width: 100%;}
.big-wrapper .comparison {width: 100%; margin-bottom: 10px; display: block; float: left; color:#1EBCBD; }
.small-wrapper .comparison{display: none;}
.small-wrapper .cmpr-cont {padding: 0px;}
.comparison{font-weight: bold; text-align: center; float: left; width: 15%;}
.big-wrapper .cmpr-item {position: relative; height: 130px;}
.big-wrapper .cmpr-cont, .small-wrapper .cmpr-cont {box-shadow: none;}
.big-wrapper .img-box, .big-wrapper .cmpr-cont .cmpr-item-cont .varnt-title, .small-wrapper .img-box {width: 100%;}
.big-wrapper .cmpr-cont .cmpr-item-cont .cmpr-item {height: 130px;}
.big-wrapper .cmpr-cont .cmpr-item-cont .cmpr-item, .small-wrapper .cmpr-cont .cmpr-item-cont .cmpr-item {padding-left: 10px; margin: 0 5px 0 0;}
/*.big-wrapper .cmpr-cont .cmpr-item-cont .cmpr-item:last-child, .small-wrapper .cmpr-cont .cmpr-item-cont .cmpr-item:last-child {margin-right: 0; border-right: 0 none; }*/
.comparebox-bottom .cmpr-item .clear-cnt {position: absolute; top: 0px; right: 5px; left: auto;}

.small-wrapper .cmpr-item-cont .cmpr-item .varnt-title, .small-wrapper .cmpr-item > .clear-cnt{display: none;}
.small-wrapper .compare-close-btn{ padding: 10px 0; margin: 0 10px;}
.small-wrapper .cmpr-cont .cmpr-item-cont {overflow: visible;}
.small-wrapper .cmpr-cont .cmpr-item-cont .cmpr-item {height: 80px; position: relative;}
.small-wrapper .cmpr-cont .icn-add-img {margin-top: 5px;}
.small-wrapper .cmpr-cont .cmpr-btn-cntnr {margin-top:4px;}
.small-wrapper .cmpr-btn-cntnr .btn-blue.cmpr-btn {margin-top:0}
.small-wrapper .var-resul {bottom:100px;}
.big-wrapper .var-resul {bottom:160px;}
.righttop-icon {text-align: center;}
.righttop-icon.dwn-arrow .arrow-dwn, .righttop-icon.up-arrow .arrow-up {display: block; margin:5px auto;}
.righttop-icon.dwn-arrow .arrow-up, .righttop-icon.up-arrow .arrow-dwn {display: none;}
.comparebox-bottom .cmpr-cont {border: 0 none;}
/*.comparebox-bottom .cmpr-item-cont {border: 1px solid #ccc;}*/
.recomendation-box .cmpr-btn-cntnr .btn-blue {background-color: #26ABE8; border: 1px solid #fff; text-decoration: none;}
.var-suggestions-content {height: 100%; overflow-y: auto; width: 100%; border: 1px solid #ccc;}
.title.addProduct-cont p.add-prdct-sym {margin-top: 10px; text-align: center;}
.ttl-cntnr h1.cmpr-title {color:#1EBCBD; font-weight: bold;}
.var-suggestions {position: relative;}
/*#myCarousel-one .carousel-indicators {left: 40%; right: 40%; bottom: 20px; top: auto;}*/
.sale-container .nbs-flexisel-container{width:100%;}
.sale-container .home-offer-icon {background-position: 0 -180px;}
.sale-container .pd-N {padding:0 !important;}


/* 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;
}

.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: 175px !important;
    display: inline-block;
    /* white-space: nowrap;
float: left; */
    border: none;
}

.best_seller .pd_image {
    width: 100% !important;
    position: inherit;
}

.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:95px;
}

.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;
}

.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%;
}

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

}

.best_seller .pd_slider_outer {
    width: 100%;
    height: 280px;
    overflow: hidden;
    float: left;
    position: relative;
}

.pd_slider_outer.shadow {
    height: 210px;
    position: relative;
    /*background: url(/assets/img/slider_shadow.png) no-repeat left 3px;*/
    background-size: contain;
    overflow: hidden;
    -webkit-overflow: hidden;
}

.best_seller .pd_slider {
    height: 200px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
}

.best_seller.card {box-shadow: none;}
/* CSS for Best Seller */


.compare-box .arrow-right {width: 0; height: 0; float: left; border-top: 70px solid transparent;
    border-bottom: 70px solid transparent; border-left: 30px solid #FFCD00;}
.compare-box .cmpr-btn{float: right; margin-top: 55px!important;}
.transparent-box {
    display:none;
    width: 100%;
    position: fixed;
    top: 0px;
    background: rgb(34, 34, 34) none repeat scroll 0% 0%;
    height: 100%;
    opacity: 0.5;
    left: 0px;
    right: 0px;
    z-index: 998;
}
.remove-search {
    position: absolute;
    top: -20px;
    right: -25px;
    z-index:1;
    color:#fff;
    border-radius: 50%;
    border:2px solid #fff;
    padding: 0 6px;
    background: url("../../assets/images/close4.png") no-repeat;
    background-size: cover;
    width: 10px;
    height: 22px;
}
.remove-search:hover, .remove-search:focus {color:#fff;}
.recomendation-box h2 {font-size: 17px; font-weight: bold;}

.see-more-link{
    color: #00bfbf;
    margin-left: 10px;
}

.comparebox-bottom .big-wrapper {display:none;}
.product-sec .mL-30 {margin-left: 30px;}
.product-sec .mL {margin-left: 10px;}
.count-product {width: 100%; float: left; margin-top: 5px;}
.count-product > span{font-weight: bold;}
#variantCompareView .var-search {background: url("../images/search.png") no-repeat; background-position: 98% center;}

/* css for Guest login page*/

.js-guestLoginForm .btn-blue{
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
}
.container-fluid.combo-pack-product{padding-top: 0px;  padding-bottom: 0px;}
.combo-pack-product .row{ margin: 0px;}
.product-top-detail{
    /*border: 1px solid #dddddd;*/
    /*padding: 0 10px;*/
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}
.combo-pack-product{box-shadow: none; padding:0;}
.combo-pack-product .product-left-detail{
    margin:0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}
.price-off-detail{
    padding-top: 12px;
    margin-right: 23px;
    margin-bottom: 0px;
}
.price-off-detail:after {
    content: '';
    display: table;
    width: 100%;
}
.price-off-detail > div{float: left; margin-bottom: 10px;}
.price-off-detail > div:first-child{ margin-right: 15px;}
.product-left-detail .addPackToCart{width: 100% !important;}
.product-left-detail > div{float: left;}
.speak-expert{
    float: left;
    width: 100%;
    margin-bottom: 0 !important;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    position: relative;
    padding: 13px 0;
}
.speak-expert > div.speak-text {
    font-size: 14px;
    font-weight: 600;
    margin: auto !important;
}
.speak-expert > div.speak-text a{font-weight: 700;}
.speak-expert .p-icon.block-center{display: inline-block;}
.product-details.combo-pack-product .buy-now-container{float: left;
    width: 232px;}

/*===================== header and footer section responsive css=======================*/

@media only screen and (max-width: 767px){
    #header .header-info,.card {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .review-page-title{margin-top: 5px;}

}

/*================css for detail tab data in to pack product page ================*/
.tabs .tabs-content > div.pack-detail-tab-data{padding:15px 10px 10px 0px;}

.loyalty-circle{width: 20%;float: left; margin-left:5px;}
.loyalty-circle-2{width: 20%;float: left; margin-left:5px;}
.loyalty-hk-cash{width:auto; margin-bottom: 10px; float: left;}
.loyalty-hk-cash-2{float:left; width:100%; margin-bottom: 10px; margin-top: 10px;}
.loyalty-hk-cash-2 .variant-loyalty-cash-text{width:30%;}
.loyalty-hk-cash-2 .variant-loyalty-cash{width:auto;}
.variant-loyalty-cash-pack{width:32%;}
.variant-loyalty-text-pack{width:14%;}
.loyalty-cash-questionmark{
    width: 15px;
    height: 15px;
    margin-bottom: 0 !important;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border:1px solid #a7a9ac;
    float: left;
    text-align: center;
    line-height: 1.1;
    margin-top:2px;
}
.loyalty-cash-questionmark a {
    display: block;
}
.span12 .login-msg{
    padding: 10px 0;
    color: #333;
}
.span12 .login-msg a{
    color: #38A4DD;
    font-weight: bold;
    text-decoration: underline !important;
    background:transparent;
    padding: 10px 15px;
    /*margin-left:15px;*/
}
.login .show-control {
    /*float: right;*/
    position: static;
    width: 10px;
    height: 10px;
    /* padding: 0 5px 0 0; */
    /* margin-left: 6px; */
    display: inline-block;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    padding-right: 5px;
    padding-top: 7px;
    padding-bottom: 3px;
    padding-left: 5px;
    box-sizing: initial;
    margin-right:10px;
}
.login .usr-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80px;
    padding-bottom: 4px;
    position: relative;
    top: 4px;
}

#NavBox.nav-box-cntnr{
    display: none;
}
.login .show-control .icn-dwn-arrow{
    vertical-align: top;
}
.login .login-offer.showOffer .show-control{
    margin-top: 1px;
    padding-bottom: 2px;
}
.login .show-control.rotateArrow {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 12px;
    right: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.login .login-offers-list{
    position: absolute;
    z-index: 1;
    width: 100%;
    display: block;
    background-color: #e4e4e4;
    margin-top: 0;
    text-align: left;
    padding:10px 21px 10px 36px;
    left:0;
    right:0;
    top:100%;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.login-tube .login .span3.login-offer.showOffer{
    background-color: #E4E4E4;
}
.login .login-offers-list li{
    font-size: 12px;
    list-style-position: outside;
    padding: 0 10px 0 5px;
    float: left;
    width: 100%;
}
.login .login-offers-list li a{
    font-size: 11px;
    padding:0 15px 0 0;
    width:100%;
    float: left;
    color:#38A4DD;
}
.login .login-offers-list li a:hover, .login .login-offers-list li a:focus{
    text-decoration: underline!important;
    color:#38A4DD;
}
.catalogOffers .variant-tile .rating-cont{
    padding: 3px 0 6px;
}
.row .login .span3{
    margin: 10px 6px 6px !important;
    border-left: 1px solid #C3C3C3;
    /*padding :10px 6px;*/
    /*width: 20.1%;*/
    display: table-cell;

}
.login-tube .login {
    background: #f7f7f7;
    padding: 0;
    box-sizing: border-box;
}
.login-tube a{
    color: #333;
}
.login-tube .login .span3{
    float: none;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
}
.login-tube .login .span3 a:hover{
    color: #38A4DD;
}
.row .login .span4{
    margin: 0 !important;
    border-left: 1px solid #C3C3C3;
    padding :4px 10px 5px 15px;
    float: none;
    display: table-cell;
    vertical-align: middle;
}
.span12.login.NumberVerified .span4{
    white-space: nowrap;
}
.row .login .span4 a:hover{
    text-decoration: underline;
    color: #333;
}
.mainContainer.catalogOffers .variant-tile .price-container-new{
    margin-bottom: 0px;
    margin-top: 5px;
    display: inline-block;
    height: 55px;
    width: 100%
}
.exp-buy-auth-cont .price-container{
    width: 100%;
    float: left;
}
.catalogOffers.mainContainer .variant-tile{
    min-height: 360px;
}
.catalogOffers .ttl-cntnr h1, .catalogOffers .ttl-cntnr h4{
    display: block;
}
.offer-dt-desktop h1{
    display: block;
    margin-right: 0;
    max-width: 100%;
}
.catalogOffers .variant-tile{
    border: 0 !important;
}
.row .login .span3:first-child{border-left: 0 none;}
.login > div a{font-size:14px;}
.login > div.login-usr a{font-size:10px;}
/*.login-msg a{*/
    /*color: #ffffff;*/
/*}*/
.row .span3.login-offer .e-offer{
    vertical-align: top;
    margin-top: 4px;
    display: inline-block;
    color: #333;
}
.row .span3.login-usr .icn-dwn-arrow{
    position: relative;
    top: -2px;
}
.row .span3.login-offer .show-control.rotateArrow{
    position: relative;
    top: 5px;
    right: 0;
    margin-top: 0;
    box-sizing: border-box;
}
.row .span3.login-offer .show-control{
    top: 5px;
    box-sizing: initial;
    position: relative;
}
/*.login-msg a:hover{*/
    /*text-decoration: none!important;*/
/*}*/
.catalogOffersPage .login-offer {
    background-color: #E4E4E4;
}
.offer-validity{
    padding-left: 15px;
}
.packPage{
    margin-top: 20px;
}
.offer-dt .offer-validity{
    padding-left: 0;
    display: block;
    line-height: normal;
}
.container > div.span12.right{
    margin: 0;
}

.hk-header .left-tab, .hk-header .center-tab, .hk-header .right-tab{float:left;}
.hk-header .left-tab {
    text-align:left;
    vertical-align: middle;
    padding-top:0px;
    width:30%;
    position: relative;
    bottom: -3px;
    margin-top: 4px;
}
.hk-header .center-tab {width: 16%;}
.hk-header .right-tab {margin-top:10px;float:right;}
.hk-header .right-tab{width: 26%;}
.hk-header .right-tab, .hk-header .center-tab{text-align:right;}
.hk-header .right-tab .flipper {width: 100%; float: left;}
.hk-header .right-tab .front, .hk-header .right-tab .back{width:100%;right:15px; left:auto;}
.hk-header .left-tab a {
    width:18%;
    float:left;
    color: #999999;
    font-size:15px;
    letter-spacing: 1px;
    padding-top: 0;
    letter-spacing: normal;
    padding: 0px;
}

/*.hk-header .left-tab a:first-child{ margin-right: 35px;}*/
.hk-header .right-tab .flip-container, .hk-header .right-tab .refer-container {width: 30%;float:right;}
.offer-sec .svg-icon, .account-sec .svg-icon{display: table; margin:0 auto;}
.tab-text {color: #8A8B8E; font-size: 10px; width: 100%; float:left;
    font-weight: bold;}
.header-top-right a{
    float: left;
    border-right: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0;
    margin-right: 0;
}
.header-top-right{
    float: right;
    line-height: normal;
    padding-top: 9px;
}
.header-top-right a:last-child{
    border-right: 0;
    padding-right: 0;
}
.header-top-right a span{position: static;}
.offer-sec, .menu-label, .account-sec{position:relative;}
.main-menu {margin:0;padding:0; display: none;
    position: absolute;
    left:0; right:auto;
    width:218px;
    -webkit-transition-property: display; /* Safari */
    -webkit-transition-duration: 2s; /* Safari */
    -webkit-transition-delay: 2s; /* Safari */
    transition-property: display;
    transition-duration: 2s;
    transition-delay: 2s;
    background: #fff;
    top:100%;
    z-index: 2;
}
.main-menu li {list-style:none; text-decoration: none;}
.menu-label { display: inline-block;}
/*.menu-label:hover .main-menu{*/
/*display:block;*/
/*}*/
.menu-label .icn-dwn-arrow {border-top-color: #fff; float: right; margin-right:10px; margin-top:0px;}
.menu-label span.bottom-arrow {display:none;border-top-color: #00bfbf; position: absolute !important; top:100%; margin:0 auto; z-index: 9999; left: 0; right:0;}
/*.menu-label:hover span.bottom-arrow{display: block;}*/
.accoutn-dropdown-section .dropdown-menu li.login-link,
.account-sec ul li.login-link{background:#00bfbf; margin-top:10px; width:100%; float: left;}
.accoutn-dropdown-section .dropdown-menu li.login-link a,
.account-sec ul li.login-link a{color:#fff; text-transform: uppercase; text-align: center;}
.offer-sec, .account-sec { text-align: center; line-height: 1.2; color: #b2b2b2;display:table-cell; border:1px solid transparent;}
.offer-sec .dropdown-menu, .account-sec .dropdown-menu {right:-2px; left:auto; text-align: left; border-radius: 0px; padding:0 10px 10px; top:118%; min-width:190px;}
.offer-sec .dropdown-menu li, .account-sec .dropdown-menu li{border-bottom: 1px solid #e5e5e5;}
.accoutn-dropdown-section .dropdown-menu li.login-link a,
.offer-sec .dropdown-menu li a, .account-sec .dropdown-menu li a{padding:12px 5px; color:#000; display:block; text-align:left; background: transparent!important; font-size:14px;}
.offer-sec .dropdown-menu li:last-child, .account-sec .dropdown-menu li:last-child{border-bottom: 0 none;}
.offer-sec .header-icons-track, .account-sec .header-icons-track  {float:none;}
#header, .header-wrapper {width:100%; float: left;}
/*.header-wrapper {background: #434343;}*/
#header .wrapper{background: transparent;}
.login-section {background: #fff; margin-left:0px!important; margin-right:0px!important;}
/*.main-menu .gm-mc:hover .gm-sc-cntnr, .main-menu .gm-mc a:hover .gm-sc-cntnr{display:block;}*/
.hk-header .referral-tab.selected {color: #434343;}
.hk-header .referral-tab.selected caption, .hk-header .referral-tab.selected caption:hover,
.hk-header .referral-tab.selected caption:focus{border-bottom: 3px solid #434343;}
.right-tab .right-option {float: right;  margin-top: 10px;}
.right-tab .right-option a{display: table-cell;text-align:center; line-height: 1.2; color:#a7a9ac; padding:0; margin:0;}
.right-tab .right-option a span{float:none; background-image: none!important;}
.cart-pop-label .total-count{position:absolute; right:5px; left:auto; border-radius:50%; background:#38A4DD; color:#fff;top:1px;width:18px;height:18px;}
.cart-pop-label .total-count span{position:relative; top:4px;}
.cart-pop-label .cart-text {color:#b2b2b2;font-size: 12px; width:100%; float:left;}

.cart-pop-container:hover span.cart-text{
    color: #000;
}
.offer-sec.hover-box:hover svg path{
    fill: #fff !important;
}
/*.cart-icon-box svg path{*/
    /*fill:#A7A9AC!important;*/
/*}*/
.header-section {
    float:left;
    position: relative;
}
.right-tab .header-icons{background-image: none!important;}
.header-search-section .search-bar-box{
    width:48%;
    float:right;
    position: static;
}
.header-search-section .search-bar-box .hk-search-bar{
    width: 50%;
    float: right;
    margin-top: 0px;
}
.header-search-section .search-bar-box {
    float: left;
    width: 43%;
    padding-top: 13px;
    margin-left: 7.5%;
}
.header-search-section .search-bar-box .hk-search-bar{
    position: relative;
    float: left;
}
.header-search-section .search-bar-box .hk-search-bar{
    width: 100%;
}
.header-search-section .hk-search-bar .icn-search{
    float: right;
    width: 20%;
    position:relative;
    background: #e8e8e8;
    font-weight: normal;
    box-sizing: border-box !important;
}

.header-search-section .stickyactive.search-bar-box .hk-search-bar{
    margin-top: 4px;
}
.header-search-section .hk-search-bar .icn-search:after{
    content:'search';
    text-transform: uppercase;
    color: #333;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    text-align: center;
    padding-top: 9px;
    border: 1px solid #bdbcbc;
    /*box-shadow: 0 0 5px 0px #ccc inset;*/
    font-weight: 600;
    border-left: 0;
}
.header-search-section .hk-search-bar .icn-search i{
    display: none;
}
.header-search-section .search-box{
    width: 80%;
    box-sizing: border-box !important;
}
.header-search-section .search-bar-box.stickyactive{
    width: 300px;
    padding-top: 0;
    margin-left: 0;
    left: 63.5%;
    display: none;
}
.header-search-section .search-bar-box.stickyactive.showSearchBTN{display: block;}
.header-search-section .search-bar-box.stickyactive .icn-search {
    background-color: #fff;
    position: absolute;
    width: 36px;
    height: 27px;
}

.header-search-section .search-bar-box.stickyactive .icn-search:after{
    display: none;
}
.header-search-section .search-bar-box.stickyactive .icn-search i{
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 0;
    position: relative;
    top: -3px;
}

.header-search-section .search-bar-box.stickyactive .search-box{
    width: 100%;
}
.header-search-section .search-bar-box.stickyactive .hk-search-bar .hk-search-box{
    border:0;
    height: 27px;
    background: #fff;
    padding: 7px 30px 7px 10px;
}
.headermenu-outer li span.tab-text{
    display: none;
}
.headermenu-outer .flyout-menu span.icn.icn-dwn-arrow:after {
    content: '';
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    right: -5px;
    border-top: 5px solid #00bfbf;
    top: -7px;
}
.headermenu-outer li span.icn-dwn-arrow{
float: none;margin-top: 8px; margin-left: 10px;
    position: relative;
}

/*.login-msg a{background:#38A4DD; color:#fff; padding:10px; margin-left:15px;}*/
.right-option .hover-box:hover .dropdwn-box{display:none;}

.offer-sec .return-policy{border:1px solid #e5e5e5;}
.offer-sec .return-policy svg{
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 5px;
    margin-top: -2px;
}.header-box .login-tube{width:61%; float:left;}
.search-box {
    width: 100%;
    float: right;
    position: relative;
    margin-top: 0px;
    margin-bottom: 0;
}
.gm .shop-by-concern {width:12%;}
.gm .shop-by-product {width:17%;}
.gm .shop-by-service {width:15%;}
.gm-tc-list a:hover{text-decoration: underline!important; color: #177a99 !important;}
/*.gm-mc:hover .gm-sc-cntnr{display:block}*/
.gm-mc .gm-sc-cntnr{display:none; }
.main-menu .arrow-right {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #434343;
    position: absolute;
    right:-10px;
    z-index: 999;
    left:auto;
    top:0;
    bottom:0;
}
.pd-10{padding:10px!important;}
.top-menu-box{width:100%; float:left; border-bottom: 1px solid #e5e5e5; display: table; vertical-align: middle; background:#fff;}
.top-menu-box .wrapper  .top-box{width: 1%; text-align:center; display:table-cell; vertical-align: middle; padding:5px 20px; border-right:1px solid #e5e5e5; line-height: 1.2;}
.top-menu-box .wrapper  .top-box:first-child{border-left: 0 none;}
.top-menu-box .wrapper  .top-box:last-child{border-right: 0 none;}
.top-menu-box .wrapper  .top-box a h3, .top-menu-box .wrapper  .top-box h3{color: #434343; font-weight: 700; font-size:13px; margin: 0;}
.top-menu-box .wrapper  .top-box a p, .top-menu-box .wrapper  .top-box > a, .top-menu-box .wrapper  .top-box .top-description-box a {color: #b2b2b2;font-size: 11px;}
.top-menu-box .wrapper  .top-box .top-description-box{float: none; display: inline-block; border-right:1px solid #e5e5e5; }

.top-menu-box .wrapper  .top-box a p, .top-menu-box .wrapper .top-box .top-description-box a {text-decoration: underline!important;}
.top-menu-box .wrapper  .top-box .top-description-box{text-align: right; padding-right:10px;}
.top-menu-box .wrapper  .top-box .top-description-box:last-child {text-align: left; padding-left: 10px; border-right: 0 none;}
.topBanner .bnr-700-cnt.home-banner, .topBanner .span12 {width:100%; display:table; vertical-align: top;}
.topBanner .bnr-700-cnt.home-banner .slot-one {display: table-cell; vertical-align: top; float:none; width: 700px;}
.topBanner .bnr-700-cnt.home-banner .slot-two, .topBanner .bnr-700-cnt.home-banner .slot-three {display: table-row; float: left; width: 240px; margin-left: 20px; margin-bottom: 20px; margin-right: 0;}
.topBanner .bnr-700-cnt.home-banner .slot-two .carousel-inner, .topBanner .bnr-700-cnt.home-banner .slot-three .carousel-inner,
.topBanner .bnr-700-cnt.home-banner .slot-two .carousel-inner .item, .topBanner .bnr-700-cnt.home-banner .slot-three .carousel-inner .item{width:100%;height:100%;}
.topBanner .bnr-700-cnt.home-banner .slot-three {float:left; margin-bottom: 0!important;}
.topBanner .bnr-700-cnt.home-banner .slot-two img, .topBanner .bnr-700-cnt.home-banner .slot-three img {width:100%; height:100%;}
.sale-container .bnr-700-cnt .slot-one, .sale-container .bnr-700-cnt .slot-two {margin-bottom: 0;}
.sale-container .bnr-700-cnt img{width:100%;}
.cart-pop-container a {padding:10px;}
.log-out{margin-top: 10px;}
.wrapper.container-fluid{padding:0; clear:both;}
.pdTB {padding-top:5px!important; padding-bottom:5px!important;}
.secure-payment-box {margin-top:10px;}
.carousel-inner .item img.lazy {
opacity: 0;
}
.carousel-inner .item img.lazy.imageLoaded {
    opacity: 1;
}
/*arun css start*/
/*.gm{z-index:0;overflow:hidden;}*/
/*.gm.activemainmenu{z-index:100;}*/
.main-menu{display:block;z-index:-99;opacity:0;transition:all .8s ease-in-out;
    -webkit-transition:all .8s ease-in-out;
    -moz-transition:all .8s ease-in-out;
    -o-transition:all .8s ease-in-out;}
.headermenu-outer.sticky .main-menu{visibility: hidden;}
.gm > li.menu-label.activemenu .main-menu{
    z-index:999;opacity:1;
 }
.headermenu-outer.sticky .gm > li.menu-label.activemenu .main-menu{
    visibility: visible;
}
.main-menu > li.gm-mc.maintainHover .gm-sc-cntnr{
    display:block;border-top:0px;
}
.gm > li.menu-label.activemenu  span.bottom-arrow{display: block;}
.menubg-wrapper{background: #fff none repeat scroll 0 0;
    border-bottom: 2px solid #a7a9ac;
    left: 0;
    min-height:480px;
    position: absolute;
    top: 42px;
    width: 100%; display: block;transition:all .8s ease-in-out;
    -webkit-transition:all .8s ease-in-out;
    -moz-transition:all .8s ease-in-out;
    -o-transition:all .8s ease-in-out;
    z-index: -99;opacity:0;
}
.menubg-wrapper.activewrap{z-index:99;opacity:1}
.headermenu-outer{position: relative;}
.gm .menu-label, .offers-box{ position:static; padding-left:0px; margin-right: 35px; cursor: pointer; box-sizing: initial;}
.menu-label.shop-by-concern span.bottom-arrow{left:30px; right:auto; margin:auto;}
.menu-label.shop-by-product span.bottom-arrow{left:160px; right:auto; margin:auto;}
.menu-label.shop-by-service span.bottom-arrow{left:300px; right:auto; margin:auto;}
.gm-sc-cntnr{ min-height: 500px !important;max-height: 440px !important;overflow:hidden;}
.gm-sc-container .l1child{margin-top:0px;}
.main-menu li{border-bottom: 0px;}
.main-menu li > a{font-size:13px; position:relative;width:173px; border-bottom: 1px dashed #d1d3d4;overflow: visible;text-transform: uppercase;font-weight:normal; line-height: 0.5;}
.main-menu li.maintainHover > a{ color: #177a99 !important; font-size:13px;}
.main-menu li.maintainHover > a:before{top:50%; right:-36px;transform:translateY(-50%);z-index:9;border-left:10px solid #ffffff;border-right:10px solid transparent;border-bottom:10px solid transparent;border-top:10px solid transparent; content:""; position:absolute;}
.main-menu li.maintainHover > a:after{top:50%; right:-38px;z-index:8;transform:translateY(-50%);border-left:10px solid #d1d3d4;border-right:10px solid transparent;border-bottom:10px solid transparent;border-top:10px solid transparent; content:""; position:absolute;}
.gm-mc:hover{ background:transparent;}
.span12.login{ padding: 0px 0px;}
.span12 .login-msg a{ padding: 0;}
/*.span12 .login-msg a:first-child{margin-left:15px;}*/
.account-sec .dropdown-menu{ padding-top: 0px; top:45px;}
.offer-sec .dropdown-menu{top:45px}
.account-sec ul li:first-child{padding-top:0px;}
.hk-header .right-tab{ margin-top:10px;}
.hk-header .tab-wrapper{width:960px;}
.hk-header .left-tab a{ width:auto; text-align: left; padding-left: 0; margin-right: 20px;}
.hk-header .left-tab a.Shop{margin-right: 35px;}
.header-icons.track-icon,.help-icon.header-icons,.account-icon.header-icons,.header-icons.cart-icon-box{margin-top: 6px;}
.cart-pop-label .total-count{top:5px;}
.offer-sec:after,.account-sec:after{display:none;top:45px; width:100%; position:absolute;left:0px; content:"";height:5px; background: #fff;z-index:9999;}
.header-login-section .cart-pop-container:after,.account-sec:after{
    display: none !important;
}
.offer-sec:hover{border:1px solid rgba(0, 0, 0, 0.2); }
.offer-sec:hover:after,.account-sec:hover:after{display: block;}
.account-sec.showCart,
.account-sec:hover{border:1px solid rgba(0, 0, 0, 0.2);}
.account-sec.showCart #cartPop{display: block !important;}
.offer-sec .dropdown-menu, .account-sec .dropdown-menu{top:47px; right:-1px;}
.offer-sec, .account-sec{ height:48px;}
.cart-pop-container{height:48px;position:relative;top:-3px;}
.cart-pop-container:after{display:none;top:48px; width:100%; position:absolute;left:0px; content:"";height:5px; background: #fff;z-index:9999;}
.cart-pop-container:hover{border:1px solid rgba(0, 0, 0, 0.2); }
.cart-pop-container:hover:after{display:block;}
#cartPop.popUp{right:-1px; top:41px;margin-left: 0px;z-index:99;}
#cartPop.popUp .bdySctn{box-shadow:0 4px 5px #c8c8c8;}
/*.header-icons.cart-icon-box{ margin-left: -5px;}*/
.cart-pop-label{ padding-right: 2px;}
.main-menu{min-height:450px;}
.full-width.float-l.headermenu-outer.sticky{position: fixed;  z-index: 99999;top:0;}
.top-menu-box.sticky,.login-section.sticky{ display: none;}
.header-info.stickyactive{padding-top:80px;}
.gm-sc-nm-cont a:hover{text-decoration:underline !important; color: #177a99 !important;}
.cart-header{border-bottom:2px solid #dddddd; margin:0 !important;}
.login-wrapper{ margin-top: 15px; padding-top: 50px; position: relative;}

.full-width.float-l.headermenu-outer.header-sticky{left: 0;
    position: fixed;
    top:0px;opacity:0;z-index:-1;overflow:hidden;}
.full-width.float-l.headermenu-outer.header-sticky.stickyactive{ top:0px;opacity:1;z-index:9999;}
.full-width.float-l.headermenu-outer.header-sticky.stickyactive .main-menu{height:0;}
.full-width.float-l.headermenu-outer.header-sticky.stickyactive.showsubmen{overflow:visible;}
/*.search-bar-box.stickysearch{left: 51%;*/

    /*}*/
.search-bar-box.stickyactive{top: 0px;z-index: 99999;position: fixed;left:51.5%;
    top:0px;
    width: 460px;}
    /*arun css ends*/

.dropdown-box{
    width:100%;
    position: absolute;
    right:0;
    left:0;
    z-index: 1;
    background: #fff;
    display: none;
    top: 0;
    height: 350px;

}
.menu-label:hover .dropdown-box{display:block;}
.p-relative{position:relative;}
.dropdwn-box {position: absolute; display:none; top:0;left: 0px; right: 0px; margin: 0px auto; z-index: 1100; border-width: 1px 1px 5px; border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; width: 100%; background: transparent none repeat scroll 0% 0%; height: 45px;}
.offers-box a, .offers-box a:hover, .offers-box a:focus,
.hk-coach a, .hk-coach a:hover, .hk-coach a:focus,.consult-topnav a,.connect-topnav a,.consult-topnav a:hover,.connect-topnav a:hover{color:#fff; padding: 2px 0 2px; font-weight: 600;}
.hk-coach,
.offers-box,.consult-topnav,.connect-topnav {display:inline-block;}
.sub-menu-img {
    width: 174px;
    display: inline-block;
    text-align: center;
    position: absolute;
    bottom: 62px;
    right: 0;
    vertical-align: top;}
.sub-menu-img img.gm-sc-bg-image {width:100%;}
.no-scroling {overflow: hidden!important;}
.user-login-box {position: relative;
    padding: 5px 15px 0;
    border: 1px solid transparent;
    display: inline-block;
    width: 150px;
    box-sizing: border-box!important;
}
.user-login-box:hover {
    /*background: #fff;*/
    /*margin: 0;*/
    /*border: 1px solid #C3C3C3;*/
}
.user-login-box:hover .user-dropdown {display: block;
    border: 1px solid #C3C3C3;
    border-top: 0;
    }
.user-dropdown{
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
    width: 150px;
    left: -1px;
    margin: 0;
    /* right: 0; */
    padding: 10px;
    z-index: 999;
    text-align: left;
    box-sizing: border-box;
}
.user-dropdown a {
    display: block;
    padding: 10px;
    font-size: 14px!important;
    text-decoration: none;
    border-bottom: 1px solid #C3C3C3;
}
.pack-kit-disable{min-height:70px;}
.user-dropdown a:last-child{border-bottom:0;}
.login-box .text-blue{color:#38A4DD;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {height:auto;}
.login-profile i{float:left; margin-right:10px;}
.login-offer i {float: none; margin-right: 7px; display: inline-block;}
.mainContainer {width:100%;float:left;}
.mainContainer > .container > img{margin-top:10px; width:100%;}
.mainContainer > .container{padding:0;margin:0; width:100%;}
.home-offers {top:170px!important;}
.normal-text {cursor: default;}
@media screen and (min-width: 280px) and (max-width:767px){
        .header-resp > .wrapper {width: 100%;}

}
.sale-container .bnr-700-cnt .slot-one, .sale-container .bnr-700-cnt .slot-two,.sale-container .bnr-700-cnt .slot-three {height:auto;}
/* banner css by arun 24-5-16*/
.topBanner .bnr-700-cnt.home-banner .slot-one{width:620px;}
.topBanner .bnr-700-cnt.home-banner .slot-one .carousel-inner{height:340px;}
.topBanner .bnr-700-cnt.home-banner .slot-two,.topBanner .bnr-700-cnt.home-banner .slot-three{width:320px;height:160px;}
.hk-header .referral-tab:last-child{margin-left:0;}
.hk-header .referral-tab.Connect{margin-left:10px;}
.search-bar-box .hk-search-bar{width:70%;}
.thirdPartyDataList {
    max-width: 960px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 20px;
    /*overflow: hidden;*/
}
.thirdPartyDataList .noSlider.nbs-flexisel-ul{width: 100%;}

/* Code for Skeleton placeholder Starts */
.timeline-item {
      display: inline-block;
background: #fff;
padding: 12px;

/*margin: 0 auto;*/
max-width: 200px;
min-height: 200px;
width: 100%;
/*margin: 2%;*/
margin-left: 30px;
margin-right: 30px;
}
.timeline-itemTitle {
background: #fff;
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
border-radius: 3px;
padding: 12px;
margin: 0 auto;
max-width: 200px;
min-height: 20px;
}
@keyframes placeHolderShimmer{
0%{
    background-position: -468px 0
}
100%{
    background-position: 468px 0
}
}

.animated-background {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 800px 104px;
height: 250px;
position: relative;
}
.animated-backgroundTitle {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 800px 104px;
height: 15px;
margin-top: 30px;
margin-bottom: 30px;
position: relative;
}
.background-masker {
/*background: #fff;*/
/*position: absolute;*/
}

/* Every thing below this is just positioning */

.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {

    /* display: inline-block; */
    /* top: 135px; */
    height: 15px;
    /* width: 100%; */
    max-width: 200px;
    margin-top: 25px;
}

.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
/*top: 10px;*/
/* left: 40px; */
height: 160px;
width: 10%;
height: 160px;
    width: 80%;
    margin: auto;
    max-width: 200px;
}

.background-masker.header-bottom {
/*top: 160px;*/
height: 8px;
}

.background-masker.subheader-left,
.background-masker.subheader-right {
top: 24px;
height: 6px;
}


.background-masker.header-right,
.background-masker.subheader-right {
width: auto;
left: 90%;
right: 0;
}

.background-masker.subheader-right {
left: 230px;
}

.background-masker.subheader-bottom {
height: 8px;
margin-top: 12px;
}

.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
left: 0;
right: 0;
height: 8px;
margin-top: 12px;
width: 50%;
}
.background-masker.content-top-second,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
/*top: 235px;*/
left: 0;
right: 0;
height: 15px;
left: 80px;
}

.background-masker.content-top .background-masker.content-top-second {
height:15px;
}

.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end{
width: auto;
left: 380px;
right: 0;
top: 60px;
height: 8px;
}

.background-masker.content-second-line  {
top: 68px;
}

.background-masker.content-second-end {
left: 420px;
top: 74px;
}

.background-masker.content-third-line {
top: 82px;
}

.background-masker.content-third-end {
left: 300px;
top: 88px;
}
/* Code for skeleton placeholder Ends */

#bestSellersWidget .reviewHide {display: none}
#flexiCarousel-recommend .variant-tile, #flexiCarousel-seed .variant-tile {min-height: 290px;}
.freebie {margin: 11px 10px;padding-left: 30px;}
.freebie .cart-freebie svg {
    float: left;
    margin-right: 5px;
    margin-top: 1px;
}
.freebie .freebie-text {
    width: 90%;
    font-size: 14px;
    color: #000;
    font-weight: 700;
    padding-left: 5px;
    float: left;
    line-height: 2;
}
.applied .cart-freebie{ text-decoration: none ;}
.page-cart-freebie {
    color: #000;
    padding: 5px;
    font-weight: 500;
    font-size: .9em;}
.font12 {
    font-size: 12px;
}
.mgt10 {
    margin-top:10px;
}
.colRed {
    color: red;
}
.cart-freebie{
    color: #090;
    padding: 5px;
    font-weight: 500;
    font-size: 0.9em;
}
.offerbox .freebie-txt {
    font-size: 0.8em;
    font-weight: 600;
    display: inline-block;
    margin: 0px 5px;
    line-height: 1.3em;

}
.download-apps{
    white-space: nowrap;
    width: 114px;
    overflow: hidden;
    float: left;
    border-right: 1px solid #ccc;
    padding-right: 5px;
    transition: width 1s;
    -moz-transition: width 1s;
    -o-transition: width 1s;
    -ms-transition: width 1s;
    -webkit-transition: width 1s;
    cursor: pointer;
    box-sizing: initial;
}
.download-apps:hover{
    color: #1B87C9;
}
.header-top-right .download-apps a{
    float: none;
    display: inline-block;
    padding-right: 2px;
    padding-left: 8px;
}
.header-top-right .download-apps a:last-child{
    padding-right: 5px;
    padding-left: 5px;
}
.download-apps a{
    border: 0px !important;
}
.header-wrapper .download-apps .header-icons-text{
    top: 0;
    float: none !important;
    display: inline-block;
    vertical-align: top;
}
/*.download-apps:hover{*/
    /*width: 160px;*/
 /*}*/
.download-apps:hover span svg path:last-child
/*,.header-top-trip .header-top-right .download-apps a:hover svg path*/ {
    fill: #1B87C9 !important;
}
.user-login-box ul li{
    border-top: 1px solid #d8d8d8;
}
.user-login-box ul li:last-child{
    border-bottom: 0;
}
.accoutn-dropdown-section{
    position: relative;
    padding: 5px 5px;
    display: inline-block;
    width: 100%;
    border: 1px solid #fff;
    border-bottom: 0;
    box-sizing: border-box;
}
.accoutn-dropdown-section:hover{
   border: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 0;
}
.accoutn-dropdown-section .dropdown-menu{
    padding: 0 10px 10px;
    min-width: 190px;
    margin-top: 0;
    left: -1px;
    border-radius: 0;
}
.accoutn-dropdown-section:after{
    content: '';
    width: 100%;
    height: 8px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 90%;
    z-index: 1111;
    display: none;
}
.accoutn-dropdown-section:hover:after{
    display: block;
}
.accoutn-dropdown-section .header-icons-text{
    width: auto;
    font-size: 15px;
    font-weight: normal;
    padding: 8px 8px;
    vertical-align: top;
    position: static;
}
.accoutn-dropdown-section .account-icon{
    float: left;
    margin-top: 0;
}
.accoutn-dropdown-section .account-icon svg{
    width: 21px;
    height: 24px;
}
.accoutn-dropdown-section:hover .dropdown-menu{
    display: block !important;
}
.accoutn-dropdown-section .icn-dwn-arrow{
    float: left;
    margin: 12px 0 0px 1px;
}
.accoutn-dropdown-section .dropdown-menu li{
    display: inline-block;
    width: 100%;
    vertical-align: top;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;

}
.accoutn-dropdown-section .dropdown-menu li:focus,
.accoutn-dropdown-section .dropdown-menu li:visited,
.accoutn-dropdown-section .dropdown-menu li a:focus,
.accoutn-dropdown-section .dropdown-menu li a:visited,
.accoutn-dropdown-section .dropdown-menu li:hover{
    background: transparent;
}
.accoutn-dropdown-section .dropdown-menu li a:focus,
.accoutn-dropdown-section .dropdown-menu li a:visited
{
    color: #333333 !important;
}
.accoutn-dropdown-section .dropdown-menu li:hover a{
    background: transparent;
    color: #333333 !important;
}
.accoutn-dropdown-section .dropdown-menu li.login-link:focus,
.accoutn-dropdown-section .dropdown-menu li.login-link:visited,
.accoutn-dropdown-section .dropdown-menu li.login-link:hover{
    background-color: #f35700;
}
.accoutn-dropdown-section .dropdown-menu li a{
    padding: 10px 5px;
}
.accoutn-dropdown-section .dropdown-menu li.login-link{
    background: #f35700;
}
.accoutn-dropdown-section .dropdown-menu li.login-link a{
    color: #fff !important;
    text-align: center;
    padding: 10px 5px;
}
.accoutn-dropdown-section .dropdown-menu li a span{
    float: left;
}
.accoutn-dropdown-section .dropdown-menu li a span.normal-text{
    margin-right: 10px;
}
.accoutn-dropdown-section .dropdown-menu li a:hover{
    background: transparent !important;
    color:#00bfbf !important;
}
.accoutn-dropdown-section .dropdown-menu li.login-link a:hover{
    color:#fff !important;
}
.accoutn-dropdown-section .dropdown-menu li:hover a span.normal-text{
    color: #333333 !important;
}
.accoutn-dropdown-section .dropdown-menu li a span.text-blue{
   color: #38A4DD;
}
.accoutn-dropdown-section .dropdown-menu li:last-child{
    margin-bottom: 0;
    border-bottom: 0;
}
/*.accoutn-dropdown-section .account-icon svg path:first-child,*/
/*.accoutn-dropdown-section .account-icon svg path:last-child,*/
/*.accoutn-dropdown-section .account-icon svg path{*/
    /*fill: #162D40 !important;*/
/*}*/
.thirdPartyDataList .rating-cont { text-align: left;}

.hideSpan{margin-top: 40px;}
.hideSpanPer{margin-top: 10px;}

.freebie {margin: 11px 10px;;padding-left: 30px;}
/*.freebie .cart-freebie{float: left;}*/
.freebie .cart-freebie svg {
float: left;
margin-right: 5px;
margin-top: 1px;
}
.freebie .freebie-text {
width: 90%;
font-size: 14px;
color: #000;
font-weight: 700;
padding-left: 5px;
float: left;
    line-height: 2;
}
.applied .cart-freebie{ text-decoration: none ;}
.bxgy-svg {margin-top: 10px;}
.bxgy-svg svg {width: 30px; height: 30px;}
.bxgy-head li:first-child { text-transform: capitalize; }
.page-cart-freebie {
color: #000;
padding: 5px;
font-weight: 500;
font-size: .9em;}
.font12 {
font-size: 12px;
}
.mgt10 {
margin-top:10px;
}
.colRed {
 color: red;
}
.bxgy-remove{
position: absolute;
left: 115px;
top: 0;
}
.icn-close2 {
background: url(../images/delete_round-07.svg) no-repeat center;
width: 25px;
height: 25px;
cursor: pointer;
}
.close-bxgy {
    position: absolute;
    top:0;
    left: 115px;
}
.bxgy-head {
    padding-top:15px;
}

.colGray {
    color:#aaa;
}

.display-block {display:block}
.display-none {display: none}
@media (max-width: 767px) {
    .hidden-mobile {
        display: none !important;
    }

    .visible-mobile {
        display: block !important;
    }

    .sale-container, .sale-container .bnr-700-cnt, .sale-container .bnr-700-cnt .carousel {
        width: 100%;
    }

    .btn.btn-blue {
        border-color: #1a4f69;
        border-top-color: #1a4f69;
        border-left-color: #1a4f69;
        background-color: #1a4f69;
        color: #ffffff;
    }

    .responsive-cart .btn.btn-gray {
        background-color: #E0E0E0;
    }

    .add-cpn > div {
        padding: 0px;
    }

    .add-cpn .js-coupon-code {
        padding: 4px;
    }

    [data-role=item-remove].icn {
        position: absolute;
        left: auto;right:30px;
        top: 0;

    }

    .close-bxgy {
        position: absolute;
        top: 0;
        left: auto;right:30px;
    }

}

.hide{  display:none;  }
.show{ display:block}

/*new review page css by arun*/
.rating-star-bars .bar-list{line-height: 16px;margin-bottom: 5px; position: relative; float: left;width:100%;}
.rating-star-bars .bar-list .rev-count{ font-size: 12px; color:#7C7f80;}
.custom-check{opacity:0; position: absolute; pointer-events:none;left:0;-webkit-appearance: none;  -moz-appearance:none;appearance: none;height: 16px;  width: 15px;}
.input-label{ background:rgba(0, 0, 0, 0) url("../../assets/images/default-checkbox.svg") no-repeat scroll; width:15px;margin-right:5px; height: 15px; float: left;margin-bottom: 0px;}
.custom-check:checked+.input-label{ background:url("../../assets/images/selected-checkbox.svg")}
.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:10px;}
.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:#9e9e9e;font-size:12px;}
.pro-summaryhead{float: left;  width: 100%;color:#00bfbf;font-size: 12px;line-height: 11px;}
.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;}
.review-pageouter{ float:left; width:100%; text-align: center;margin:15px 0px; }
.review-pageouter .pagination{ float: none;}
.review-sort-type.reviewsort-new{ background: none;border: 0px; border-bottom:1px solid #d3d4d5;float: left; width:100%;margin-bottom: 35px;
    padding: 10px 0;margin-top: 0px;}
.review-sort-type.reviewsort-new.countheads{ margin-bottom: 0;}
.review-sort-type.reviewsort-new.countheadsshow{margin-bottom:35px;}
.review-sort-type.reviewsort-new .rev-counts{ float: left;line-height: 30px;}
.review-sort-type.reviewsort-new .rev-right{ float: right;}
.review-sort-type.reviewsort-new .rev-right a{ line-height: 30px; padding-bottom: 5px;margin-left: 20px;font-weight:600; }
.review-sort-type.reviewsort-new .rev-right a.selected{border-bottom: 2px solid #d3d4d5;}
.review-sort-type.reviewsort-new .rev-right form{ float: right; margin-left: 30px;}
.review-sort-type.reviewsort-new .rev-right form select{width:auto;margin:0}
.feature-rate.fnt-sz16{ border:0px !important;border-bottom: 2px solid #f7c434 !important; font-weight: bold;border-radius:0px !important;}
.rating-container .ovrall-rating,.rating-container .write-review,.no-review.write-review,.no-reviewouter .ovrall-rating{width:30%;float: left;box-sizing:border-box;}
.rating-container .write-review,.no-review.write-review{ padding-left: 30px;}
.no-reviewouter .ovrall-rating,.rating-container .ovrall-rating{border-right: 1px solid #d3d4d5; min-height: 160px;}
/*.no-review .write-review{ padding-left: 0;}*/
.rating-container .rated-featuresinner,.no-reviewouter .rated-featuresinner{width:40%;min-height: 220px; border-left:0px solid #d1d3d4; border-right:1px solid #d1d3d4;float: left;box-sizing:border-box;padding:0 30px !important}
.no-reviewouter .rated-featuresinner{border-right: 1px solid #d3d4d5; min-height: 160px;}
.feature-rating-box{ float: left; width:25%;}
.rating-container .rated-featuresinner .feature-rating-box .feature-rate{margin:0 10px 10px;padding:10px 0; line-height: 1;}

/*star css new*/
.deskrate-outer{float: left;width:100%; margin-bottom:10px;  vertical-align: middle}
.deskrate-outer span{ font-weight:normal; font-size: 32px;line-height:1; vertical-align: middle;}
.ovrall-rating .rating-star-bars{ margin-top: 10px;}
.deskrate-outer .rtng-star{background:rgba(0, 0, 0, 0) url("../../assets/images/star-empty.svg") repeat-x scroll ;height: 27px;  width: 135px;}
.deskrate-outer .rtng-star .rtng-usr{background:rgba(0, 0, 0, 0) url("../../assets/images/star-filled.svg") repeat-x scroll ;height: 27px;}
.reviews-item .rtng-star,.bar-list .rtng-star,.rating-summary .rtng-star,.similar-item .rtng-star,.rating-area .rtng-star{ background-image: url("../images/star-empty.svg"); height:12px; width:60px;vertical-align:top; display: inline-block;}
.bar-list .rtng-star{ vertical-align:middle;}
.rating-summary .rtng-star{ margin-top: 6px;}
.reviews-item .rtng-star .rtng-usr,.bar-list .rtng-star .rtng-usr,.rating-summary .rtng-star .rtng-usr,.rating-area .rtng-star .rtng-usr,.similar-item .rtng-star .rtng-usr{background-image: url("../images/star-filled.svg"); height:12px;vertical-align:top;}
.write-review .rating-stars{background:rgba(0, 0, 0, 0) url("../../assets/images/star-empty.svg") repeat-x scroll;height: 27px;  width: 135px;margin-bottom: 20px;}
.write-review .rating-stars li.star-mark:hover{background:rgba(0, 0, 0, 0) url("../../assets/images/star-filled.svg") repeat-x scroll;}
.feature-rate li.rate{background:rgba(0, 0, 0, 0) url("../../assets/images/star-empty.svg") repeat-x scroll;height: 27px; width:27px;border:0px; border-radius: 0px;}
.feature-rate li.rate.fill-color,.feature-rate li.rate.show-color{background:rgba(0, 0, 0, 0) url("../../assets/images/star-filled.svg") repeat-x scroll ;height: 27px; width:27px;}
.write-review .rating-stars li.star-mark{width:27px; height:27px;}
.rev-head{ float:left; width:100%;}.rev-head > div{ float: left;}.rev-head > div.publish-date{ float: right;}
.myreview{border:1px solid #f5f5f5; padding:0px 15px 20px;float:left; width:100%;box-sizing:border-box;}
.myreview h1{ background: #f5f5f5 none repeat scroll 0 0;
    font-size: 16px;
    line-height: 1;
    margin: 0 -15px 15px;
    padding:10px 15px 15px;}
.date-pub{float: right;width:30%;text-align: right;box-sizing: border-box;}
.review-det{ float: left; width:100%;}
.rating-summary{float: left; height: 40px; width: 70%;position:relative;box-sizing: border-box;}
.rating-summary .pro-summary{ left:80px;top:0px;margin-top:0px;}
.myreview-action .left-act{float: left;}.myreview-action .right-act{float: right;}.edit-addbtn{box-shadow: 0px 0px 1px #00bfbf inset; border: 1px solid #00bfbf;padding: 3px 10px 3px 10px; display: inline-block; margin-left: 15px;color:#00bfbf; font-size:12px;line-height: 16px;}
.write-btn{ background:none; text-transform:uppercase;box-shadow: 0px 0px 1px #00bfbf inset; border: 1px solid #00bfbf;padding: 5px 20px; display: inline-block;color:#00bfbf;}
 .rated-features .rating-container{ float:left; width:100%;margin-bottom: 20px; padding-bottom: 20px;  border-bottom: 0px !important;}
.loadmore-btn,.viewallreview{margin:10px 0px; background:none; text-transform:uppercase;box-shadow: 0px 0px 1px #00bfbf inset; border: 1px solid #00bfbf;padding: 5px 20px; display: inline-block;color:#00bfbf;position:relative; cursor: pointer;}
.rated-features .rating-container{ float:left; width:100%;margin-bottom: 20px; padding-bottom: 20px;  border-bottom: 0px !important;}
 .rating-container{margin-bottom: 20px !important; padding-bottom: 20px !important;border-bottom: 0px !important;}
#reviews-cntnr .rating-container .rated-featuresinner{padding:0px 15px;min-height: 220px;}
.rated-featuresinner .feature-rating-box{ margin-top: 15px;}
#reviews-cntnr .rating-container .ovrall-rating,#reviews-cntnr .rating-container .write-review{padding:0px 15px;}
#reviews-cntnr .rating-container .write-review{padding:0px 30px;}
#reviews-cntnr .rating-container .write-review.noleftpad{padding:0px 15px;}
/*#reviews-cntnr .myreview > div{ padding:0px 15px;}*/
 #reviews-cntnr .row,.no-reviewouter .row{ margin:0px -15px !important;}
/*#reviews-cntnr .myreview h1{margin:0 0px 15px;}*/
#reviews-cntnr .reviews-item .col-md-2,.no-reviewouter .reviews-item .col-md-2{width:16.6667%; float: left;min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;box-sizing:border-box;}
#reviews-cntnr .reviews-item .col-md-10,.no-reviewouter .reviews-item .col-md-10{width:83.3333%; float: left;min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;box-sizing:border-box;}
.writereviw-cont .review-accordion .review-container .form-action.formact-new,.writereviw-cont .review-accordion .review-container .feature-form{ max-height: 100%;opacity:1;}
.feature-left {
    float: left;
    vertical-align: middle;
    width:29%;
}
.feature-row {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}
.feat-name {
    display: inline-block;
    line-height: 35px;
    padding: 0 10px 0 10px;
    vertical-align: top;font-size: 13px;
}
.user-input .feature-rate li.rating {
    background: rgba(0, 0, 0, 0) url("../../assets/images/newreview/starlarge.png") repeat-x scroll 0 0 / 27px auto;
    display: inline-block;
    height: 27px;
    position: relative;
    width: 27px;
    z-index: 1;top:5px; left:0px;
}
.feature-rate li.rate{top:5px !important;}
.review-form .user-input > p {
    font-size: 14px;
    margin-bottom: 10px;
}
.user-input .feature-rate:hover .user-rating{display:none !important;}
.user-input .feature-rate li.rate{position: absolute;}
.user-input .feature-rate li.rate.stars-2{left:27px;}.feature-rate li.rate.stars-3{left:54px;}.feature-rate li.rate.stars-4{left:81px;}
.user-input .feature-rate li.stars-1[data-rate="1"]{left:0px;}.feature-rate li.rate.stars-5{left:108px;}
.user-input .feature-rate {
    float: left;
    list-style-type: none;
    position: relative;
    width: 135px;
}
.review-action span{ float: left; margin-right: 5px; position:relative;}
.review-action a.review{ position: relative;}
.review-action .review[data-reviewType="yes"]{height:20px;border: 1px solid #9e9e9e;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;}
.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: 5px;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%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-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%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.vBuyer{ float: left; width:100%;margin:10px 0px;}
.vBuyer span{ color: #7C7f80; font-size: 12px;}
.vBuyer .certified-usr{ margin-right: 5px; line-height: 29px;}
.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;font-size: 12px; line-height: 20px;
    z-index: 999;display:none;}
#reviewSort{ padding: 3px 5px 5px 5px;}
#reviewForm .disp-inln > span {display: inline-block;line-height: 25px;vertical-align: middle;}
.certified-usr{position:relative;float: left; line-height: 30px;}
.certified-usr:hover .certitooltip{display: block;}
.certitooltip:before{content: ""; position: absolute;left:13px;border-bottom:7px solid #d3d4d5;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: 0;  width: 110px;}
.viewall-outer{width:100%; text-align: center;float: left;border-top:1px solid #d3d4d5;border-bottom:1px solid #d3d4d5;padding: 15px 0px;}
.similar-products{width:100%; float:left;padding: 10px 0px;}
.similar-products .mrgn-b-20{border-bottom:1px solid #d3d4d5;padding-bottom: 10px;}
.similar-products .mrgn-b-20:last-child{border-bottom:0px solid #eee;}
.myreview .review-description .more{bottom: 0;  display: none;  position: absolute;}
.myreview .review-description.load .more{display: block;}
.ovrall-rating h3,.rated-featuresinner h3,.write-review h3{font-size: 16px; font-weight: normal;}
.ovrall-rating h3  .fnt-sz9,.rated-featuresinner h3  .fnt-sz9,.write-review h3  .fnt-sz9,.js-status-text{color:#7C7f80;}
.rated-featuresinner .feature-rate{ font-size: 16px; font-weight: 600;}
.abuse-vote{ display: inline-block; vertical-align: top; color: #7C7f80; border-bottom: 1px dotted #d3d4d5;font-size: 12px;}
.writereviw-cont .review-guide-list{border-left:0px !important; margin-left: 0px !important;}
.writereviw-cont .js-action-sector{ padding-right: 50px;}
.writereviw-cont h3 {  color: #25292b; font-size: 16px;  font-weight: 600;  margin-bottom: 15px;  }
.writereviw-cont  .guide-list li{ padding-left: 0px !important;list-style-position: outside;
    list-style-type: disc;margin-left: 15px;}
.writereviw-cont  .guide-list li h3{ margin-bottom: 0px;font-size: 14px;  font-weight: 600;}
.writereviw-cont .review-accordion.primary{border-bottom: 0px !important; padding-bottom: 50px !important;}
.writereviw-cont .review-txt-contnr textarea{ box-shadow: none;}
.review-page-title a{ vertical-align: top !important;}
.reviews-list .reviews-item .review-description{ padding: 0px !important;}
.review-headmain{ float: left; width:100%; margin-top: 10px;}
.review-headmain a{ float: left; margin:10px 0 20px; font-weight: 600;}
.review-headmain  img{ float: left;}
.review-headmain .cloud-container{float:left; font-size: 16px;}
.review-headmain .cloud-container .cloud{ width:300px; float: left; margin-right: 50px;}
.review-headmain .cloud-container .cloud label{float:left; margin-right: 10px;  margin-top: 4px;}
.review-headmain .cloud-container .cloud select{ float: left; width:220px;padding:0 0 0 5px}
.reviews-list .reviews-item .review-description .review{ max-height: 300px !important;}
.morecontent span {display: none;}
.moreellipses,.morelink{color:#00bfbf;}
.no-reviewouter{ float: left; width:100%; padding:15px 0px; margin: 15px 0px;border-top: 1px solid #d3d4d5;}
.no-reviewouter h3{ font-size: 20px; margin-bottom: 20px; font-weight: 600;}
.no-reviewouter h3+.write-review{ padding-left: 0px;}
.sep-link{ display: none;}
.my-reviewouter{ float: left; width:100%;}
.edit-title{ margin-bottom: 10px;  border-bottom: 1px solid #d3d4d5; padding-bottom: 10px; font-size: 16px;}
.backtoproduct{float: left;margin: 10px 0 20px;width: 100%; position: relative;}
.backtoproduct:before{content: ""; position: absolute;left: -7px;border-right:7px solid #d3d4d5;border-left: 7px solid transparent;border-top:7px solid transparent;
    border-bottom: 5px solid transparent;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.backtoproduct:after{content: ""; position: absolute;left: -5px;border-left:7px solid transparent;border-right: 7px solid #fff;border-top: 7px solid transparent;
    border-bottom: 5px solid transparent;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);}
.backtoproduct a,.backtoproduct a:hover{font-size: 14px;  padding-left: 15px; color: #7C7f80;}
.votedyes a{color:#00bfbf !important;border:1px solid #00bfbf !important;}
.reviewlisting #footer .container{ padding-left: 0px; padding-right: 0px; }
.reviewlisting #footer .cont-lft span{ box-sizing: content-box;}
.similar-item{ margin-bottom: 30px;}
.similar-item .img-bx{ float: left; width:100%;text-align: center;}
.similar-item .pro-titl{ float: left; width:100%; max-height: 40px; overflow: hidden;}
.similar-item  .price-sec,.similar-item .rat-cont{ margin: 5px 0px 0px;float: left; width:100%;}
.similar-item .rat-cont .rtng-star{ margin-top: 5px;}
.similar-item .rat-cont .rating-ct{}
.similar-item  .price-sec span{ display: inline-block; margin: 0px 5px 0px 0px; font-size: 13px;}
.similar-item  .price-sec span.strikethrough{color:#7C7f80;}
.similar-item  .price-sec span.discount-sim{display:inline-block;color:red;}
.similar-products h3{ margin:10px 0px 20px; font-size: 16px;}
.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 #d3d4d5;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;}
.similar-products h3{ margin:10px 0px 20px; font-size: 16px; border-bottom: 1px solid #d3d4d5; padding-bottom: 10px;}
.loadmore-btn.loading-elem{ color: #fff;}
.loadmore-btn #load-moreloader{left: 50%;  margin: -10px 0 0 -10px;  position: absolute;  top: 50%; opacity: 0;}
.loadmore-btn.loading-elem #load-moreloader{ opacity: 1;}
.review-action span{ float:left; margin-right: 5px;}
.review-date, .review-advice, .review-spam{color:#7C7f80; font-size: 12px;}
.expert-usrnew{border: 1px solid #ff9900;color: #7C7f80;  display: inline-block;  font-size: 12px;  padding: 2px 10px;box-shadow: 0 0 1px #ff9900 inset; margin:10px 0px;}
.select-flavour{ float: left; width:80%;}
.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;}
.no-reviewmsg{ text-align: center; float: left; width: 100%;
    padding: 10px;margin: 0px 0px;font-size: 14px;}
.no-reviewtextouter{float:left; width:100%;}
.no-reviewtext{ text-align: center; float: left; width: 100%;
    padding: 10px;background: #eee none repeat scroll 0 0;
    border: 2px solid #d1d3d4; margin: 20px 0px;}
.no-reviewtext a{color:#515455;text-decoration:underline !important;}
.review-titlepage{ float: left; width:100%; margin: 30px 0px 0px;}
.review-titlepage h3{ font-size: 18px; font-weight: 600; margin-bottom:0px;}
.review-sort-type.reviewsort-new.border-topreview{border-top:2px solid #d3d4d5; margin-top: 10px;}
.prorev-title{border-bottom: 0 none;border-top: 1px solid #d3d4d5;  float: left;  margin: 20px 0;  padding-top: 20px;  width: 100%;}
.prorev-title h2{ float: left; margin-right: 20px; margin-top: 5px; text-transform: capitalize}
.primary-reviews,.secondary-reviews{ float: left; width:100%;}
.countheads{}
.mr5{
    margin-right: 5px;
}
/* svg sprite icons */
.svg-url{
    background-image:url('../images/svg-sprite.svg');
    background-repeat: no-repeat;
}
.floatL{
    float: left;
}
.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-appd {
    background-position:  7.782101167315175% 94.37751004016064% ;
}

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

.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-position:  52.64150943396226% 19.455252918287936% ;
}

.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-cart {
    background-position:  46.69260700389105% 94.37751004016064% ;
}

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

.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-cross {
    background-position:  76.28458498023716% 58.775510204081634% ;
}

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

.svg-cross1 {
    background-position:  81.88679245283019% 56.03112840466926% ;
}

.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-greenLeaf {
    background-position:  0 20.833333333333332% ;
}

.svg-greenLeaf-dims {
    width: 113.5px;
    height: 29px;
}

.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;
}
.hklogo-img {
    width: 153px;
    height: 50px;
    float: left;
}
.svg-hkcashgrey {
    background-position:  99.23371647509579% 76.28458498023716% ;
}

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

.svg-humburger {
    background-position:  38.91050583657587% 94.37751004016064% ;
}

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

.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-minus {
    background-position:  23.346303501945524% 94.37751004016064% ;
}

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

.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-other {
    background-position:  92.71255060728745% 12.552301255230125% ;
}

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

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

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

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

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

.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-user2 {
    background-position:  55.054054054054056% 94.62549800796813% ;
}

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

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

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

.feature-rating-box i.svg-url, #reviews-cntnr i.svg-url, .rated-features i.svg-url{display:inline-block;}



/* other svg Icon*/
.tr-contact:hover .svg-telephone,
.tr-return:hover .svg-loader,
.download-apps:hover .svg-mob,
.tr-tracking:hover .svg-location,
.svg-other{
    background-image: url("../../assets/images/svgsprites.svg");
    background-repeat: no-repeat;
    display: inline-block;
}
.svg-freebie {
    background-position: 0 0 ;
}

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

.svg-hkmoblogo {
    background-position: 0 22.727272727272727%;
}

.svg-hkmoblogo-dims {
    width: 160px;
    height: 50px;
}
.tr-return:hover .svg-loader,
.svg-loader-blue {
    background-position: 0 -70px;
}

.svg-loader-blue-dims {
    width: 18px;
    height: 18px;
}
.tr-tracking:hover .svg-location,
.svg-location-blue {
    background-position: 0 -88px;
}

.svg-location-blue-dims {
    width: 18px;
    height: 18px;
}
.download-apps:hover .svg-mob,
.svg-mob-blue {
    background-position: 0 -106px;
}

.svg-mob-blue-dims {
    width: 18px;
    height: 18px;
}
.tr-contact:hover .svg-telephone,
.svg-telephone-blue {
    background-position: 0 -124px;
}

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


@media screen and (max-width:767px) {
    .writereviw-cont { padding:0px 15px;}
    .rating-container .ovrall-rating, .rating-container .write-review{ border:0px;width:100%;padding:0px 30px}
    .rating-container .rated-featuresinner{width:100%;border:0px; border-bottom: 3px solid #eeeeee;}
    .reviews-list{padding:0px; }
    .rating-star-bars .bar-list{width:100%;}
    .myreview{padding-bottom: 20px;}
    .feat-name{padding: 0 5px;font-size: 13px;}
    .feature-rate .rate{top:5px;}
    .feature-row{margin-bottom: 10px;margin-top: 10px;}
    .feature-form{border-bottom: 2px dotted #eee;}
    .ovrouter{border-bottom: 2px dotted #eee; margin-bottom: 10px; padding-bottom: 10px;}
    .similar-products{padding:10px 15px;}
    .pagination ul{box-shadow: none;
        display: inline-block;
        margin-bottom: 0;
        margin-left: 0;
        text-align: left;}
    .pagination ul > li {
        display: inline-block;
        margin-bottom: 5px;
    }
    .writereviw-cont .js-action-sector{ padding-right: 15px;}
    .feat-name{ font-size: 14px;}
    .writereviw-cont .review-accordion.primary { border-bottom: 0 none !important;  padding-bottom: 20px !important;  }
    .writereviw-cont .review-guide-list{min-height: 200px; padding-bottom: 40px;}
    .reviews-list .reviews-item .pro-summary{ left:90px; top:-10px;}
    .review-sort-type.reviewsort-new .rev-right a{ margin-left: 0;}
    .review-sort-type.reviewsort-new{ padding: 10px 0; margin-bottom: 20px;}
    .reviews-item{padding-bottom: 20px !important; margin-bottom: 20px !important;}
    .reviews-list .reviews-item .review-description .review{ margin-bottom: 0px !important;}
    .reviews-list .reviews-item .review-description,.reviews-list .reviews-item .title{ float: left; width:100%;}
    .rating-container .rated-featuresinner{ min-height: 190px;}
    .edit-addbtn{ box-shadow: none; border:0px; text-decoration: underline;  padding: 0px; margin: 0;}
    .sep-link{ background: #9e9e9e none repeat scroll 0 0;
        display: inline-block;
        height: 11px;
        margin: 0 5px;
        vertical-align: middle;
        width: 1px;}
    .my-reviewouter{ padding: 10px 15px;margin-bottom:0px;}
    .review-date, .review-advice, .review-spam{ font-size: 11px; color:#9e9e9e;}
    .edit-title{ margin-bottom: 10px;  border-bottom: 1px solid #d1d3d4; padding-bottom: 10px; font-size: 16px;}
    .review-form .img-box img{float:  left; max-height: 100px;}
    .review-form a.img-box{ float: left; width:100%;text-align: left;margin-bottom: 20px;}
    .number-rate{ float: left; font-size: 35px; line-height: 36px;}
    .number-andrate,.action-outer{ float: left; width:100%;margin:15px 0px 5px; max-width: 350px;}
    .rating-area{width: 95px;  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: 0px; color: #00bfbf;  font-size: 12px;  float: right;  line-height: 16px;  margin-top:4px;  text-transform: uppercase;}
    .action-outer > span{ font-size: 12px;color:#9e9e9e; margin-right: 5px;  border-bottom:1px solid  #d3d4d5; display: inline-block;}
    .action-outer > span.ratings{ color:#777; border-bottom: 0px;border-right:1px solid  #d1d3d4; padding-right: 5px;}
    .out-ofstar{ color:#9e9e9e; vertical-align: top; line-height: 10px; font-size: 12px;}
    .action-outer{border-bottom: 1px dashed #d3d4d5;padding-bottom: 15px;}
    .sep-bord{border-bottom: 1px dashed #d3d4d5; width:100%;float: left; margin-bottom: 15px;margin-top: 10px;}
   .rev-titlemob{ border-bottom: 1px solid #d3d4d5; padding-bottom: 10px; margin-bottom: 0px; font-size: 16px; font-weight: 600;text-align:left; margin-left: -15px;}
    .review-page-title{ padding-bottom: 0px !important;}
    .ovrall-rating h3, .rated-featuresinner h3, .write-review h3{ font-weight: 600; font-size: 14px;}
    .rating-container.mobile-revlist{ padding: 0px 15px !important;}
    .rating-container.mobile-revlist .ovrall-rating, .rating-container.mobile-revlist .write-review{ padding:0px !important;}
    .rating-container.mobile-revlist .rated-featuresinner{ padding:0px 15px !important;}
    .review-sort-type.reviewsort-new .rev-right form{ margin-left: 0px;}
    .title-revuser{ font-weight: 600; font-size: 14px; line-height: 26px;}
    .reviews-list .reviews-item .title{ font-size: 14px !important;}
    .certified-usr{ margin-right: 5px;}
    .reviews-item .review-user-name .ellipsis{ margin-left: 0px; width:auto; max-width: 110px; line-height:22px; font-size: 12px; color: #9e9e9e;}
    .reviews-item .rev-head {margin-top: 10px;}
    .review-action {margin-top: 10px;}
    .review-date.visible-xs{color: #9e9e9e;  margin-top: 0px;  display: inline-block !important;  /*border-left: 1px solid #9e9e9e;*/  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;}
    .reviewlisting #footer{display: none;}
    .backtoproduct{margin:0px 0 10px 0; width:80%;}
    .similar-item .pro-titl{ max-height: 60px; min-height: 50px;}
    .review-pageouter{ margin: 0px 0px 10px;}
    .review-titlepage{ padding:0px 15px;}
    .no-reviewtextouter{padding: 0px 15px;}
    .review-titlepage h3{ font-size: 14px;}
    .review-sort-type.reviewsort-new.countshead .rev-counts{ text-align: left; line-height: 20px;}
    .review-sort-type.reviewsort-new.border-topreview{ padding: 10px 0px;}
    .review-sort-type.reviewsort-new.border-topreview.norvw {padding: 10px 15px;}
    .review-headmain a{ position: relative; float: none; font-size: 14px; font-weight: 400;margin:15px 0 20px;}
    .select-flavour{ position: relative; float: none; width: auto;}
    .review-headmain{ padding: 0px;}
    /*Vinay@incaendo.com css for retail store Locator*/
    .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;}

    .certified-usr{position:relative;float: left; margin-left: 10px; padding-left: 10px; border-left: 1px solid #d3d4d5; top: 1px; line-height: 20px}
    .certified-usr svg, .certified-usr i{position: absolute;}
    .certified-usr .verified-buyer-txt{margin-left: 22px; font-size: 12px; color: #7C7f80; vertical-align: top;}
    /*end RS locator*/
}
@media screen and (max-width:480px) {
    .feature-left {
        min-width: 51%;
    }

    .review-sort-type.reviewsort-new .rev-right form {
        width: 175px;
    }

    .review-sort-type.reviewsort-new .rev-right form select {
        width: 75%;
    }

    .similar-item .pro-titl {
        min-height: 60px;
    }

    .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;
    }

    .select-flavour select {
        width: 120px;
    }

    .span4 {
        display: none;
    }

    .offset1 {
        margin-left: 20px;
    }

    .span10 {
        width: 100%;
    }

    .submitMobileOTP.btn.btn-blue {
        display: block;
        clear: both;
        width: 100%;
        max-width: none;
        border-radius: 4px;
        font-size: 15px;
        margin-top: 20px;
    }
}
@media screen and (max-width:370px) {
    .abuse-vote{margin-top: 20px;}
    .similar-item .price-sec span.off-pri{width:100%;}
    }
/*@media*/
/*(-webkit-min-device-pixel-ratio: 2),*/
/*(min-resolution: 192dpi) {*/
    /*.deskrate-outer .rtng-star{background-image:url("../../assets/images/star-empty.svg");}*/
    /*.deskrate-outer .rtng-star .rtng-usr{background-image: url("../../assets/images/star-filled.svg");}*/
    /*.reviews-item .rtng-star,.bar-list .rtng-star,.rating-summary .rtng-star,.similar-item .rtng-star,.rating-area .rtng-star{ background-image: url("../images/star-empty.svg");}*/
    /*.reviews-item .rtng-star .rtng-usr,.bar-list .rtng-star .rtng-usr,.rating-summary .rtng-star .rtng-usr,.rating-area .rtng-star .rtng-usr,.similar-item .rtng-star .rtng-usr{background-image: url("../images/star-filled.svg"); }*/
    /*.write-review .rating-stars{background-image:url("../../assets/images/newreview/starlarge2x.png");}*/
    /*.write-review .rating-stars li.star-mark:hover{background-image:url("../../assets/images/newreview/starlarge2x.png");}*/
    /*/!*.feature-rate li.rate{*/
        /*!*background-image:url("../../assets/images/newreview/starlarge2x.png");*!*/
        /*background-size: 172px 298.5px;*/
        /*background-position: -7px -197px;*/
    /*}*/
    /*.feature-rate li.rate.fill-color,.feature-rate li.rate.show-color{*/

        /*background: url(../../assets/images/spriteIcons-v1.png) repeat-x scroll -7px -143px;*/
        /*background-size: 172px 298.5px;*/
    /*}*!/*/
    /*/!*.user-input .feature-rate li.rating{background-image:url("../../assets/images/newreview/starlarge2x.png");background-size: 27px 80px;}*/
    /*.input-label{ background-image:url(../images/newreview/customcheckBox2x.png);background-size: 15px 40px;}*!/*/

/*}*/

/*new menu css by Arun*/

.hk-header section{ float: left; width:100%;}
.hk-header section.hkheader-nav{ position: relative; height:51px;background: #00bfbf;}
.hk-header section.hkheader-nav.stickyactive{ position: fixed;left: 0;  top: 0;z-index: 999; display: none !important;}
.hk-header section.hkheader-nav .gm{position: static; width:auto;}
.hk-header section.hkheader-nav .gm > li{width:auto; margin-right: 0px !important; padding: 0px 33px; line-height:41px;}
.hk-header section.hkheader-nav .gm > li:first-child{ padding-left:0px;}
.hk-header section.hkheader-nav .gm > li > .menu-itemname {  display: inline-block;font-weight: 600;  line-height: 41px;  position: relative;  width: 100%;}
.hk-header section.hkheader-nav .gm > li > .menu-itemname:before{border-bottom:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff; position: absolute; content:"";top:18px; right:-20px;}
.hk-header section.hkheader-nav .gm > li > .menu-itemname:after{border-bottom:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #00bfbf; position: absolute; content:"";top:16px; right:-20px;}
.hk-header section.hkheader-nav .gm > li > a{line-height:41px; padding: 0px;}
.menu-itemname{font-weight:600;}
.mega-menu{opacity:1;position: absolute; top:100%; left: 0; width:100%; background: #fff; z-index: 999999999;transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out; display: none; min-height:482px; border-bottom:2px solid #d1d3d4;cursor:default;}
.mega-menu .main-menu{position:relative; opacity:1; left: auto; right:auto;}
.gm > li.menu-label.activemenu:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid transparent;border-top:6px solid #00bfbf;content:""; top:35px;position:absolute;z-index: 99; }
.gm > li.menu-label.shop-by-concern:after{margin-left:20px;}
.gm > li.menu-label.shop-by-product:after{margin-left:35px;}
.mega-menu .main-menu li a{ color:#333;}
.header-top-right .download-apps{ height:22px;}
.rsp-header{ box-sizing: content-box;}
.hk-header{ padding:0px;}
.hk-goalslogin{ padding-bottom: 8px;}
.referral-tab.Consult,.referral-tab.Connect{position:relative;}
.referral-tab.Consult .tooltip-header,.referral-tab.Connect .tooltip-header{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%); -moz-transform:translateX(-50%);top:37px;display:none;width:200px; padding:10px; background:rgba(0,0,0,0.9); line-height: 1.3; color: #fff; font-size: 11px; position:absolute;z-index:999;border-radius:4px;text-align:center;}
.referral-tab.Consult .tooltip-header:after,.referral-tab.Connect .tooltip-header:after{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%); -moz-transform:translateX(-50%);top:-14px;content:"";border-bottom:7px solid rgba(0,0,0,0.9);border-left: 7px solid transparent;border-top:7px solid transparent;border-right: 7px solid transparent;position:absolute;}
.referral-tab.Consult:hover > .tooltip-header,.referral-tab.Connect:hover > .tooltip-header{ display: block;}
.tr-googleAdsense .mrgn-t-10{
    margin: 0;
}
.freebgIconURL{background: url(../images/freebie.svg);}
.freeBIcon{
    width: 30px;
    height: 30px;
    margin-right: 10px;
    float: left;
}

.combo-pack-product .product-left-detail > span {
    display: block;
    margin-top: 10px;
}

.account-secure-box {background:url(../images/background.svg) no-repeat; padding: 10px; margin-bottom: 20px; float: left; width: 100%}
.account-secure-box > .icon-box{padding:35px 20px 15px 15px; width:15%;float: left; text-align: center;}
.account-secure-box > .icon-box > svg {width: 70px; height: 70px;}
.account-secure-box .secure-inner-box {width:70%; float: left;}
.account-secure-box .secure-inner-box p{color: #666666; font-size: 12px; margin-bottom: 1px;}
.secure-form .mobile-number {padding:5px; width: 65%; border-radius: 3px; border: 1px solid #999; color: #000;}
.secure-title {font-size: 28px; line-height: 1.5;}
.secure-form .btn.btn-blue{padding-top: 6px; padding-bottom: 6px; margin-left: 10px !important; border:0 none; border-radius: 3px; min-width: 80px;}
.add-banner{margin-top:50px;}
.acnt-details {padding-top: 0;}
.acnt-details .proceedClass {margin-top: 50px; display: inline-block; width: 100%; padding: 20px;}
.acnt-details .contact-box svg{width: 20px; height: 20px;}
.acnt-details .contact-box .notVerified-text{color: #E64A19;}
.my-acnt-ht ul.accnt-nav-box {padding-bottom: 10px;}
.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: #666; margin-top: 10px;}
#updateBasicInfo {background: #1a4f69; border-radius: 3px; margin-top:30px; text-transform: capitalize; padding: 10px 30px;}
#updateBasicInfo:hover {background-color: #1a485b;}
.svg-verfy {width: 20px;margin-right: 5px; float: left;}
.new-pfl-cntnr .row-box {margin:10px 0;}
.contact-box.row-box {margin-top: 45px;}
.date-pick {margin-top:25px;}
.chat-container{
    z-index: 1000000000 !important;
}
.accnt-nav-box li:last-child {margin-bottom: 10px;}
/*.welcm-slide { width: 48%;padding: 10px 75px 20px 55px;  position: relative;  }*/
/*.welcm-box {/!*background: url(../images/pobarbg.svg) no-repeat;*!/ padding: 10px;width: 100%;box-sizing: border-box; height: 126px; position: absolute; background-color:#fff;z-index: 9; overflow: hidden;}*/
/*.welcm-slide .welcm-title{color:#00bfbf;margin-top: 10px;font-size: 24px; margin-bottom: 10px; font-weight:600;}*/
/*.welcm-slide .welcm-desc{color:#333; line-height: 18px; font-size: 14px; width:100%;}*/
/*.welcm-box .welcm-slide-indicator {width:100%; position: absolute; left:0; right:0; bottom: -10px; z-index:999; height: 35px; 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: 2px;*/
    /*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-side-box {width:35%; float:left; line-height: 1.5; margin-top: 10px;}*/
/*.welcm-side-box p, .welcm-side-box .signup-box span{font-size: 14px;font-weight:600;}*/
/*.welcm-side-box .signup-box a{color: #00bfbf;font-weight: 700; margin-left: 5px; display: inline-block;}*/
/*.welcm-side-box .signup-box { padding: 5px 0; margin-left: 15px; display: inline-block;}*/
/*.welcm-side-box .login-btn {float:left; padding: 5px 45px; border-radius: 3px;}*/
/*.welcm-side-box .login-btn:hover {box-shadow: none; border: 0 none; padding: 5px 45px}*/
/*.login-signup, .note-desc {width:100%;float:left;}*/
/*#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;}*/
/*.ex-offer-box {color: #000; font-weight:700; margin-bottom: 5px; font-size: 1.7em; margin-top:0px;}*/
/*.welcm-left, .welcm-right{position: absolute; z-index: 999; top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); background: transparent; border: 0; border-radius: 0;}*/
/*.welcm-left span, .welcm-right span{font-size: 0;}*/
/*.welcm-left svg, .welcm-right svg{width:30px;}*/
/*.welcm-right {right:-45px !important;}*/
/*.welcm-left{left:-55px;}*/
.slide-wrapper {position:relative;}
.multiple-icon-box {position: fixed; right:0; top: 35%;  width:auto; margin: auto;z-index:9999999;-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%); display: none;}
@media screen and (max-width: 991px) {
    .multiple-icon-box{ display: none;}
}
.multiple-icon-box ul li{list-style: none; width:106px;right:-70px;  border-bottom: 1px solid #e5e5e5; padding:5px; text-align: center; position: relative; cursor:pointer;-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;box-shadow: -1px 0px 3px rgba(0,0,0,0.3); background: #fff;box-sizing:content-box;}
.multiple-icon-box > ul > li:hover{right:0px;}
.multiple-icon-box ul li:last-child {border-bottom: 0 none;}

.multiple-icon-box ul li svg{width: 28px; height: 28px;}
/*.multiple-icon-box ul li.edit-icon svg{width: 20px; height: 20px;}*/
/*.multiple-icon-box ul li.offer-icon svg{width: 22px; height: 22px;}*/
/*.multiple-icon-box ul li.referfriend-icon svg{width: 27px; height: 27px;}*/
.multiple-icon-box ul li span.total-count{    position: absolute;left: 20px;  top: 7px; background: #ff0000;  color: #fff;  text-align: center; width: 14px;  height: 14px;  border-radius: 50%;  z-index: 999;  font-size: 9px;  line-height: 14px;}
.multiple-icon-box ul li span.icontext{ display: inline-block;width: 65px; text-align: left;  margin-left: 10px;  font-size: 12px;  line-height: 15px;}
.multiple-icon-box > ul > li:hover > a > span.icontext,.multiple-icon-box > ul > li:hover  > span.icontext,.multiple-icon-box > ul > li:hover > a{color: #00bfbf;}
/*.multiple-icon-box > ul > li:hover  > a > svg path,.multiple-icon-box > ul > li:hover > svg path,.multiple-icon-box > ul > li:hover > svg polygon{fill:#00bfbf;}*/
/*.multiple-icon-box > ul > li.offer-icon:hover > svg g rect{fill:#00bfbf;}*/
/*.multiple-icon-box > ul > li.referfriend-icon:hover > a > svg g circle,.multiple-icon-box > ul > li.referfriend-icon:hover > a > svg g line{stroke:#00bfbf;}*/
.close-icon {position: absolute; right:10px; width:15px; top: 10px; cursor: pointer;  z-index:9999;}
.close-icon svg{width: 100%;}
/*.left-box {width:50%; float: left; padding: 15px 10px;}*/
/*.right-box {width:45%; float: left;}*/
/*.left-box .welcm-title{font-weight: 600; line-height:1.2; font-size: 1.7em; margin-top: 0;  }*/
/*.left-box .welcm-desc {margin-top: 3px; font-weight: 600;}*/
/*.right-box .mobile-icon svg{width:40px;}*/
/*.left-box .welcm-side-box {width: 40%; margin-top:15px;}*/
/*.right-box .mobile-icon{float: left; margin-right: 10px;}*/
/*.mobile-form {width: 85%; float: left;position:relative;}*/
/*.mobile-form .number-box, .mobile-btn{float: left;}*/
/*.mobile-form .number-box{padding: 5px 10px; border: 1px solid #666; border-radius: 3px; margin-right: 10px; height: 35px; box-sizing: border-box; width: 65%;font-weight: 600;color: #0F242B;}*/
/*.mobile-form .mobile-btn{padding: 5px 20px;  border-radius: 3px;  position: absolute;left: 245px;}*/
/*.note-desc {margin-top:5px; color: #666; font-weight: normal;}*/
/*.journey-box .welcm-side-box {width:100%;}*/
/*.journey-box .welcm-slide {width:95%; padding: 10px 30px 20px 20px;box-sizing: content-box;}*/
/*.journey-box .welcm-slide .welcm-desc {width: 65%; float:left;}*/
/*.journey-box .login-btn:hover, .journey-box .login-btn {padding: 7px 25px;*/
    /*height: 35px;*/
    /*box-sizing: border-box;*/
    /*width: 165px;}*/
/*.journey-box .welcm-desc{ font-weight: 400;}*/
/*.journey-box .fillprofile-btn {margin-left:20px; float:right; margin-top:0px;}*/
/*.journey-box .login-signup {width:35%}*/
/*.normal-text {font-weight: 600; font-size: 14px;}*/
/*.journey-box .normal-text {margin-top:6px;}*/
/*.welcm-box.offer-box{border:0px;}*/
/*.offer-box .welcm-side-box {width:48%;}*/
/*.offer-box .welcm-slide {position: relative; width:40%; float: left;padding:0px 45px 20px 45px; box-sizing: content-box;}*/
/*.offer-box .welcm-left {left: -45px;}*/
/*.offer-box .welcm-right {right: -35px !important;}*/
/*.offer-box .welcm-side-box .signup-box {margin-left:0px;}*/
/*.offer-box .excl-image {width: 110px; float:left; margin-top: -10px; margin-right:15px;}*/
/*.offer-box .ex-offer-desc {width: 70%; float: left; margin-left:20px;}*/
/*.offer-box .signup-box {line-height: 1.3; padding-top: 0;}*/
/*#po-offer-box .login-signup {width:68%;}*/
/*.coupan-box .login-signup a {margin-top: 10px; display: inline-block; color: #666; font-weight: 600; text-decoration: underline!important;}*/
/*.coupan-box .login-signup {margin-top: 10px; margin-left: 20px;}*/
/*.coupan-box .login-signup > p {font-weight: 600; font-size: 16px;}*/
/*.coupan-box .login-signup > p span{color: #00bfbf; font-size: 18px;}*/
/*.coupan-box .welcm-desc{ font-size: 12px!important; width:100%;}*/
/*.coupan-box .excl-image {width: 80px; margin-top: 0px;}*/
/*.borderpo{ border-top: 1px solid #ccc;}*/
/*.offerborder{position:absolute;left: 0;}*/
/*.profileborder{position:absolute;left: 0;}*/
/*.numberborder{position:absolute;left: 0;}*/
/*.otpborder{position:absolute;left: 0;}*/

/*arun diwali bg css*/
.diwali-bg{left: 0;
    position: absolute;
    top: 123px;
    width: 100%;}
.diwali-bg img{ width:100%;}
/*.go-to-top-cntnr{top:auto !important;bottom: 20px !important;}*/
/*.go-to-top,.go-to-top:hover{background-image:url(../images/diwali/diwali_rocket.png); background-position: 0px 0px; height: 85px; width:60px;}*/
.spk-box{background:rgba(0,0,0,0.5); width:100%;position: fixed; height: 100%; top: 0;z-index:9999999; display: none;}
.spk-box-inner{padding:0px; position: absolute; right:-330px; top:0; width:330px !important; box-sizing: border-box;  background: #fff; bottom: 0;-webkit-transition: right 0.5s ease-in-out;
    -moz-transition: right 0.5s ease-in-out;
    -ms-transition: right 0.5s ease-in-out;
    -o-transition: right 0.5s ease-in-out;
    transition: right 0.5s ease-in-out;overflow-y: auto; overflow-x: hidden;padding-bottom:0;}
.spk-box-inner.activespk{right: 0;}
.spk-content-box .timing{color:#4db7ad; margin: 10px 0 20px; display: inline-block; font-weight: 600;}
.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 .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; height: 35px; margin-top: 10px; padding: 5px 10px 5px 0; color: #999; font-size:16px;}
.spk-form .btn-blue {margin: 20px auto; padding: 5px 10px; border-radius: 3px; background: #00bfbf; width: 100%;}
.spk-form .btn-blue:hover{ background:#00bfbf; box-shadow: none;}
.speaktofitness{width: 200px;  height: 155px; background-position: 0px 0px; margin: auto;}
#speaktonutrition{float: right;  height: 57px;  box-sizing: border-box;  color: #fff;  cursor: pointer;  width: 155px;  background-position:-40px -172px;  top: -14px;  left: 0;  position: absolute;  background-size: 315px 272px;}
.speaknutrition-box{float: right;  position: relative;  width: 155px;}
.speakiconssprite{ background: url("../images/stn/stnicons.svg"); background-size: 240px 255px;background-repeat: no-repeat;}
.spk-close{background-position: -212px -76px;  height: 23px;width: 23px;  position: absolute;  right: 15px;  cursor: pointer;  top: 15px;}
.hk-header section.hkheader-nav.stickyactive .speaknutrition-box{ display: none;}
.header-search-section .stickyactive.search-bar-box .hk-search-bar {margin-top: 7px;}
/*.product-sec,#variant-page{ position: relative;}
#variant-page .container ,.ttl-cntnr,.mainContainer{ position:relative;}*/

/*css for store locator vinay@incaendo.com*/
.store-collection {
    /*float: left;*/
    margin:0 auto;
    width: 100%;
    font-family: 'Lato', sans-serif;
}
.store-collection h2 {
    text-align: center;
    color: #222;
    width:100%;
    float: left;
    /*background: #f8f9f9;*/
    /*border-top:1px solid #e9e9e9;*/
    padding: 10px 0;
    margin:5px 0;
}
.store-collection h3 {
    margin:20px 0; padding-left:10px;
}
#hk-store-listing, .bh-sl-loc-list {
    float: left;
    width: 30%;
    padding-right: 15px;
    box-sizing: border-box;
    height: 350px;
    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: 20px;
    padding:10px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    float: left;
    cursor: pointer;
}
#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;}
#hk-store-listing .store-name {
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    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: 10px 0;
    background: #f4f3f3;
    margin-bottom: 12px;
    padding:10px;box-sizing:border-box;
}
.store-search-form label {
    width: 30%;
    float: left;
    line-height: 32px;cursor:initial;
}
.store-search-form .input-box input, .store-search-form .input-box select{
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    padding: 6px 12px;
    background: #fff;
    width: 65%;
    float: left;
    margin-right:15px;
    height:35px;box-sizing:border-box;
}
.store-search-btn {padding: 6px 12px!important; border-radius: 3px; float: left;}
.store-search-form .input-box {width:40%; position: relative;}



/* css for COD order page*/
.cod-payment-button{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 354px;
}
.cod-payment-button span{
    float: right;
    padding-top: 4px;
    font-size: 12px;
    color: red;
}
.cod-payment-button:hover {
    background-color: #1EBCBD !important;
    box-shadow: 1px 1px 10px #92D5F8 !important;
    border: 1px solid #0083C7 !important;
}
.order-detail-track {position: relative;}
#createPayment{width: 230px; display: inline-block;}

.cod-payment-button:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}
.thirdPartyDataList .variant-tile{min-height: 340px;}
/*.thirdPartyDataList{display: none;}*/
.cntct-det-cntnr1 {padding: 10px;}
.align-c{text-align: center;}
.tab-content div.tabs{min-height: 320px !important;}/*new header css arun*/
.header-top-trip .tab-wrapper,.hkheader-middle .tab-wrapper{width:1140px;}
@media screen and (max-width:1140px) {
    .header-top-trip .tab-wrapper, .hkheader-middle .tab-wrapper {
        width: 960px;}
}
.hkheader-middle .right-tab{width:230px;}
.hk-header section.hkheader-nav .gm > li > .menu-itemname:after{ display: none;}
.hk-header section.hkheader-nav .gm > li > .menu-itemname:before{border-width:3px;top: 20px;right: -12px;}
.header-top-trip{box-shadow:none;}
.header-top-right i{ display: none;}
.header-top-right .download-apps{ width:auto;}
.offers-box a{position:relative;}
.offers-box a:before{position: absolute;  top: 15px;  content: "";  width: 15px;  height: 12px;  background: #fff; right: -21px;}
.offers-box a:after{position: absolute;  top: 15px; content: "";  right: -21px;  border-right: 6px solid #00bfbf;  border-left: 6px solid transparent;  border-top: 6px solid transparent;  border-bottom: 6px solid transparent;}
.header-top-right .download-apps{ height: 17px;}
.tr-contact:hover .svg-telephone, .tr-return:hover .svg-loader, .download-apps:hover .svg-mob, .tr-tracking:hover .svg-location{ display: none;}
.header-search-section .hk-search-bar .icn-search{position:absolute;width:40px;right:0; left:auto; background:#aeaeae; padding-top: 3px;}
.header-search-section .hk-search-bar .icn-search i{ display:block; }
.header-search-section .hk-search-bar .icn-search:after{ display: none;}
.header-search-section .search-box{width:100%;}
.hk-search-bar .hk-search-box{ padding-left: 10px;}
.header-search-section .search-bar-box{width:53%; margin-left: 2.5%;}
/*.hk-pobar {display: none}*/
.po-barouter{width:100%; float: left; padding: 20px 0px; box-sizing: border-box; height:166px; position: relative;}
/*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 0px; position: absolute; right:-350px; top:0; width:350px; 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: 40px 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: 18px;
    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:0 40px;
    box-sizing: border-box;
    position: relative;
    margin:20px 0;
}
.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: 18px;
    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: 458px;
    position: relative;
    right:22px;
    float: right;
}
#offersidebarterms{width: 480px;  position: absolute;right: 348px;  display: none;}
.offerterms{margin: 15px 0px; float: left; width:100%;}
.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 */
.welcm-box .carousel-inner{ background: transparent;}
.btn-blue.login-btn{ background:#00bfbf; color: #fff;}
.cart-icon-box svg,.account-icon svg{width:25px; height: 25px;}
.header-icons.cart-icon-box{ margin-top: 2px;}
.accoutn-dropdown-section .icn-dwn-arrow{ display: none;}
.account-icon.header-icons{position: relative;}
.account-icon.header-icons:before {border-bottom: 4px solid transparent;  border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #00bfbf; position: absolute; content: "";  top: 12px;  right: -10px; }
.accoutn-dropdown-section .header-icons-text{width: 65px;  overflow: hidden; box-sizing: content-box;  text-overflow: ellipsis;  margin-left: 10px;  text-align: left;}
.seperator-login{ display: inline-block; background: #00bfbf; width: 1px;    height: 25px;  margin-right: 11px;  margin-top: 17px;}
.accoutn-dropdown-section .header-icons-text,.header-cart-section .cart-pop-label .cart-text,.cart-pop-container:hover span.cart-text{ color: #00bfbf;}
.header-cart-section .cart-pop-label .total-count {  border: 1px solid #f7941f; background:#f7941f; color: #fff;  min-width: 13px;  height: 13px;  font-size: 10px;  width: 13px;top: 3px;  right: auto; left: 20px;  box-sizing: initial;  line-height: 7px;}
.header-cart-section .cart-pop-label .cart-text{ float:right; padding:0 1px 0px 0px; line-height: 27px;}
.header-cart-section .cart-pop-container{ width:80px;}
.hkheader-middle{ margin-bottom: 10px; height:57px;}
.header-search-section .search-bar-box.stickyactive .icn-search{width:30px;}
.header-search-section .search-bar-box.stickyactive .hk-search-bar .hk-search-box{padding: 7px 30px 7px 30px;}
.header-search-section .search-bar-box.stickyactive .hk-search-bar .icn-search svg{width:22px; height: 22px;}
.hidepocard{ display: none;}
.mobile-form .err-txt{position:static;float:left;font-size: 12px;width:100%; margin:10px 0px 0px 0px; text-transform: none;}
#resendotp{cursor:pointer;text-decoration:underline;}#resendotp:hover{color:#00bfbf;text-decoration:underline;}
#verifyOtp .numberSuccessVerify{ display: none;float: left;width: 100%;}
#verifyOtp .otpSendErrorMsg,#mobile-verify-box .otpErrorMsg{display: none;float: left;width: 100%; color:#ff0000; font-size:11px; line-height: 12px; margin-top: 2px;}
.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;}
.mobile-verify-box .left-box,.OTP-verify-box .left-box{padding: 23px 10px 15px 10px;}
.mobile-verify-box .left-box,.OTP-verify-box  .left-box{width: 47%;}
.mobile-verify-box .left-box .welcm-desc,.OTP-verify-box  .left-box .welcm-desc{margin-top: 10px;}
.mobile-verify-box .welcm-side-box,.OTP-verify-box .welcm-side-box{    margin-top: 28px;}
.mobile-form .note-desc{font-size: 13px;}
#offerCarousel,#welcomeCarousel{height:116px; margin-bottom:0;}
#offerCarousel .carousel-inner > .item,#welcomeCarousel .carousel-inner > .item{ float:left;width:100%;}
#offersidebarterms{display: none;}
#loginpobox .welcm-slide .welcm-title{float:left;line-height: 1; margin-top: 5px; font-size: 24px;}
#loginpobox .welcm-side-box{ margin-top: 20px;}
#loginpobox .welcm-side-box p.signup-box,#loginpobox .welcm-side-box p.signup-box span{ font-weight: 400;}
#loginpobox .welcm-side-box p.ex-offer-box{ margin-bottom: 10px;}
#po-offer-box  .ex-offer-box{font-size: 21px;}
#loginpobox .welcm-side-box .btn-blue.login-btn{height:35px; width:165px; padding: 7px 0; text-align: center; box-sizing: border-box;}
#loginpobox .welcm-slide{padding-top:0;}
#modifynumber{display: inline-block;  margin-left: 10px;  border-left: 1px solid #999;  padding-left: 10px;  line-height: 1;  text-decoration: underline;  cursor: pointer;}
.header-search-section .hk-search-bar .icn-search svg ellipse,.header-search-section .hk-search-bar .icn-search svg line {
stroke: #ffffff;
}
.thirdPartyDataList .variant-tile .vrnt-price{margin-right: 10px;}
.thirdPartyDataList .variant-tile .vrnt-loyalty-cash-text{margin-right: 5px;}
.thirdPartyDataList{visibility: hidden;}
#seed-products{margin-top: 20px;}
.thirdPartyDataList .variant-tile .vrnt-loyalty-cash-text{margin-right: 5px;}
.searchno-resultmsg{width:100%; float:left; text-align: center; margin:5px 0px 15px; display: none;}


.IAWidgets > div{margin-bottom: 0;}
.IAWidgets > div .nbs-flexisel-ul{margin-bottom: 20px;}
.ia-widget-wrapper{
    margin: 0 auto;
    max-width: 980px;
}
@media only screen and (max-width: 767px){
    .IAWidgets{display: none;}
}
.newpdpaeeicon{    background-position: center!important;  background-size: 20px!important;  background: url(../images/stn/ask_icon.svg) no-repeat;  width: 26px;  height: 26px;  cursor: pointer;  display: block;  margin: 0 auto 3px;}
.popup-root{z-index:99999999;}
.close-sum i{pointer-events: none;}
.header-top-trip{padding-bottom:5px;}
.hk-header section.hkheader-nav .gm > li.connect-topnav{
    padding-left: 18px;
}
.hk-store-street2,#bh-sl-address{ text-transform: capitalize;}
/*new css while refactoring*/
.header-top-trip .tab-wrapper, .hkheader-middle .tab-wrapper{width: 100%;max-width:1140px; min-width:960px;}
.hk-content{width:100%;float: left; position: relative;}
.hk-pagecontainer{ float:none;margin: 0 auto;clear: both; width: 100%;max-width:960px; min-width:960px;}
.hk-header section.hkheader-nav .wrapper{width: 100%;max-width:960px; min-width:960px;}


/*css for ia widgets */
.thirdPartyDataList .variant-tile .price-container + .rating-cont{margin-top: 5px;}
.thirdPartyDataList .variant-tile .rating-cont{
    border: 0;
}

.thirdPartyDataList .variant-tile .rating-cont .rtng-star{
    margin: 6px 0;
}

/*content widget carousel prev next styling*/
.clearfix .owl-prev:hover,
.clearfix .owl-prev{
    background-image: url(../../assets/images/homeslider/homesliderleft.svg) !important;
    width: 22px;
    height: 44px;
    background-position: 0 0;
    left: -27px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
/*.clearfix .owl-prev:hover{    background-position: 6px 0;}*/
.clearfix .owl-next:hover,
.clearfix .owl-next{
    background-image: url(../../assets/images/homeslider/homesliderright.svg) !important;
    width: 22px;
    height: 44px;
    background-position: 0 0;
    right: -27px;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
/*.clearfix .owl-next:hover{background-position: 6px -92px;}*/
.clearfix .owl-carousel{    padding: 0px 0 0 15px;  box-sizing: border-box;}

/*new css for poslider*/
#welcomeCarousel .owl-dot,#offerCarousel .owl-dot{
    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;

}
#welcomeCarousel{float:left;width:100%;height: 76px;}
#welcomeCarousel,#offerCarousel{ line-height: 1;}
#welcomeCarousel .owl-dots,#offerCarousel .owl-dots{text-align: center;}
#welcomeCarousel .owl-dot.active,#offerCarousel .owl-dot.active{color: #000; width: 5px; border-bottom: 0; height: 5px; background-color: #38A4DD;}
#welcomeCarousel .owl-prev,#offerCarousel .owl-prev{position: absolute;left: -55px;  top: 4px;}
#offerCarousel .owl-prev{position: absolute;left: -45px;  top: 36%;}
#welcomeCarousel .owl-next,#offerCarousel .owl-next{position: absolute;right: -45px;  top: 4px;}
#offerCarousel .owl-next{position: absolute;right: -35px;  top:  36%;}
#welcomeCarousel .owl-prev span,#offerCarousel .owl-prev span{background: url(../images/poleft.svg) no-repeat;width:30px; height: 30px;display: block;}
#welcomeCarousel .owl-next span,#offerCarousel .owl-next span{background: url(../images/poright.svg) no-repeat;width:30px; height: 30px;display: block;}

.thirdPartyDataList .owl-nav > div{
    background-image: url(../images/home-icons.png) !important;
    background-repeat: no-repeat;
}
.thirdPartyDataList .owl-nav > div.owl-prev{
    background-image: url(../../assets/images/homeslider/homesliderleft.svg) !important;
    width: 22px;
    height: 44px;
    background-position: 0 0;
    left: -27px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
}
.thirdPartyDataList .owl-nav > div.owl-next {
    background-image: url(../../assets/images/homeslider/homesliderright.svg) !important;
    width: 22px;
    height: 44px;
    background-position: 0 0;
    right: -27px;
    top: 50%;
    margin: 0;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    background-size: contain;
    text-indent: -9999px;
    overflow: hidden;
}

@media screen and (max-width:767px)
{
    .hk-pagecontainer{ width: 100%; min-width: 100%;}
    .cart-header .hk-pagecontainer .row{ margin:0;}
    .cart-header.header-resp{ background: #fff;}
}

/****************** Theme styles ************************/
.primary-cta-v1 {
    background: #00bfbf !important;
}
.primary-cta-v2 {
    background: #1a4f69 !important;
}
.primary-cta-v2:hover {
    background: #1a485b !important;
}
.primary-cta-v3 {
    background: #ffffff !important;
}
.theme-primary-link {
    color: #1a4f69 !important;
}
.theme-secondary-link {
    color: #1a4f69 !important;
}
.row-fluid [class*="span"] {
    min-height: 10px !important;
}
.pad-b-50.cartPage{
    padding-bottom: 80px;
}
.cartFooter{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
}
.affiliate-container {
    margin: 0 auto;
    max-width: 960px;
    display: block;
}

/*css for career page edited on 27 Apr 2017 */
.table-jobs-wrapper {
    float: left;
    width: 100%;
}
.jobs-roles {
    float: left;
    width: 100%;
    font-size: 18px;
    padding-top: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}
.table-jobs-wrapper tr td p {
    margin: 0;
}
.js-cod-cntnr-op {
    display:none;
}

.iaWidget.iareviewpage{ display:none;}
@media screen and(max-width:767px)
{
.iaWidget.iareviewpage{ display:block;}
.hk-thirdpartywidgets.iareviewpage{ display:none;}
}

.result-title{
margin-top:0;
display: block;
font-size: 14px;
color:#808080;
}

.srch-ttl{
color:initial;
}

.span4.filter-border{
margin-top:0 !important;
}