.alert {
    position: relative;
    padding: .4rem .6rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-success {
    color: #009021;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert-gift{margin: 1rem 0 0.5rem 0;}
.gift-td{padding-right:10px;}
.alert-success .fa {font-size: 1.6rem;}
.alert-primary .fa {font-size: 1.2rem;}
.gift_container_lbl{display: none;}
#error_adding_to_cart{line-height:1.4rem; text-align:center; margin-bottom: 10px;font-size: 0.85rem;color: #da0404; display:none;}
h4{font-size: 15px;}
.breadcrumb li {display: inline; padding-right:10px;}
#payfortAppendViaAjax{display:none;border: 1px solid #ccc;
    background-color: #efefef;
    padding: 25px;margin-bottom: 15px;}
.promoRedBox{margin-bottom: 5px;}
.BigImageContainer.mobile .promoRedBox{margin-top:10px;margin-bottom: 10px;}
.promoRedBox span{line-height: 1.45rem;font-size:0.75rem;background:rgb(103, 51, 140); color:#fff; padding:4px;font-weight: bold;}
.clearfix{clear:both;}
.rating-count {
    display: none;
}
.whatsappDiv{
    float:none !important;
}
.whatsappDiv .productItem{
    margin-bottom:30px;
}
.whatsappDiv .subMenu{
    float:none; text-align:center;
}
.whatsappDiv .subMenu li{
    width:100% !important;max-width: 295px;
}
.whatsappDiv .subMenu li a i{
    font-size: 1.2rem;
}
.aboutUsMenu {
    width: 100%;
    float: left;
}

.aboutUsMenu ul.r-tabs-nav {
    padding: 0;
    width: 100%;
    float: left;
    display: table;
    position: relative;
    z-index: 10
}

.aboutUsMenu ul li.r-tabs-tab {
    display: table-cell;
    list-style: none;
    margin-right: 1px;
}

.aboutUsMenu ul li.last {
    margin-right: 0;
}

.aboutUsMenu ul li a,
.aboutUsMenu .r-tabs-accordion-title a {
    display: block;
    padding: 10px 20px;
    color: #989898;
    margin-right: 2px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    transition-delay: 0s;
    transition-duration: 0s;
    transition-property: all;
    transition-timing-function: ease;
}

.aboutUsMenu .r-tabs-accordion-title a {
    margin-right: 0;
}

.aboutUsMenu ul li.last a {
    margin-right: 0;
}

.aboutUsMenu ul li a:hover,
.aboutUsMenu .r-tabs-accordion-title a:hover {
    padding: 9px 18px;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: none;
    color: #ffffff;
    background: #363636;
}

.aboutUsMenu ul li.r-tabs-state-active a,
.aboutUsMenu .r-tabs-accordion-title.r-tabs-state-active a {
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: none;
    color: #ffffff;
    background: #363636;
    padding: 9px 18px;
}

.aboutContent {
    width: 95.6%;
    border-top: 1px solid #cccccc;
    margin-top: -2px;
    display: none;
    float: left;
    padding: 2%;
    color: #5f5555;
    font-family: 'Roboto', sans-serif;
}

.aboutContent table {
    width: 100% !important;
    max-width: 100% !important;
}

.aboutContent table,
.aboutContent table tbody,
.aboutContent table tbody tr,
.aboutContent table tbody tr td,
.aboutContent table tbody tr th,
.description table,
.description table tbody,
.description table tbody tr,
.description table tbody tr td,
.description table tbody tr th {
    border-color: #cccccc !important;
    border-width: 1px !important;
}

.aboutContent img {
    max-width: 100% !important;
}

.aboutContent iframe {
    max-width: 100% !important;
}

.aboutGallery {
    width: 100%;
    float: left;
    border: 3px solid #c8d936;
    margin-bottom: 25px;
    position: relative;
}

.aboutGallery .Imgtable {
    width: 100%;
    height: 555px;
    display: table;
    text-align: center;
}

.aboutGallery .ImgCell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.aboutGallery .Imgtable img {
    max-width: 100%;
    max-height: 100%;
}

.aboutGallery .BigImg {
    position: relative;
}

.aboutGallery img.aboutArrows {
    display: block;
    z-index: 12;
    position: absolute;
    top: 250px;
    cursor: pointer
}

.aboutGallery img.aboutArrows#rightArrow {
    right: 24px;
    left: auto
}

.aboutGallery img.aboutArrows#leftArrow {
    left: 24px;
}

.aboutGalleryThumbnails {
    width: 100%;
    float: left;
}

.aboutGalleryThumbnails .img {
    width: 95.4%;
    border: 3px solid #d1d1d1;
    margin: 0 1%;
    cursor: pointer;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.aboutGalleryThumbnails .img .Imgtable {
    width: 100%;
    height: 128px;
    display: table;
    text-align: center;
}

.aboutGalleryThumbnails .img .ImgCell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.aboutGallery .img {
    width: 100%;
}

.aboutGallery .img img {
    max-width: 100%;
    max-height: 100%;
}

.aboutGalleryThumbnails .img:hover {
    border: 3px solid #c8d936;
}

.aboutGalleryThumbnails .img.activeAboutThumb {
    border: 3px solid #c8d936;
}

.BlockTitle {
    width: 100%;
    height: 8px;
    float: left;
    margin-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
}

.BlockTitle span {
    padding-right: 14px;
    background: #ffffff;
    color: #555555;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    line-height: 10px;
}

.BlockTitle.related_products span {
    text-transform: capitalize;
    font-weight: bold;
    color: #363636;
}

.BlockTitle.products {
    text-align: center;
    margin-bottom: 30px;
}

.BlockTitle.products span {
    color: #67338e;
    padding-left: 14px;
}

.ServicesLeftBlock .img {
    width: 48%;
    float: left;
    border: 1px solid #cecece;
}

.ServicesLeftBlock .img img {
    width: 100%
}

.ServicesLeftBlock .content {
    width: 48%;
    float: right;
    color: #5f5555;
    font-size: 12px;
}

.ServicesLeftBlock .content h2 {
    color: #555555;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 18px;
}

.ServicesLeftBlock .content h2 a {
    color: #555555;
}

.ServicesLeftBlock .content h2 a:hover {
    color: #c8d936;
}

.ServicesLeftBlock .content .text {
    width: 100%;
    float: left;
    height: 120px;
    margin-bottom: 7px;
    font-family: 'Roboto', sans-serif;
    color: #555555;
    font-size: 12px;
}

a.read-more {
    float: left;
    clear: both;
    padding: 3px 7px;
    border: 1px solid #cccccc;
    color: #555555;
    font-size: 12px;
}

a.read-more:hover {
    color: #ffffff;
    background: #c8d936;
}

.StorySubItem .brief {
    width: 91%;
    min-height: 81px;
    padding: 10px;
    float: left;
    color: #5f5555;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    border: 1px solid #cccccc;
}

.StorySubItem .brief p {
    margin: 0
}

.StorySubItem.full .brief {
    width: 96%;
    font-size: 16px;
}

.StorySubItem .downArrow {
    float: right;
    margin: -1px 12.12% 14px 0;
}

.StorySubItem .PersonImg {
    width: 36%;
    float: left;
    text-align: center;
}

.StorySubItem .PersonImg img {
    max-width: 100%;
}

.StorySubItem .info {
    float: right;
    width: 53%;
}

.StorySubItem .info .name {
    display: block;
    color: #555555;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
}

.StorySubItem {
    min-height: 340px;
}

.StorySubItem.full .info .name {
    font-size: 20px;
    margin-bottom: 5px;
    height: 75px;
}

.StorySubItem .info .name a {
    color: #555555;
}

.StorySubItem .info .name a:hover {
    color: #67338e;
}

.StorySubItem .info .weight {
    display: block;
    color: #656565;
    font-size: 12px;
    height: 75px;
}

.StorySubItem.full .info .weight {
    font-size: 16px;
}

.StorySubItem .info .weight p {
    margin: 0
}

.StorySubItem .info .weight span {
    color: #67338e;
}

.BottomTabs img {
    display: inline-block;
}

.BottomTabs img.margin {
    margin: 0 24px;
}

.row {
    width: 100%;
    float: left;
    margin-bottom: 40px;
}

.row.no_margin {
    margin-bottom: 0;
}

.branchesMenu {
    width: 100%;
    float: left;
}

.branchesMenu ul {
    padding: 0;
    width: 100%;
    float: left;
    display: table;
    position: relative;
    z-index: 10
}

.branchesMenu ul li {
    display: table-cell;
    list-style: none;
    margin-right: 1px;
    text-align: center;
}

.branchesMenu ul li.last {
    margin-right: 0;
}

.branchesMenu ul li a {
    display: block;
    padding: 12px 20px;
    color: #989898;
    border: 1px solid #cccccc;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-right: 8px;
    font-weight: bold;
}

.branchesMenu ul li.last a {
    margin-right: 0;
}

.branchesMenu ul li a:hover {
    color: #ffffff;
    background: #67338e;
    border: 1px solid #67338e;
}

.branchesMenu ul li a.active {
    color: #ffffff;
    background: #67338e;
    border: 1px solid #67338e;
}

.branchTitle {
    width: 98%;
    float: left;
    padding: 10px 1%;
    border: 1px solid #67338e;
    color: #67338e;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    cursor: pointer;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.branchTitle.subscription {
    margin-bottom: 10px;
    cursor: default;
}

.branchTitle.subscription .pTab {
    cursor: default;
}

.branchTitle span.head {
    color: #660099;
}

.branchTitle.disabled {
    opacity: 0.8;
    color: #5f5555;
    border-color: #5f5555;
    cursor: default;
}

.ProgramsDetailsContainer .branchTitle,
.ProgramsDetailsContainer .branchTitle:hover {
    border: none;
    width: 100%;
    float: left;
    padding: 10px 0;
    cursor: default
}

.branchTitle.disabled:hover {
    opacity: 0.8;
    color: #5f5555;
    border-color: #5f5555;
    cursor: default;
}

.branchTitle .pTab {
    float: right;
    padding: 6px 19px;
    background: #67338e;
    margin-right: 7px;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    border-radius: 15px;
}

.branchTitle.disabled a {
    cursor: default
}

.branchTitle span.head {}

.branchTitle span.sign {
    float: right;
    font-size: 15px;
}

.branchTitle:hover {
    color: #c8d936;
    border: 1px solid #c8d936;
}

.branchTitle.activeAcc_branches {
    color: #c8d936;
    border: 1px solid #c8d936;
}

.branchTitle.activeStep {
    color: #c8d936;
    border: 1px solid #c8d936;
}

.branchesContainer {
    width: 100%;
    float: left;
    display: none;
}

.branchesContainer.description {
    color: #5f5555;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.description h3 {
    color: #67338e;
    font-size: 16px;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
}

#PopupContainer .description p {
    color: #5f5555;
    font-size: 14px;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

#PopupContainer .description a {
    color: #67338e;
}

#PopupContainer .description a:hover {
    color: #000;
}

.description img {
    max-width: 95%;
}

.description table {
    width: 100% !important;
    max-width: 100% !important;
}

.aboutContent table {
    width: 100% !important;
    max-width: 100% !important;
}

#BranchMapcontainer {
    position: relative;
}

#MapCanvas {
    width: 100%;
    height: 486px;
    float: left;
    -webkit-box-shadow: 0 2px 5px 1px #bfbfbf;
    -moz-box-shadow: 0 2px 5px 1px #bfbfbf;
    box-shadow: 0 2px 5px 1px #bfbfbf;
}

article.branch #MapCanvas {
    width: 100%;
}

#MapFiltrationBox {
    height: 100%;
    padding: 30px;
    float: left;
    background: #ffffff;
    -webkit-box-shadow: 0 2px 5px 1px #bfbfbf;
    -moz-box-shadow: 0 2px 5px 1px #bfbfbf;
    box-shadow: 0 2px 5px 1px #bfbfbf;
}

#MapFiltrationBox select {
    width: 100%;
    height: 30px;
    float: left;
    margin-bottom: 15px;
    border: 1px solid #cccccc;
    color: #656565;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

#MapFiltrationBox .inpSrch {
    width: 100%;
    float: left;
    position: relative;
}

#MapFiltrationBox .inpSrch .ic {
    width: 35px;
    height: 31px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background: url(https://assets.drnutrition.com/front/images/search-icon.png) no-repeat center center;
    cursor: pointer;
}

#MapFiltrationBox input[type="text"] {
    width: 87.2%;
    padding: 0 10% 0 2%;
    height: 30px;
    float: left;
    margin-bottom: 15px;
    border: 1px solid #cccccc;
    color: #656565;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

#MapFiltrationBox .submit {
    font-size: 14px;
}

.stories {
    width: 100%;
    height: 200px;
    float: left;
    margin-top: 15px;
    position: relative;
}

.stories .arrow {
    position: absolute;
    right: -10px;
    z-index: 10;
    cursor: pointer;
}

.stories .arrow.top {
    top: 0;
}

.stories .arrow.down {
    top: 12px;
}

.stories #storesBlock {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
}

.store-item {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.store-item .third-side img {
    max-width: 100%;
}

.store-item .title {
    width: 100%;
    height: 100%;
    display: table;
    color: #656565;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.store-item .title a {
    color: #656565;
}

.store-item .title a:hover {
    color: #67338e;
}

#BranchGalThumb {
    width: 15%;
    float: right;
}

#BranchGalThumb .img {
    width: 99.4%;
}

#BranchGalThumb .img .imgTable {
    border: 2px solid #ffffff;
}

#BranchGalThumb .img:hover .imgTable,
#BranchGalThumb .img.activeBranchThumb .imgTable {
    border: 2px solid #67338e;
}

#BranchGalBig {
    width: 84%;
    float: left;
}

#BranchGalBig .img {
    width: 100%;
}

.PackageItem {
    border: 1px solid #c8d936;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    position: relative;
}

.packageTitle {
    width: 100%;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #67338e;
}

.PackageDetails {
    width: 100%;
    float: left;
    color: #5f5555;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
}

.PackageDetails .subrow {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.PackageDetails .subrow.center {
    text-align: center;
}

.PackageDetails .subrow .leftSide {
    width: 48%;
    float: left;
}

.PackageDetails .subrow .rightSide {
    width: 48%;
    float: right;
    text-align: right;
}

.PackageDetails .subrow .rightSide.text {
    text-align: left;
}

.PackageDetails .subrow .rightSide img {
    max-width: 98%;
}

.PackageDetails .subrow .rightSide .packageImg img {
    border: 1px solid #cccccc;
}

.PackageItem:hover {
    border: 1px solid #67338e;
}

.PackageItem:hover .title a {
    color: #67338e;
}

.PackageItem.left {
    float: left;
}

.PackageItem.right {
    float: right;
}

.PackageItem .img {
    width: 100%;
    float: left;
    text-align: center;
}

.PackageItem .img .ImgTable {
    width: 100%;
    height: 238px;
    display: table;
}

.PackageItem .img .ImgCell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.PackageItem .img .ImgCell img {
    max-width: 100%;
    max-height: 100%;
}

.PackageItem .title {
    width: 98%;
    float: left;
    padding: 10px 1%;
    color: #555555;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.PackageItem .title a {
    color: #555555;
}

.PackageItem .title a:hover {
    color: #c8d936;
}

.PackageItem .title .price {
    float: right;
    padding: 3px 5px;
    background: #67338e;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.PackageItem .title .price span {
    color: #c8d936;
    text-decoration: line-through;
}

.PackageTable {
    width: 100%;
    float: left;
    display: table;
    border: 1px solid #cccccc;
}

.PackageTable .Trow {
    width: 100%;
    float: left;
    display: table-row
}

.PackageTable .TCell {
    width: 168px;
    padding: 0 10px;
    height: 162px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #626161;
    font-size: 16px;
    border-right: 1px solid #cccccc;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}

.PackageTable .TCell .list_price {
    text-decoration: line-through
}

.PackageTable .TCell.head {
    height: 62px;
    color: #67338e;
    font-size: 18px;
    border-bottom: 1px solid #cccccc;
}

.PackageTable .TCell.last {
    border-right: none;
}

.branchItem {
    width: 100%;
    float: left;
    padding: 24px 0;
    border-bottom: 1px solid #e1e1e1;
}

.branchItem .head {
    width: 300px;
    float: left;
    color: #5f5555;
    font-size: 14px;
    margin-right: 30px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.branchItem .phone {
    float: left;
    color: #5f5555;
    font-size: 14px;
    margin-right: 30px;
    font-family: 'Roboto', sans-serif;
}

.branchItem a.viewMap {
    float: right;
    color: #c8d936;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}

.careersIntro {
    color: #5f5555;
    font-size: 15px;
}

.CareersForm .textBox {
    width: 48%;
    height: 55px;
    background: #f2f2f2;
    text-indent: 15px;
    color: #5f5555;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    border: none;
    margin-bottom: 10px;
}

.CareersForm .textBox.left {
    float: left;
}

.CareersForm .textBox.right {
    float: right;
}

.CareersForm .textArea {
    width: 100%;
    height: 145px;
    padding: 15px 0;
    background: #f2f2f2;
    text-indent: 15px;
    color: #5f5555;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
    border: none;
    resize: none;
    overflow: auto;
}

.CareersForm .submit {
    padding: 10px 40px;
    background: #67338e;
    color: #fefefe;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    float: right;
    cursor: pointer;
    border: none;
    text-transform: uppercase;
}

.CareersForm .submit:hover {
    background: #c8d936;
}

.CareersForm .submit:disabled {
    cursor: default;
    opacity: 0.8;
}

.CareersForm .submit:disabled:hover {
    background: #67338e;
}

.NFI-button {
    width: 18%;
    float: right !important;
    height: 31px;
    background: #a8a3a3;
    color: #fefefe;
    font-size: 15px;
    padding-top: 7px;
    font-family: 'Roboto', sans-serif;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.NFI-button:hover {
    background: #67338e;
}

.NFI-wrapper {
    width: 100%;
    float: right;
    background: #f2f2f2;
}

.NFI-filename {
    border: none;
    width: 80%;
    height: 38px;
    background: #f2f2f2;
    color: #000;
    float: left;
    text-indent: 15px;
    color: #5f5555;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
    border: none;
}

.msgcontact {
    float: left;
    width: 100%;
    color: #e9193a;
    margin-top: 50px;
    border: 1px solid #777777;
    background: url(https://assets.drnutrition.com/front/images/bg_cars.jpg) repeat-x top left;
    background-color: #f2f2f2;
    box-shadow: 0 0 8px #777777;
}

.msgcontact p {
    margin-bottom: 3px
}

.success {
    padding: 24px 20px 16px 60px;
    background-image: url("https://assets.drnutrition.com/front/images/status-success.png");
    background-position: 15px 15px;
    background-repeat: no-repeat;
    color: #008800;
    float: left;
    margin-bottom: 15px;
}

.error {
    padding: 20px;
    padding-left: 60px;
    background-image: url("https://assets.drnutrition.com/front/images/status-alert.png");
    background-position: 15px 15px;
    background-repeat: no-repeat;
    color: #aa0000;
    float: left;
    margin-bottom: 15px;
}

#CertificatesContainer {
    width: 100%;
    float: left;
}

.CertificatesRow {
    width: 100%;
    float: left;
    margin-bottom: 25px;
}

.CertificateItem {
    width: 22.6%;
    margin: 0 1% 15px;
    float: left;
    border: 1px solid #e1e1e1;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.CertificateItem:hover {
    border: 1px solid #67338e;
}

.loadMore {
    width: 100%;
    float: left;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    padding: 15px 0;
    background: #67338e;
    text-transform: uppercase;
    cursor: pointer;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.loadMore:hover {
    background: #c8d936;
}

.trademarkItem {
    width: 96%;
    margin: 0 2%
}

.trademarksContainer {
    width: 100%;
    float: left;
}

.TradeMarkBlockTitle {
    width: 100%;
    float: left;
    height: 15px;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    margin-bottom: 48px;
}

.TradeMarkBlockTitle span {
    padding: 0 38px;
    background: #ffffff;
    color: #c8d936;
    font-size: 23px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    text-transform: uppercase;
}

.trademarkLogo {
    width: 99.6%;
    border: 1px solid #cccccc;
    margin-bottom: 19px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.trademarkLogo .ImgTable {
    display: table;
    text-align: center;
}

.trademarkLogo .ImgCell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.trademarkLogo .ImgCell img {
    max-width: 100%;
    max-height: 100%;
}

.trademarkLogo:hover {
    border: 1px solid #c8d936;
}

.trademarkLogo a.default {
    cursor: default;
}

.LectureItem {
    width: 49%;
}

.LectureItem.full {
    width: 100%;
}

.LectureItem.left {
    float: left;
}

.LectureItem.right {
    float: right;
}

.LectureItem .ListImg {
    width: 99.6%;
    border: 1px solid #e1e1e1;
    margin-bottom: 7px;
    text-align: center;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.LectureItem .ListImg:hover {
    border: 1px solid #67338e;
}

.LectureItem .ListImg img {
    max-height: 100%;
    max-width: 555px;
}

.LectureItem .ListImg .ImgTable {
    width: 100%;
    display: table;
}

.LectureItem .ListImg .ImgCell {
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}

.lectureLeftBox {}

.lectureLeftGallery {
    width: 99.6%;
    float: left;
    border: 1px solid #e1e1e1;
    position: relative;
}

.lectureLeftGallery img {
    position: absolute;
    display: none;
}

.LectureItem .viewGal {
    width: 99.6%;
    float: left;
    border: 1px solid #c8d936;
    position: relative;
    color: #828282;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    padding: 10px 0;
    text-align: center;
    margin-top: 10px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    cursor: pointer;
}

.LectureItem .viewGal:hover {
    background: #c8d936;
    color: #ffffff;
}

.lectureRightSec.half-side.full {
    width: 100%;
}

.LectureItem h2,
.LectureItem h1 {
    padding: 15px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
    color: #67338e;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

.LectureItem h2 a,
.LectureItem h1 a {
    color: #67338e;
}

.LectureItem h2 a:hover,
.LectureItem h1 a:hover {
    color: #c8d936;
}

.lectureRightSec .text {
    width: 100%;
    float: left;
    color: #5f5555;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.pagination {
    width: 100%;
    float: left;
    padding: 15px 0;
    border-top: 1px solid #c8d936;
    border-bottom: 1px solid #c8d936;
    margin-bottom: 40px;
}

.pagination ul {
    width: 100%;
    float: left;
    text-align: center;
}

.pagination ul li {
    display: inline-block;
    list-style: none;
    margin: 0 3px;
}

.pagination ul li a {
    padding: 3px 5px;
    background: #67338e;
    color: #ffffff;
}

.pagination ul li.active span {
    padding: 3px 5px;
    background: #c8d936;
    color: #ffffff;
}

.pagination ul li a:hover {
    background: #c8d936;
}

.nutritionBlock {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e1e1e1;
}

.nutritionBlock.last {
    padding-bottom: 0;
    border-bottom: none;
}

.nutritionBlock .title {
    width: 100%;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #5f5555;
    margin-bottom: 20px;
    font-weight: bold;
}

.nutritionBlock .description {
    width: 100%;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #5f5555;
}

.packageCountry {
    width: 99.6%;
    float: left;
    height: 30px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #5f5555;
    border-radius: 3px;
    border: 1px solid #67338e
}

.packageCountry:hover,
.packageCountry:focus {
    border-color: #c8d936
}

.ProductsSlider {
    padding-bottom: 20px
}

.RelatedProductitem {
    width: 100%;
    display: inline-block;
    margin-top: 32px;
}

.ProductsSliderItem {
    width: 22.75%;
    float: left;
    margin: 0 17px 20px;
    border: 1px solid #fff;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    position: relative;
    border-radius: 5px;
}

.pInfo {
    min-height: 146px;
    float: left;
    width: 100%;
    margin-top: 14px;
}

.outOfStock {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 10;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(https://assets.drnutrition.com/front/images/no-stock.png);
}

.outOfStock span {
    display: none;
}

#productsCategoriesDropDown {
    display: none;
    float: left;
    width: 48%;
}

#productsBrandsDropDown {
    display: none;
    float: right;
    width: 48%;
}

.ProductsSliderItem.list {
    margin: 0 2.4% 70px 0;
    width: 31.4%;
}

.ProductsSliderItem.list1 {
    margin: 0 2.4% 65px 0;
    width: 22.95%;
}

.ProductsSliderItem.list1.products {
    margin: 0 2.4% 70px 0;
    width: 22.95%;
}

.ProductsSliderItem.products {
    margin: 0 1% 70px 0;
    width: 30.4%;
}

.ProductsSliderItem.related-products {
    margin: 0 2%;
    width: 96%;
}

.ProductsSliderItem.packages-products {
    margin: 0 1% 70px;
    width: 97.3%;
}

.ProductsSliderItem.packages-choose-products {
    margin: 0 1.5% 70px;
    width: 96.3%;
}

.ProductsSliderItem.list.last {
    margin: 0 0 70px;
}

.ProductsSliderItem.list1:nth-of-type(4n+4) {
    margin: 0 0 70px;
}

.ProductsSliderItem.products:nth-of-type(3n+3) {
    margin: 0 0 70px;
}

.ProductsSliderItem:hover {
    border: 1px solid #67338e;
}

.ProductsSliderItem:hover .productName a {
    color: #67338e
}
.ProductsSliderItem a {float: left;}
.ProductsSliderItem .img {
    width: 100%;
    margin-bottom: 8px;
    text-align: center;
    float: left;
    max-height: 216px;
    position: relative;
}

.ProductsSliderItem.catlist .img {
    margin-bottom: 20px;
}

.ProductsSliderItem .img img {
    max-height: 100%;
}

.ProductsSliderItem .productName {
    color: #555555;
    font-size: 14px;
    margin-bottom: 8px;
    display: inline-block;
    padding: 0 6px 0 6px;
    height: 55px;
    font-weight: normal;
}

.ProductsSliderItem.catlist .productName {
    height: 20px;
}

.ProductsSliderItem .productName a {
    color: #555555;
    text-transform: capitalize;
}

.ProductsSliderItem .productName a:hover {
    color: #c8d936;
}

.ProductsSliderItem .productPrice {
    padding: 2px 10px;
    float: left;
    color: #444244;
    font-size: 14px;
    font-weight: bold;
}

.ProductsSliderItem.discounted .productPrice span {
    color: #62bd19;
    text-decoration: line-through;
}

.mobile-wallet-points {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: red;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 3px 0;
}
.promotional-boxes {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.promocode-div {
    width: 41%;
    display: inline-block;
    height:135px;
    vertical-align: top;
    padding: 15px 4% 0;
    background-color: #f2f2f2;
    margin-bottom: 15px;
}
.promocode-div.active {
    width: 91%;
}
.promocode-div label {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom:10px;
    font-weight: bold;
}
.promocode-div input[type="text"] {
    border:1px solid #eee;
    background-color: #fff;
    margin-bottom: 10px;
    width: 100%;
    max-width: 300px;
    height: 34px;
}
.promocode-div .submit {
    float:left;
}

.loyalty-content {color:#67338e;font-size: 1rem;padding: 6px 0px;}
.loyalty-content .fa{font-size: 1.1rem;}
.loyalty-content a {color:#67338e;}

#redeem-points-container {
    width:41%;
    float:right;
    display: inline-block;
    vertical-align: top;
    height:135px;
    padding: 15px 4% 0;
    background-color: #f2f2f2;
    text-align: center;
}
#redeem-points-container.active {
    width: 91.75%;
    float:left;
}
#redeem-points-container a {
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px;
    color: #fff;
    background: red;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 45px;
}

.can-redeem-icon {
    width: 189px;
    height: 45px;
    padding: 10px 0 0 0;
    text-align: center;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
}
.can-redeem-div-under-text{
    text-align: center;font-size: 13px;margin-bottom: 10px;margin-top: 0px;color: #bf1616;
}
.cart-redeemed-head {
    padding: 10px 0;
    text-align: center;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #67338e
}

.can-redeem-icon img {
    position: absolute;
    top: 14px;
    right: 0;
    z-index: 1;
}

.can-redeem-icon .note {
    position: absolute;
    right:0;
    top:22px;
    z-index: 2;
    display: inline-block;
    text-align: center;
    width: 100%
}

.can-redeem-icon a {
    color: #fff;
}

.can-redeem-icon-cont {
    position: absolute;
    top: 11px;
    left: -24px;
    z-index: 10;
}

.can-redeem-text {
    width: 100%;
    padding: 10px 0 10px 0;
    text-align: center;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 600;
    border-radius: 10px;
    background: #bf1616;
    display: inline-block;
    margin: 10px 0;
}

.discountBullet {
    width: 56px;
    height: 38px;
    padding-top: 18px;
    position: absolute;
    top: 4px;
    right: 4px;
    line-height: 13px;
    z-index: 10;
    background: #67338e;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-align: center;
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    -ms-border-radius: 40px;
}

.ProductsSliderItem .price {
    color: #c8d936;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.ProductsSliderItem .links {
    color: #828282;
    font-size: 12px;
    text-transform: capitalize;
    padding: 0 6px;
    width: 94%;
    min-height: 25px;
    float: left;
    margin-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

.ProductsSliderItem .links a {
    color: #828282;
}

.ProductsSliderItem .links a.submit {
    color: #ffffff;
}

.ProductsSliderItem .links a:hover {
    color: #c8d936;
}

.ProductsSliderItem .links a.addToCart {
    color: #67338e;
    width: 30px;
    height: 30px;
    background: url(https://assets.drnutrition.com/front/images/mobile/new_icon/cart-icon.png) no-repeat center center/cover;
    text-indent: -1000000px;
    margin-top: -6px;
}

.ProductsSliderItem .links a.addToCart.active {
    background: url(https://assets.drnutrition.com/front/images/mobile/new_icon/cart-icon-green.png) no-repeat center center/cover;
}

.ProductsSliderItem .links a.left {
    float: left;
}

.ProductsSliderItem .links a.right {
    float: right;
}

.ProductsSliderItem .links a.details {
    font-size: 14px;
    margin: 2px 8px 0;
    font-weight: normal;
}

.rateProductInCart{line-height: 22px;padding-top: 8px;}

a.addToCart {
    color: #67338e;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    float: right;
    margin-top: 5px;
}

a.addToCart:hover {
    color: #c8d936;
}

a.addToCart_1, a#notifyMeBtn {
    text-transform: capitalize;
    background: #c8d936;
    padding: 5px 14px;
    color: #67338e;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    float: left;
    width: 100%;
    padding: 8px 0;
    text-align: center;
    border-radius: 7px;
    margin: 2px 0;
}

a.addToCart_1:hover, a#notifyMeBtn:hover {
    color: #c8d936;
    background: #67338e;
}

.brand-item {
    width: 10.5%;
    float: left;
    margin: 0 4.4% 25px 0;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.brand-item:hover {
    transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
}

.brand-item:nth-of-type(7n+7) {
    margin: 0 0 25px 0;
    float: right;
}

.brand-item .img {
    width: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 120px;
}

.brand-item .img img {
    max-width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.brand-item h2 {
    color: #555555;
    font-size: 14px;
    padding: 3px 6px 10px 6px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    text-align: center;
    text-transform: capitalize;
}

.brand-item h2 a {
    color: #555555;
}

.brand-item:hover {
    border-color: #67338e;
}

.brand-item:hover h2 {
    color: #67338e;
}

.brand-item:hover h2 a {
    color: #67338e;
}

.HomeContent .intro {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    line-height: 40px;
}

.videoIntro {
    line-height: 40px;
}

.videoIntro p {
    margin: 0
}

.videoIntro .vd {
    width: 250px;
    float: right;
    margin: 0 0 10px 10px;
}

.videoIntro .vd a {
    font-size: 12px;
    color: #a6a91b;
    margin: 0 0 10px 0;
    font-family: 'Roboto', sans-serif;
}

.videoIntro .vd a:hover {
    color: #67338e;
}

.tab_home_1 {
    width: 100%;
    float: right;
    margin: 25px 0 25px 0;
    text-align: center;
}

.tab_home_1 img {
    max-width: 100%
}

.flashSide {
    float: left;
    width: 658px;
    text-align: center;
}

.flashSide img {
    display: inline-block;
    margin-bottom: 15px;
    max-width: 100%
}

.flashObject {
    width: 100%;
    float: right;
}

.flashObject iframe {
    border: none;
}

a.achieve_dreams {
    color: #a6a91b;
    margin: 15px 0;
    display: inline-block;
}

a.achieve_dreams:hover {
    color: #67338e;
}

#homeMarquee img {
    opacity: 0.8;
    margin: 0 6px;
    cursor: pointer;
}

#homeMarquee img:hover {
    opacity: 1
}

.BottomBlock {
    width: 364px;
    height: 545px;
    float: left;
    position: relative;
}

.BottomBlock.HealthyRecipes {
    margin: 0 22px;
}

.BottomBlock.RestaurantLocation {
    float: right;
}

.BottomBlock img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
}

.BottomBlock.MenuTable .DatesContainer img {
    display: block;
}

.BottomBlock .overlay {
    padding: 15px 0;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    background: url(https://assets.drnutrition.com/front/images/yellowShadow.png) repeat top left
}

.BottomBlock.HealthyRecipes .overlay {
    top: 0;
    bottom: inherit;
    padding: 20px 0;
}

.BottomBlock.HealthyRecipes .overlay.bottom {
    background: url(https://assets.drnutrition.com/front/images/greyShadow.png) repeat top left;
    padding: 15px 0;
    bottom: 0;
    top: inherit;
}

.BottomBlock.RestaurantLocation .overlay {
    top: inherit;
    bottom: 0;
    padding: 40px 0;
    background: #67338e;
}

.BottomBlock.HealthyRecipes .play {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 15;
    background: url(https://assets.drnutrition.com/front/images/playArrow.png) no-repeat center center
}

.BottomBlock .overlay .title {
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 25px;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    -webkit-text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    text-shadow: 0px 1px 0px #000000;
    text-align: center;
}

.BottomBlock.RestaurantLocation .overlay .title {
    margin-bottom: 30px;
    position: relative;
}

.BottomBlock.RestaurantLocation .overlay .viewOnMap {
    width: 100%;
    float: left;
    margin-top: -61px;
    text-align: center;
}

.BottomBlock.RestaurantLocation .overlay .viewOnMap a {
    padding: 12px;
    background: #ffffff;
    font-size: 14px;
    color: #67338e;
    display: inline-block;
}

.BottomBlock.RestaurantLocation .overlay .viewOnMap a:hover {
    background: #c8d936;
    color: #ffffff
}

.BottomBlock.RestaurantLocation .overlay .description {
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 22px;
}

.BottomBlock.HealthyRecipes .overlay .titleTop {
    width: 100%;
    float: left;
    color: #68348e;
    font-size: 36px;
    text-transform: capitalize;
    text-align: center;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
}

.BottomBlock.HealthyRecipes .overlay .titleBottom {
    width: 100%;
    float: left;
    color: #ffffff;
    font-size: 22px;
    text-transform: capitalize;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    -webkit-text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    text-shadow: 0px 1px 0px #000000;
}

.BottomBlock.MenuTable .overlay .DatesContainer {
    width: 100%;
    height: 20px;
    position: relative;
    float: left;
}

.DatesContainer #leftMenuSmallArrow {
    position: absolute;
    top: 0;
    left: 90px;
    z-index: 10;
}

.DatesContainer #rightMenuTableArrow {
    position: absolute;
    top: 0;
    right: 90px;
    left: auto;
    z-index: 10;
}

.BottomBlock.MenuTable .overlay .Dates {
    width: 160px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.BottomBlock.MenuTable .overlay .DateItem {
    width: 160px;
    position: absolute;
    top: 0;
    left: 160px;
    z-index: 1;
    text-align: center;
    color: #67338e;
    font-size: 15px;
}

.ls-nav-prev,
.ls-nav-next {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 45%;
    z-index: 200;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ls-nav-prev {
    left: 2%;
    background-image: url(https://assets.drnutrition.com/front/images/banner-arrow-left.png);
}

.ls-nav-next {
    right: 2%;
    background-image: url(https://assets.drnutrition.com/front/images/banner-arrow-right.png);
}

.location-map {
    -webkit-box-shadow: 0 2px 5px 1px #bfbfbf;
    -moz-box-shadow: 0 2px 5px 1px #bfbfbf;
    box-shadow: 0 2px 5px 1px #bfbfbf;
}

.location-map iframe {
    width: 100%;
}

.headtitle {
    width: 100%;
    float: left;
    color: #c8d936;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 25px;
    text-transform: capitalize;
}

.headtitle.block-title {
    color: #67338e;
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px
}

.headtitle.block-title span a {
    font-size: 16px;
    color: #c8d936;
}

.headtitle.block-title span a:hover {
    color: #67338e;
}

.LeftContact {
    width: 320px;
    float: left;
}

.LeftContact a {
    color: #363636;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    float: left;
    margin: 0 9px 9px 0;
    padding: 12px 20px;
    border: 1px solid #cccccc;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
}

.LeftContact a:hover {
    color: #ffffff;
    background: #67338e;
    border: 1px solid #67338e;
}

.RightContact {
    width: 812px;
    float: right;
}

.submit {
    background: #67338e;
    border: none;
    color: #fefefe;
    cursor: pointer;
    float: right;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    padding: 4px 17px;
    text-transform: uppercase;
    border-radius: 7px;
}

.submit.smaller-padding {
    padding: 4px 9px;
}

.submit.cancel {
    margin: 0 4px;
    padding: 4px 17px;
}

.submit.margin {
    margin: 0 2px;
}

.submit:disabled {
    cursor: default;
    opacity: 0.8
}

.submit.cart {
    padding: 3px 17px 3px 35px;
    background: url(https://assets.drnutrition.com/front/images/cart-icon.png) no-repeat 0 3px #67338e;
}

.submit.cart:hover {
    background: url(https://assets.drnutrition.com/front/images/cart-icon.png) no-repeat 0 3px #c8d936;
}

.submit.calculator {
    padding: 3px 17px 3px 25px;
    background: url(https://assets.drnutrition.com/front/images/calculator-icon.png) no-repeat 0 5px #67338e;
}

.submit.calculator:hover {
    background: url(https://assets.drnutrition.com/front/images/calculator-icon.png) no-repeat 0 5px #c8d936;
}

article.onMap .submit {
    float: left;
    font-size: 14px;
}

.submit.left {
    float: left;
}

.submit.inline {
    float: none !important;
    display: inline-block;
    border-radius: 25px;
    padding: 4px 20px;
    font-size: 15px;
    vertical-align: top;
    position: relative;
}

.step-container .submit.inline {
    width: auto !important;
}

.step-container #step_3_loader .submit.inline {
    top: -12px;
}

#saveBMIResults.submit.inline {
    width: 400px;
    max-width: 90%;
}

.submit.registerButton {
    margin-top: 79px
}

.submit:hover {
    background: #c8d936;
}

.submit:disabled {
    cursor: default;
    opacity: 0.8;
}

.submit:disabled:hover {
    background: #67338e;
}

.login-links {
    float: left;
}

.login-links a {
    color: #555;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    display: inline-block;
    margin: 7px 10px 0 0;
    padding-right: 10px;
    vertical-align: middle;
    position: relative;
    text-transform: capitalize;
}

.login-links a:hover {
    color: #67338e;
}

.login-links a:after {
    content: "";
    position: absolute;
    top: 0;
    right: -3px;
    z-index: 10;
    height: 100%;
    width: 2px;
    background: #555;
}

.login-links a:last-child {
    margin-right: 0;
    padding-right: 0;
}

.login-links a:last-child:after {
    display: none;
}

.login-fb-plus-tab {
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
}

img.login-fb-plus-tab {
    max-width: 30px;
}

label.login-fb-plus-tab {
    color: #333;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    opacity: .7
}

.login-fb-plus-tab.disabled,
.login-fb-plus-tab:disabled {
    opacity: 0.8;
    cursor: default;
}

.login-fb-plus-tab:hover {
    opacity: 0.8;
}

.RightBlock {
    width: 99.7%;
    float: left;
    border: 1px solid #f0f0f0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -os-border-radius: 3px;
    margin-bottom: 38px;
}

.RightBlock.no-border {
    border-bottom: none;
    border-right: none;
    border-left: none;
}

.RightBlock img.tab {
    max-width: 100%;
    margin-bottom: 23px;
    border: 2px solid #67338e;
}

.RightBlock .title {
    font-size: 16px;
    color: #67338e;
    font-family: "Roboto", sans-serif;
    text-transform: capitalize;
    width: 100%;
    float: left;
}

.RightBlock .title span {
    padding: 0 5px;
    background: #ffffff;
    margin: -12px 0 12px 8px;
    float: left;
}

.RightBlock ul.one {
    padding: 0;
    width: 100%;
    float: left;
}

.RightBlock ul.one li {
    list-style: none;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    position: relative;
}

.RightBlock ul.one li ul.one {
    display: none;
}

.RightBlock ul.one li ul.one li {
    border-bottom: none;
}

.RightBlock ul.one li a {
    text-transform: capitalize;
    display: block;
    padding: 5px 13px;
    color: #555555;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

.RightBlock ul.one li.last {
    border-bottom: none;
}

.RightBlock ul.one li:hover a {
    color: #67338e;
}

.RightBlock ul.one li.active a {
    color: #67338e;
}

.RightBlock ul.one li ul.one li a {
    color: #555555;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.RightBlock ul.one li ul.one li:hover a {
    color: #67338e;
}

.RightBlock ul.one li ul.one li.active a {
    color: #c8d936;
}

.RightBlock span.acc-sign {
    padding: 3px 3px;
    position: absolute;
    top: 6px;
    right: 7px;
    z-index: 10;
    color: #fff;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    height: 9px;
    background: #67338e;
    border-radius: 50px;
    line-height: 9px;
    cursor: pointer;
}

.RightBlock span.acc-sign:hover,
.RightBlock span.acc-sign.active {
    background: #c8d936;
}

.RightBlock span.acc-sign.active {
    padding: 3px 5px;
}

.rate-block, .rate-block a {
    color: #67338e;
    font-size: 18px;
}

.container-rater {
    float: left;
}

.star {
    float: left;
}

.rating-count {
    float: left;
    margin: 0 10px;
    font-size: 14px;
    font-weight: bold;
}

.aboutContent div.rate-block,
.aboutContent div.rate-block div.container-rater,
.aboutContent div.rate-block div.stars {
    margin-bottom: 0;
}

.ProductsContent .productItem.style_1 {
    font-weight: normal;
    font-size: 18px
}

.successMessageContainer {
    width: 96%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 20px 2%;
    margin: 10px 0;
    color: #67338e;
    font-size: 18px;
}

.ProductsContent .productItem .title {
    float: left;
    margin-top: 3px
}

.ProductsContent .productItem.topMargin {
    margin-top: 15px
}

.ProductsContent .productItem span.p {}

.ProductsContent .productItem span.p.ds {
    text-decoration: line-through;
    font-weight: normal;
    color:#808080;
}
.ProductsContent .productItem span.p.main-p {
    color:#62bd19;
    font-size: 1.2rem;
}

.ProductsContent .productItem ul.subMenu {
    padding: 0;
    width: 100%;
    float: left;
    border: none;
}

.ProductsContent .productItem ul.subMenu li {
    list-style: none;
    width: 100%;
    float: none !important;
    display: inline-block;
    margin: 2px 0 !important;
}

.ProductsContent .productItem ul.subMenu li a {
    color: #666666;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    border: 1px solid #e1e1e1;
    text-transform: capitalize;
    width: 99.6%;
    float: none !important;
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    background: #f6f5f4;
    border-radius: 7px;
    margin: 0 !important;
}

.ProductsContent .productItem ul.subMenu li a {}

.row {
    margin-bottom: 10px;
}

.ProductsContent .productItem ul.subMenu li a:hover {
    border: 1px solid #67338e;
    color: #67338e;
}

a.whatsapp {
    display: inline-block;text-align: center;
    border-radius: 7px;font-size: 13px;
    padding:10px;float:right;
    background-color: rgb(37, 211, 102) !important;
    color: #fff !important;
}

.ProductsContent a.whatsapp:hover {
    background-color: rgb(7, 187, 74);
    border: 1px solid #ccc;
}

.ProductsContent .productItem ul.sociallink {
    padding: 0;
    float: right;
}

.ProductsContent .productItem ul.sociallink li {
    list-style: none;
    float: left;
    height: 30px;
    margin-right: 10px;
}

.ProductsContent .productItem label {
    color: #666666;
}

.ProductsContent .productItem label.selectQtyLbl {
    font-weight: 400;
}
.ProductsContent .productItem ul.sociallink li a {
    display: inline-block;
}

.ProductsContent .productItem ul.sociallink li a div {
    width: 30px;
    height: 30px;
    float: left;
    background-color: #a2a8ac;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.ProductsContent .productItem ul.sociallink li a div:hover {
    background-color: #67338e;
}

.ProductsContent .productItem ul.sociallink li a div.pinterest {
    background-image: url(https://assets.drnutrition.com/front/images/productssociallinks.png);
    background-position: -1px -6px;
    background-repeat: no-repeat;
}

.ProductsContent .productItem ul.sociallink li a div.googleplus {
    background-image: url(https://assets.drnutrition.com/front/images/productssociallinks.png);
    background-position: -38px -6px;
    background-repeat: no-repeat;
}

.ProductsContent .productItem ul.sociallink li a div.twitter {
    background-image: url(https://assets.drnutrition.com/front/images/productssociallinks.png);
    background-position: -73px -6px;
    background-repeat: no-repeat;
}

.ProductsContent .productItem ul.sociallink li a div.facebook {
    background-image: url(https://assets.drnutrition.com/front/images/productssociallinks.png);
    background-position: -108px -6px;
    background-repeat: no-repeat;
}

.available {
    float: right;
    padding: 1px 33px 5px 0;
    font-size: 15px;
    text-transform: capitalize;
}
.available.true {
    color: #c8d936;
    background: url(https://assets.drnutrition.com/front/images/true.png) no-repeat center right;
    background-size: 21%;
}

.available.false {
    color: #d40404;
    background: url(https://assets.drnutrition.com/front/images/false.png) no-repeat center right;
    background-size: 18%;
    font-size: 13px;
}

.attribute-render {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.attribute-render:nth-of-type(2n+2) {
    float: right;
}

.productDescription {
    text-align: justify;
    color: #5f5555;
    font-size: 14px;
    margin-top: 10px;
    font-family: "Roboto", sans-serif;
}

.productDescription p {
    margin-bottom: 0
}

.productDescription .dis {
    background: #ddd;
    border-radius: 15px;
    color: #444244;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    padding: 5px 7px;
    float: left;
    margin-right: 3px;
    font-weight: 600;
}

.row.productDescription {
    margin-bottom: 10px;
}

.productDescription label {
    color: #666666;
    float: left;
    font-size: 18px;
    width: 100%;
    text-transform: capitalize;
    margin-bottom: 3px;
    font-weight: 400;
}

.productDescription select {
    border-radius: 7px;
    padding: 5px;
    width: 100%;
    text-transform: capitalize;
    font-size: 15px;
    margin: 2px auto;
    background: #fff;
    border: 1px solid #ccc;
}

#loader {
    width: 100%;
    float: left;
    height: 20px;
}

.loader1 {
    width: 100%;
    float: left;
    height: 20px;
}

.class-input {
    width: 50px;
    height: 20px;
    float: left;
    background: none;
    border: 1px solid #e1e1e1;
    text-align: center;
}

.p-item {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

.p-item label {
    float: left;
    margin: 0 4px 0 0
}

.CustomJssorContainer {
    width: 763px;
    margin: 0 auto;
}

.jssorb01 {
    width: 100% !important;
    height: 20px;
    border-top: 1px solid #e1e1e1;
    position: absolute;
    bottom: -33px;
    text-align: center;
}

.jssorb01 .mn {
    padding: 0 4px;
    display: inline-block;
    background: #ffffff;
    top: -5px !important;
    position: relative;
    z-index: 10;
    left: auto !important;
}

.jssorb01 .mn span {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #888888;
    border-radius: 15px;
    cursor: pointer;
}

.jssorb01 .mn:hover span {
    background: #6600b3;
}

.jssorb01 .mn.av span {
    background: #6600b3;
}

.jssora03l,
.jssora03r,
.jssora03ldn,
.jssora03rdn {
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(../img/a03.png) no-repeat;
    overflow: hidden;
}

.jssora03l {
    background-position: -3px -33px;
}

.jssora03r {
    background-position: -63px -33px;
}

.jssora03l:hover {
    background-position: -123px -33px;
}

.jssora03r:hover {
    background-position: -183px -33px;
}

.jssora03ldn {
    background-position: -243px -33px;
}

.jssora03rdn {
    background-position: -303px -33px;
}

.cartTable {
    display: table;
    border: 1px solid #e1e1e1;
    border-bottom: none;
}

.cartRow {
    width: 100%;
    float: left;
    display: table-row;
    border-bottom: 1px solid #e1e1e1;
}

.cartRow.no-border {
    border-bottom: none;
}

.cartRow.centerText {
    padding: 1% 0;
    text-align: center;
    font-family: "Roboto", sans-serif;
    color: #555555;
}

.cartCell {
    display: table-cell;
    float: left;
    font-family: "Roboto", sans-serif;
    color: #555555;
    font-size: 14px;
    vertical-align: middle
}

.cartCell a {
    color: #000;
}

.cartCell a:hover {
    color: #c8d936;
}

.cartCell.head {
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    color: #000;
    background: #f2f2f2;
}

.cartCell.product_id {
    width: 18%;
    padding: 1%;
}

.cartCell.product_name {
    width: 48%;
    padding: 1%;
}

.cartCell.product_name .img {
    float: left;
    margin: 0 10px 0 0
}

.cartCell.product_name .title {
    float: left;
    font-size: 14px;
}

.cart_options {
    font-size: 13px;
}

.cart_options span {
    color: #67338e
}

.cartCell.product_quantity {
    width: 18%;
    padding: 1%;
}

.cartCell.total_price {
    width: 20%;
    padding: 1%;
}

.cartCell.total_price small {
    font-size: 12px;
}

.cartCell.total_price.double {
    width: 18%;
}

.cartCell.total_price.triple {
    width: 28%;
}

.cartCell.order_id,
.cartCell.order_created_date,
.cartCell.order_amount,
.cartCell.order_status,
.cartCell.order_operations {
    width: 18%;
    padding: 1%;
}

.cartCell.program {
    width: 14.66%;
    padding: 1%;
}

.cartCell.appointment {
    width: 14.66%;
    padding: 1%;
}

.cartCell.head.order_operations {
    color: #67338e;
}

.cartCell.cart_remove {
    width: 8%;
    padding: 1%;
    color: #67338e;
}

.cartCell.cart_remove1 {
    width: 6%;
    padding: 1%;
    color: #67338e;
}

.cartQtyTextBox {
    height:35px;
    width: 65px;
    font-family: "Roboto", sans-serif;
    color: #555555;
    border: 1px solid #e1e1e1;
    background: none;
    text-indent: 5px;
    margin: 0 10px;
}

.cartNetPrice {
    float: right;
    font-family: "Roboto", sans-serif;
    color: #67338e;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.cartNetPrice.in_checkout {
    float: left;
}

.cartCell img {
    max-width: 120px;
    /* min-height: 88px; */
}

.cartImg {
    width: 28%;
    float: left;
}

.cartImg img {
    max-width: 100%;
}

.cartRightInto {
    width: 69%;
    float: right;
}

.step-container {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.step-result {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.checkoutBlock .cartTable .cartCell .img img {
    max-width: 50px
}

ul.c_attribute {
    float: left;
    margin: 0 10px 0 0;
    padding: 0
}

ul.c_attribute li {
    width: 100%;
    float: left;
    margin-bottom: 2px;
    list-style: none;
    font-size: 12px;
}

ul.c_attribute li.head {
    color: #67338e;
    margin-top: 5px;
}

.cartQtySubmit {
    background: #67338e;
    border: medium none;
    color: #fefefe;
    cursor: pointer;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    padding: 10px 25px;
    text-transform: uppercase;
    margin-right: 10px;
}

.cartQtySubmit.link.left-fix-btn {}

.cartQtySubmit.link.right-fix-btn {
    font-size: 12px;
    background: none;
    color: #555555;
}

#PopupLoader .cartQtySubmit {
    margin: 10px 8px
}

.cartQtySubmit.link {
    padding: 8px 25px;
}

.cartQtySubmit:hover {
    background: #c8d936;
}

.cartQtySubmit:disabled {
    cursor: default;
    opacity: 0.8;
}

.cartQtySubmit:disabled:hover {
    background: #67338e;
}

ul.userMenu {
    padding: 0;
}

ul.userMenu li {
    float: left;
    list-style: none;
    margin-right: 15px;
    position: relative;
}

ul.userMenu li a {
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #cccccc;
    color: #555555;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 10px;
    border-radius: 7px;
}

ul.userMenu li:hover a {
    border: 1px solid #67338e;
    color: #ffffff;
    background: #67338e;
}

ul.userMenu li.active a {
    border: 1px solid #67338e;
    color: #ffffff;
    background: #67338e;
}

.UserForm .radios {
    width: 100%;
    float: left;
    padding-top: 5px;
    color: #555555;
    font-size: 15px;
    font-weight: normal;
    text-transform: capitalize;
    font-family: "Roboto", sans-serif;
}

.UserForm .form-item {
    width: 48%;
    float: left;
    margin-bottom: 15px;
}

.UserForm .form-item.full {
    width: 100%;
}

.UserForm .form-item.left {
    float: left;
}

.UserForm .form-item.right {
    float: right;
}

.UserForm .form-item label {
    width: 100%;
    float: left;
    margin-bottom: 7px;
    color: #555555;
    font-size: 18px;
    font-weight: normal;
    text-transform: capitalize;
}

.UserForm .form-item .textBox,
.UserForm .form-item .selectBox {
    background: #f2f2f2;
    border: none;
    color: #5f5555;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    height: 38px;
    text-indent: 8px;
    width: 100%;
}

.UserForm .form-item .selectBox {
    text-indent: 0;
}

.UserForm .form-item .textBox:disabled,
.UserForm .form-item .selectBox:disabled,
.UserForm .form-item .textArea:disabled {
    opacity: 0.8
}

.UserForm .form-item .textArea {
    background: #f2f2f2;
    border: none;
    color: #5f5555;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    height: 100px;
    padding: 10px 0;
    resize: none;
    overflow: auto;
    text-indent: 8px;
    width: 50%;
}

.UserForm .form-item.full .textArea {
    width: 96%;
    padding: 10px 4% 10px 0;
}

.UserForm .form-item .textBox.vError,
.UserForm .form-item .selectBox.vError,
.UserForm .form-item.full .textArea.vError {
    border: 1px solid red
}

.form-error {
    width: 100%;
    float: left;
    color: red;
}

.form-error.textalign-center {
    text-align: center
}

.FormResult {
    color: red;
    float: left;
}

.FormResult .vSuccess {
    color: green;
}

.infoItem {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #555555;
}

.infoItem span {
    color: #67338e;
}

.checkoutBlock .blk-title {
    color: #67338e;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 94%;
    background: #67338e;
    border-radius: 150px 0 0 150px;
    padding: 1px 3%;
    color: #ffffff;
    position: relative;
}

.checkoutBlock .blk-title .slide-tab {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 34px;
    font-family: "Roboto", sans-serif;
    color: #fff;
    margin: 0 5px;
    cursor: pointer;
    display: none;
}

.checkoutBlock .cartCell.head {
    font-size: 13px;
    padding: .5% .5%
}

.checkoutBlock .cartCell {
    font-size: 13px;
    padding: .5% .5%
}

.checkoutBlock .cartCell.total_price.double {
    width: 31%;
}

.address-item {
    cursor: pointer;
    width: 44%;
    float: left;
    margin-bottom: 15px;
    background: #f2f2f2;
    padding: .5% 2%;
    color: #000;
    font-size: 12px;
}

.address-item span,
.address-item label {
    cursor: pointer;
}

.address-item:nth-of-type(2n+2) {
    float: right;
}

.address-item label {
    display: inline-block;
    vertical-align: top;
}

.address-item label b {
    float: left;
    margin-right: 7px;
}

.address-item label div {
    float: left;
}

.address-edit {
    float: right;
    margin-left: 4px;
}

.address-select {
    float: left;
    margin-right: 15px;
    width: 15px;
    height: 15px;
    border: 2px solid #000;
    background: #fff;
    border-radius: 150px;
    margin-top: 5px;
}

.address-item.active .address-select {
    border-color: #67338e;
    background: #67338e;
}

.address-item:hover,
.address-item.active {
    background: #dfdbdb;
}

.add-more-address {
    float: right;
    margin-top: 5px;
}

.checkout-selected-box {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    padding: 10px 1%;
    background: #f2f2f2;
    min-height: 300px;
    margin-bottom: 10px;
}

.checkout-selected-box.vat-labels-added {
    min-height: 375px;
}

.checkout-selected-box.vat-labels-added-more {
    min-height: 460px;
}

.checkout-selected-box .box-title {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
}

.checkout-selected-box label {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 5px;
}

.checkoutBlock .text {
    color: #555555;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
}

.checkoutBlock .text.red {
    color: red;
}

.checkoutBlock .text span {
    color: #67338e;
    text-transform: capitalize;
}

.checkoutBlock .text.bold {
    font-weight: bold;
}

.print {
    float: right;
    color: #67338e;
    margin-top: -30px;
}

.print:hover {
    color: #c8d936;
}

.rowItem {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.rowItem img {
    max-width: 100%
}

.checkoutBlock select.address_select {
    width: 250px;
    height: 26px;
    float: left;
    background: #f2f2f2;
    border: none;
    color: #5f5555;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    margin-bottom: 17px;
}

.AjaxLoader {
    width: 20px;
    height: 20px;
    float: left;
    margin-left: 5px;
}

.AjaxLoader.active {
    background: url(https://assets.drnutrition.com/front/images/325.GIF) no-repeat center center
}

ul.homeTabs {
    width: 100%;
    float: left;
    padding: 0;
}

ul.homeTabs.addBorder {
    padding-top: 20px;
    border-top: 2px solid #cccccc
}

body.home ul.homeTabs.addBorder {
    padding-top: 0;
    border-top: none;
    padding-bottom: 20px;
    border-bottom: 2px solid #cccccc
}

ul.homeTabs li {
    list-style: none outside none;
    margin: 0 26px 17px 0;
    position: relative;
    border: 2px solid #67338e;
    width: 260px;
    padding: 0 0 4px 0;
    float: left;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

ul.homeTabs.cent li {
    border: none;
    float: left;
    display: inline-block;
    text-align: center;
    width: 100%;
}

ul.homeTabs.big li {
    /*width: 357px*/
    width:48%;
}

ul.homeTabs li.last {
    margin: 0 0 17px 0;
}

ul.homeTabs li .img {
    width: 100%;
    height: 110px;
}

ul.homeTabs li .img .imgTable {
    height: 110px;
}

ul.homeTabs li a {
    text-align: center;
    width: 100%;
    color: #67338e;
    font-size: 21px;
    font-weight: bold;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    position: relative;
    float: left;
}

ul.homeTabs li:hover {
    border: 2px solid #c8d936;
}

ul.homeTabs.cent li:hover {
    border: none;
}

ul.homeTabs li:hover a {
    color: #c8d936;
}

ul.homeTabs li img {
    transform: scale(1, 1);
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

ul.homeTabs li:hover img {
    transform: scale(1.1, 1.1);
}

ul.homeTabs li.active {
    border: 2px solid #c8d936;
}

ul.homeTabs li.active a {
    color: #c8d936;
}

ul.homeTabs li.active img {
    transform: scale(1.1, 1.1);
}

.Videos .videoItem {
    width: 353px;
    float: left;
    margin: 0 39px 0 0;
}

.Videos .videoItem:nth-of-type(3n+3) {
    float: right;
    margin: 0;
}

.Videos .videoItem .img {
    width: 100%;
    position: relative;
    text-align: center;
    background: #000;
    border: 2px solid #ccdb41;
}

.Videos .videoItem .img:hover {
    border: 2px solid #67338e;
}

.Videos .videoItem .img .overlay {
    width: 100%;
    height: 100%;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://assets.drnutrition.com/front/images/playArrow.png) no-repeat center center
}

.Videos .videoItem .img img {
    max-width: 100%;
    max-height: 236px;
    position: relative;
}

.Videos .videoItem .title {
    width: 100%;
    float: left;
    color: #555555;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;
}

.Videos .videoItem .title a {
    color: #555555;
}

.Videos .videoItem .title a:hover {
    color: #c8d936;
}

#bmiLoader {
    color: red;
    float: left;
}

#bmiLoader .success {
    color: green;
}

.BMIcalcultor .leftB {
    width: 48%;
    float: left;
}

.BMIcalcultor .rightB {
    width: 48%;
    float: right;
}

.BMIcalcultor .boxB {
    width: 32%;
    float: left;
}

.BMIcalcultor .boxB.middle {
    margin: 0 2%;
}

.BMIcalcultor .item {
    width: 96%;
    float: left;
    padding: 2%;
    background: #f2f2f2;
    margin-bottom: 10px;
    color: #5f5555;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.BMIcalcultor #BMIProgramsSlider .item {
    padding: 0
}

.BMIcalcultor .item label {
    width: 100px;
    margin-right: 10px;
    float: left;
    font-size: 13px;
}

.BMIcalcultor .item input[type="text"] {
    height: 20px;
    vertical-align: middle;
    color: #5f5555;
    float: left;
    border: 1px solid #5f5555;
    background: none;
}

.BMIcalcultor .item input[type="radio"] {
    vertical-align: middle;
    margin-left: 3px;
    float: left;
    margin-top: 5px;
}

.BMIcalcultor .item span {
    margin-left: 3px;
    margin-right: 7px;
    float: left;
    line-height: 12px;
    margin-top: 5px
}

.BMIcalcultor .title {
    width: 100%;
    float: left;
    color: #67338e;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.BMIcalcultor .title.c-type {
    padding: 15px 0;
    background: #f2f2f2;
}

.BMIcalcultor .title.a-left {
    text-align: left;
}

.BMIcalcultor#bmiAdvices .title {
    margin-bottom: 10px;
}

.BMIcalcultor .healthy_tips {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #5f5555;
}

#bmiAdvices .third-side img {
    float: right;
    margin-top: 10px;
}

.rateBox {
    width: 100%;
    float: left;
    display: table;
    margin-top: 28px;
    position: relative;
}

.rateBox .step {
    height: 30px;
    position: absolute;
    top: 0;
    z-index: 10;
}

.rateBox .step.s-1 {
    left: 0%;
    width: 30.80%;
    background: #4ef4e3;
}

.rateBox .step.s-2 {
    left: 30.80%;
    width: 10.60%;
    background: #91f14e;
}

.rateBox .step.s-3 {
    left: 41.40%;
    width: 8.30%;
    background: #f1f74e;
}

.rateBox .step.s-4 {
    left: 49.7%;
    width: 8.2%;
    background: #f8bd4a;
}

.rateBox .step.s-5 {
    left: 57.9%;
    width: 8.2%;
    background: #ea505d;
}

.rateBox .step.s-6 {
    left: 66.1%;
    width: 33.9%;
    background: #c9683a;
}

.rateBox .number {
    width: 17.95px;
    height: 23px;
    padding-top: 7px;
    color: #ffffff;
    float: left;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #fff;
    position: relative;
    z-index: 12;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.rateBox .number.last {
    border: none;
}

.row.BMIcalcultor {
    margin-bottom: 20px
}

.hidevisibletext {
    display: inline-block;
    width: 90%;
    padding: 8px 5% 4px;
    margin: 4px 0;
    border-radius: 5px;
    color: #67338e;
    position: relative;
}

.BMIcalcultor .status {
    width: 14%;
    float: left;
    margin: 0 1.333%;
    margin-top: 15px;
    text-align: center;
    border-radius: 24px
}

.BMIcalcultor .status .icon {
    width: 99.4%;
    height: 80px;
}

.BMIcalcultor .status .text {
    width: 100%;
    padding: 7px 0;
    color: #5f5555;
}

.BMIcalcultor .status:hover,
.BMIcalcultor .status.active {
    opacity: 1;
    color: #67338e;
    font-weight: bold;
}

.BMIcalcultor .status:hover .text,
.BMIcalcultor .status.active .text {
    color: #67338e;
}

.BMIcalcultor .status.st-1 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-1.png) no-repeat center center
}

.BMIcalcultor .status:hover.st-1,
.BMIcalcultor .status.active.st-1 {
    background: #6cefe1;
}

.BMIcalcultor .status.st-1:hover .icon,
.BMIcalcultor .status.active.st-1 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-1-active.png) no-repeat center center
}

.BMIcalcultor .status.st-2 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-2.png) no-repeat center center
}

.BMIcalcultor .status.st-2:hover,
.BMIcalcultor .status.active.st-2 {
    background: #a1ee6c;
}

.BMIcalcultor .status.st-2:hover .icon,
.BMIcalcultor .status.active.st-2 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-2-active.png) no-repeat center center
}

.BMIcalcultor .status.st-3 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-3.png) no-repeat center center
}

.BMIcalcultor .status.st-3:hover,
.BMIcalcultor .status.active.st-3 {
    background: #e8ef7f;
}

.BMIcalcultor .status.st-3:hover .icon,
.BMIcalcultor .status.active.st-3 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-3-active.png) no-repeat center center
}

.BMIcalcultor .status.st-4 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-4.png) no-repeat center center
}

.BMIcalcultor .status.st-4:hover,
.BMIcalcultor .status.active.st-4 {
    background: #fdaf0f;
}

.BMIcalcultor .status.st-4:hover .icon,
.BMIcalcultor .status.active.st-4 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-4-active.png) no-repeat center center
}

.BMIcalcultor .status.st-5 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-5.png) no-repeat center center
}

.BMIcalcultor .status.st-5:hover,
.BMIcalcultor .status.active.st-5 {
    background: #e87d83;
}

.BMIcalcultor .status.st-5:hover .icon,
.BMIcalcultor .status.active.st-5 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-5-active.png) no-repeat center center
}

.BMIcalcultor .status.st-6 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-6.png) no-repeat center center
}

.BMIcalcultor .status.st-6:hover,
.BMIcalcultor .status.active.st-6 {
    background: #ce8f6d;
}

.BMIcalcultor .status.st-6:hover .icon,
.BMIcalcultor .status.active.st-6 .icon {
    background: url(https://assets.drnutrition.com/front/images/bmi/stage-6-active.png) no-repeat center center
}

#rateDrag {
    width: 50px;
    height: 28px;
    position: absolute;
    top: -28px;
    left: 0;
    z-index: 20;
    visibility: hidden;
    opacity: 0;
    background: url(https://assets.drnutrition.com/front/images/bmi-icon.png) no-repeat center center;
    color: #ffffff;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 21px;
}

.caloriesFiltration .filter {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.caloriesFiltration .filter img {
    max-width: 100%
}

.caloriesFiltration .filter label {
    padding: 3px 0;
    width: 18%;
    height: 20px;
    background: #67338e;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    float: left;
    text-align: center;
}

.custom-combobox {
    float: right;
    width: 81%;
}

.custom-combobox .custom-combobox-input {
    width: 88%;
    float: left;
    border: none;
    margin: 0;
    padding: 0 1%;
    border-radius: 0;
    height: 26px;
}

.custom-combobox .ui-button {
    width: 10%;
    float: right;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    height: 26px;
}

.caloriesFiltration .result {
    width: 100%;
    float: left;
}

.caloriesFiltration .result .res-item {
    width: 100%;
    float: left;
    margin-bottom: 7px;
}

.caloriesFiltration .result .res-item table {
    border: 1px solid #8e8e8e;
}

.caloriesFiltration .result .res-item table tr td {
    border: 1px solid #8e8e8e;
    padding: 4px;
}

.caloriesFiltration .result .res-item span {
    color: #67338e;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.caloriesFiltration .result .res-item input[type="text"] {
    width: 40px;
    height: 24px;
    text-align: center;
    border: 1px solid #8e8e8e;
    color: #5f5555;
    background: none;
    display: inline-block;
    vertical-align: middle;
}

.caloriesFiltration .result .res-item select {
    height: 24px;
    border: 1px solid #8e8e8e;
    color: #5f5555;
    background: none;
    display: inline-block;
    vertical-align: middle;
}

.caloriesResult {
    width: 100%;
    float: left;
    margin: 10px 0;
    text-align: center;
}

.caloriesResult span {
    color: #67338e;
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    padding: 10px 0 10px 60px;
}

.caloriesResult span.requirement {
    background: url(https://assets.drnutrition.com/front/images/calories-icon.png) no-repeat top left
}

.caloriesResult span.res.happy {
    background: url(https://assets.drnutrition.com/front/images/doctor-happy.png) no-repeat top left
}

.caloriesResult span.res.sad {
    background: url(https://assets.drnutrition.com/front/images/doctor-sad.png) no-repeat top left
}

.FranchiseImgHead {
    text-align: center;
}

.FranchiseImgHead img {
    max-width: 100%;
    -webkit-box-shadow: 0 7px 10px 0 #bfbfbf;
    -moz-box-shadow: 0 7px 10px 0 #bfbfbf;
    box-shadow: 0 7px 10px 0 #bfbfbf;
}

.FranchiseImgHead .Caption {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #67338e;
    font-family: "Roboto", sans-serif;
    padding-top: 35px;
}

.FranchiseBlocks {
    width: 90%;
    margin: 0 5%;
}

.FranchiseBlocks .item {
    width: 43.6%;
    height: 170px;
    padding: 2%;
    text-align: center;
    border: 1px solid #cccccc;
    font-size: 18px;
    color: #5f5555;
    font-family: "Roboto", sans-serif;
}

.FranchiseBlocks .item a {
    color: #c8d936
}

.FranchiseBlocks .item a:hover {
    color: #67338e
}

.FranchiseBlocks .item.left {
    float: left;
}

.FranchiseBlocks .item.right {
    float: right;
}

.FranchiseBlocks .item p {
    margin: 0
}

ul.specialOffersMenu {
    width: 100%;
    float: left;
    padding: 0;
}

ul.specialOffersMenu li {
    width: 48%;
    list-style: none;
    display: inline-block;
    border: 1px solid #cccccc;
    text-align: center;
}

ul.specialOffersMenu li.left {
    float: left;
}

ul.specialOffersMenu li.right {
    float: right;
}

ul.specialOffersMenu li a {
    width: 100%;
    color: #989898;
    display: block;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    padding: 13px 0;
    text-transform: capitalize;
}

ul.specialOffersMenu li a:hover {
    color: #ffffff;
    background: #67338e;
}

ul.specialOffersMenu li a.active {
    color: #ffffff;
    background: #67338e;
}

#ProgramCounter .half-side img {
    margin-top: 0
}

#ProgramCounter .submit.inline {
    width: 80%;
    padding: 9px 5%
}

.comingDate {
    width: 100%;
    float: left;
}

.itemCountDown {
    padding: 0px 12px;
    background: #ddd;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    font-weight: 600;
    color: #444244;
    top: -15px;
    left: 0;
    z-index: 10;
    border-radius: 15px
}

.mark {
    color: red;
}

.Back {
    float: right;
    padding: 2px 7px;
    background: #67338e;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    border-radius: 15px;
    font-weight: normal;
}

.Back.to_package {
    margin-top: 7px
}

.Back:hover {
    background: #c8d936;
}

article .Back {
    border-radius: 0;
    float: left;
    margin-top: 10px;
}

article.branch .head-title .Back {
    float: right;
    color: #ffffff;
    margin-top: 0
}

article {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
}

article.onMap {
    width: 300px;
    padding: 0 15px 0 15px;
}

article:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

article .img {
    width: 100%;
    float: left;
}

article.details .third-side {
    margin: 0 15px 0 0
}

article .head-title {
    color: #5f5555;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    width: 100%;
}

article.packages-products .head-title {
    color: #67338e;
    text-align: center;
    font-size: 18px;
}

article.branch .head-title {
    color: #67338e;
    text-transform: uppercase;
    font-size: 18px;
}

article .head-title p {
    margin: 0;
    float: left;
}

article .head-title a {
    color: #2b2b2b;
}

article .head-title a:hover {
    color: #67338e;
}

.subscription-display-mobile {
    width: 100%;
    display: inline-block;
    margin: 10px 0;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    display: inline-block;
    text-align: center;
    color: #67338e;
    text-transform: capitalize;
    font-weight: bold;
}

.description {
    width: 100%;
    float: left;
    color: #5f5555;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
}

.description ul,
.aboutContent ul {
    padding: 0 0 0 15px;
    margin-top: 15px;
}

.description.center-text {
    text-align: center
}

.description.center-text .submit {
    display: inline-block !important;
    float: none !important;
    margin-bottom: 10px;
}

.description p,
.description div,
.description p,
.aboutContent div {
    margin: 0 0 15px 0;
    width: 100% !important;
    display: inline-block;
}

article .description img {
    max-width: 100%
}

article.list .img {
    position: relative;
    overflow: hidden;
}

article.list .img img {
    transform: scale(1, 1);
}

article.list .img:hover img {
    -webkit-transform: scale(1.2, 1.2) rotate(5deg);
    -moz-transform: scale(1.2, 1.2) rotate(5deg);
    -ms-transform: scale(1.2, 1.2) rotate(5deg);
    -o-transform: scale(1.2, 1.2) rotate(5deg);
    transform: scale(1.2, 1.2) rotate(5deg);
}

article .img.HealthLifeImg .text-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    color: #fefefe;
    font-size: 14px;
    padding: 8px 0;
    font-family: "Roboto", sans-serif;
    text-align: center;
    width: 100%;
    background: url(https://assets.drnutrition.com/front/images/text-overlay-bg.png) repeat top left;
}

article .img.HealthLifeImg .text-overlay a {
    color: #fefefe;
}

article .img.HealthLifeImg .text-overlay a:hover {
    color: #c8d936;
}

.watch-video {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    background: url(https://assets.drnutrition.com/front/images/watch-video-icon.png) no-repeat top left;
    padding: 2px 0 2px 25px;
    color: #66348e;
    margin: 10px 10px 0 0;
}

.watch-video.no-top-margin {
    margin-top: 0
}

article .head-title a.watch-video {
    float: right;
    color: #66348e;
    margin-top: 0
}

.view-details {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    background: url(https://assets.drnutrition.com/front/images/view-details-icon.png) no-repeat top left;
    padding: 2px 0 2px 25px;
    color: #66348e;
    margin: 10px 10px 0 0;
}

.view-details.small {
    background: none;
    font-size: 12px;
    padding: 2px 0 2px 0;
    margin: 0;
    text-transform: capitalize;
}

.sharingScripts {
    float: right;
    margin: 10px 0;
}

.SharingScriptsWrapper.left {
    float: left;
}

a.view-products {
    margin-top: 7px;
    display: inline-block;
    color: #ffffff;
    width: 142px;
    height: 27px;
    padding-top: 3px;
    background: url(https://assets.drnutrition.com/front/images/button-bg.jpg) no-repeat center center
}

a.view-products:hover {
    color: #c8d936;
}

.order-status {
    width: 57px;
    height: 52px;
    display: inline-block;
}

.order-status.pending {
    background: url(https://assets.drnutrition.com/front/images/stamps.png) no-repeat -437px -6px
}

.order-status.paid {
    background: url(https://assets.drnutrition.com/front/images/stamps.png) no-repeat -251px -6px
}

.order-status.completed {
    background: url(https://assets.drnutrition.com/front/images/stamps.png) no-repeat -313px -6px
}

.order-status.canceled {
    background: url(https://assets.drnutrition.com/front/images/stamps.png) no-repeat -374px -6px
}

.special-weight {
    float: left;
    background: #a1ee6c;
    padding: 10px 2%;
    border-radius: 15px;
}

.icon-s {
    width: 20px;
    height: 40px;
    float: left;
    margin-right: 15px;
    background-position: top center;
    background-repeat: no-repeat;
    background-image: url(https://assets.drnutrition.com/front/images/bmi/stage-2-active.png);
    background-size: contain;
}

.text-s {
    float: left;
    padding-top: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #67338e;
}

.packagesProducts {
    width: 100%;
    float: left;
    text-align: center;
}

.packagesProducts table {
    table-layout: fixed;
    width: 100%;
}

.packagesProducts table tr td {
    word-wrap: break-word
}

.packagesProducts.margin {
    margin: 10px 0
}

.packagesProducts table,
.packagesProducts table tr,
.packagesProducts table tr td,
.packagesProducts table tr th {
    border-color: #c4db33;
}

.packagesProducts table tr th {
    background: #66338f;
    color: #ffffff
}

.packagesProducts table tr th.current,
.packagesProducts table tr th:hover {
    color: #c8d936
}

.packagesProducts table tr td {
    color: #555555;
}

.ProgramsDetailsContainer .packagesProducts table,
.ProgramsDetailsContainer .packagesProducts table tr,
.ProgramsDetailsContainer .packagesProducts table tr td,
.ProgramsDetailsContainer .packagesProducts table tr th {
    border-color: #cccccc;
}

.ProgramsDetailsContainer .packagesProducts table tr th {
    color: #66338f;
    background: none
}

.ProgramsDetailsContainer .packagesProducts table tr th.current,
.ProgramsDetailsContainer .packagesProducts table tr th:hover {
    color: #ffffff;
    background: #66338f;
}

.packagesProducts table tr th,
.packagesProducts table tr td {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    padding: 7px
}

.packagesProducts .title {
    width: 100%;
    float: left;
    color: #67338e;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}

.packagesProducts .title.top-margin {
    padding-top: 30px;
    border-top: 1px solid #e1e1e1;
}

.package_choose_popup {
    text-align: center
}

.package_choose_popup img {
    max-width: 100%;
}

.package_choose_popup .submit {
    float: none;
    display: inline-block;
    margin: 0 7px 10px;
}

.exhibition-code-icon {
    margin-top: 95px !important;
    cursor: pointer;
}

.exhibition-code-icon.active {
    cursor: default;
    opacity: 0.8;
}

.programItem {
    margin-bottom: 15px !important;
}

.programItem.slid {
    width: 97%;
    margin: 0 1.5%;
}

.programItem .img {
    width: 98.9%;
    overflow: hidden;
    border: 1px solid #c8d936;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.programItem .img:hover {
    border: 1px solid #67338e;
}

.programItem .title {
    float: left;
    padding: 10px 0;
    width: 100%;
}

.programItem .title a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #555555;
    font-weight: bold;
    float: left;
}

.programItem .title a:hover {
    color: #67338e;
}

.programItem .title a.readmore {
    background: #67338e;
    color: #ffffff;
    float: right;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 4px;
    text-align: center;
    min-width: 50px;
    margin: 0 3px;
}

.programItem .title a.readmore:hover {
    background: #c8d936;
}

.program_subscribe {
    text-align: center;
}

.program_subscribe img {
    max-width: 90%;
}

.program-payment-box {
    width: 95.6%;
    float: left;
    padding: 2%;
    border: 2px solid #67338e;
}

.program-payment-box:hover {
    border-color: #c8d936;
}

.program-payment-box .title {
    color: #67338e;
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
}

.program-view {
    float: left;
    margin-right: 10px;
}

#subscriptOptionLoader {
    text-align: center
}

#LoadChatMessages {
    height: 500px;
    width: 70%;
    display: inline-block;
    overflow-y: scroll;
}

.messageArea {
    width: 70%;
    display: inline-block;
    position: relative;
}

.message-box {
    width: 95.6%;
    float: left;
    padding: 0 1%;
    margin-bottom: 8px;
    margin-top: 8px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -ms-transition-delay: 0s;
    -ms-transition-duration: 0.4s;
    -ms-transition-property: all;
    -ms-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}

.message-box.new-msg {
    position: relative;
}

.message-box .msg {
    float: right;
    padding: 4px 10px;
    background: #67338e;
    color: #fff;
    border-radius: 15px;
}

.message-box .msg .description {
    color: #fff;
}

.message-box .msg .description a {
    color: #fff;
}

.message-box.by-doctor .msg {
    float: left;
    background: #c8d936;
}

.message-box .headtitle {
    text-align: left !important;
    font-size: 14px !important;
    margin-bottom: 4px;
    color: #cccccc !important;
}

.message-box .headtitle span {
    display: inline-block;
    position: relative;
}

.message-box .headtitle span.date {
    float: right;
    font-size: 13px;
}

.chatFile-upload {
    position: absolute;
    top: 44px;
    right: 0;
    z-index: 2
}

.shadow {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none;
    background: url(https://assets.drnutrition.com/front/images/shadow.png) repeat top left;
}

#PopupContainer {
    top:2%;
    width: 100%;
    float: left;
    position: fixed;/*fixed*/
    z-index: 1001;
    display: none;
}

#PopupContainer.fixed {
    position: fixed;
}

#PopupContainer.topStatic {
    top: 80px !important;
}

#PopupContainer .content {
    width: 94%;
    float: left;
    margin: 0 2%;
    padding: 1%;
    background: url(https://assets.drnutrition.com/front/images/popupshadow.png) repeat top left;
    border-radius: 15px;
}

#PopupContainer .content .inner {
    background: #ffffff;
    width: 98%;
    float: left;
    padding: 1%;
    border-radius: 15px;
    position: relative
}

#PopupContainer .close11 {
    background: url("https://assets.drnutrition.com/front/images/sprite1.png") no-repeat scroll 2px 1px rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    width: 30px;
}

.chart-box {
    float: left;
    margin: 0 10px 15px 0;
}

.chart-box .chart-sub-box {
    width: 15px;
    height: 15px;
    float: left;
    margin: 0 5px 0 0;
}

.color-660099 {
    color: #660099;
}

.details-more {
    color: #660099 !important;
    float: right !important;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0 3px;
    padding: 4px 0;
}

.details-more:hover {
    color: #c8d936 !important;
}

.details-more.bg {
    background: #660099 !important;
    color: #ffffff !important;
    border-radius: 13px;
    padding: 3px 8px;
    font-size: 13px;
}

.details-more.bg:hover {
    background: #c8d936 !important;
    color: #ffffff !important;
}

.topCart-container {
    float: right;
    margin-right: 10px;
    position: relative;
}

#AppointmentTimer {
    display: none;
    width: 276px;
    height: 129px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #67338e;
    margin: 10px auto;
    background: url(https://assets.drnutrition.com/front/images/timer-icon.png) no-repeat 58% 8px
}

#AppointmentTimer #app-timer-remaining {
    margin: 10px 0 0 0;
    width: 110px;
    float: left;
}

#AppointmentTimer #app-timer {
    margin: 10px 0 0 0;
    width: 110px;
    float: right;
}

#AppointmentTimer #app-timer a {
    color: #67338e;
}

#AppointmentTimer.active {
    display: block;
}

.ac-account-notification {
    position: absolute;
    top: -12px;
    right: 0;
    overflow: auto;
    z-index: 10;
}

ul.accountDropDown ul .ac-account-notification {
    top: -5px;
}

.ac-account-notification .not {
    width: 25px;
    height: 20px;
    padding-top: 5px;
    border-radius: 25px;
    background: #67338e;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    display: inline-block;
    text-align: center;
}

ul.accountDropDown li .ac-account-notification a {
    padding: 0;
    border: none;
}

.red-new {
    color: red
}

#ProgramCounter {
    margin-top: 10px;
}

.priceSpan {
    background: #67338e;
    color: #ffffff;
    float: right;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 4px;
    text-align: center;
    min-width: 50px;
    margin: 10px 3px 0;
}

.buttonTab {
    display: inline-block;
    padding: 6px 20px;
    background: #67338e;
    color: #ffffff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    border-radius: 25px;
}

.subscriptionDeletionIcon {
    right: 12px;
    position: absolute;
    top: 6px;
    z-index: 10;
    margin-top: 0 !important;
}

ul.subscriptionTabs {
    padding: 0;
    text-align: center;
}

ul.subscriptionTabs li {
    display: inline-block;
    vertical-align: top;
}

ul.subscriptionTabs li a {
    margin: 0 4px;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #67338e;
    padding: 10px;
    text-align: center;
    font-family: "Roboto", sans-serif;
}

ul.subscriptionTabs li a.closed {
    cursor: default;
    opacity: 0.5;
}

ul.subscriptionTabs li a.current {
    cursor: default;
    opacity: 0.8;
    border-color: #c8d936;
}

ul.subscriptionTabs li a span.number {
    padding: 10px 15px;
    border-radius: 150px;
    background: #67338e;
    color: #ffffff;
    margin-bottom: 5px;
    display: inline-block;
}

ul.subscriptionTabs li a span.text {
    color: #67338e;
    display: inline-block;
}

ul.subscriptionTabs li a.active:hover {
    border-color: #c8d936;
}

ul.subscriptionTabs li a.active:hover span.number,
ul.subscriptionTabs li a.current span.number {
    background: #c8d936;
}

.subsriptionSelectedOptions {
    text-align: center;
}

.subsriptionSelectedOptions span {
    display: inline-block;
    vertical-align: top;
    color: #555555;
    font-family: "Roboto", sans-serif;
}

.introBlock {
    margin-bottom: 15px;
}

.introDescAcc {
    display: none;
}

.introTitleAcc {
    width: 98%;
    float: left;
    margin-bottom: 5px;
    background: #67338e;
    padding: 10px 1%;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

.introTitleAcc:hover,
.introTitleAcc.active {
    background: #c8d936;
}

.description.introDescAcc {
    margin-bottom: 0;
}

.introArrow {
    float: right;
    width: 24px;
    height: 24px;
    background: url(https://assets.drnutrition.com/front/images/arrow-down.png) no-repeat center center
}

.step-quesiton {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 33px;
    margin-left: 10px;
    background: url(https://assets.drnutrition.com/front/images/q-mark.png) no-repeat center center
}

.rate-block {
    width: 100%;
    float: left;
    direction: ltr;
}

.rate-base-layer {
    float: left;
}

.rate-block {
    float: left;
    margin: 0 4px 2px 4px;
}

.footer-categories {
    width: 96%;
    padding: 7px 2%;
    float: left;
    background: #eee;
}

.footer-categories .half-side {
    margin-top: 6px;
    margin-bottom: 6px;
}

.footer-categories h3 {
    font-family: "Roboto", sans-serif;
    margin-bottom: 10px;
    font-size: 16px;
    color: #555555;
    font-weight: normal;
    text-transform: capitalize;
}

.footer-categories h3 a {
    color: #333;
}

.footer-categories h3 a:hover {
    color: #67338e;
}

.footer-categories ul {
    padding: 0
}

.footer-categories ul li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    padding: 0 2% 0 0;
    width: 47%;
}

.footer-categories ul li a {
    display: block;
    padding: 2px 0 2px 15px;
  /*  background: url(https://assets.drnutrition.com/front/images/footer-arrow-icon.png) no-repeat left 7px; */
}

.footer-categories a {
    color: #555555;
}

.footer-categories a:hover {
    color: #67338e;
}

.comment-item {
    line-height: 1.4rem;
    font-size: 0.9rem;
    width: 100%;
    float: left;
    font-family: "Roboto", sans-serif;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e1e1e1
}

.comment-user {
    width: 100%;
    float: left;
    color: #67338e;
    margin-bottom: 4px;
}

.comment-date {
    width: 100%;
    float: left;
    font-size: 12px;
    margin-bottom: 4px;
}

.comment-text {
    width: 100%;
    float: left;
}

.site-map ul {
    padding: 0;
}

.site-map ul li {
    list-style: outside none none;
    margin: 0 0 15px;
    padding: 0;
}

.site-map ul li a {
    background: #dcdcdc none repeat scroll 0 0;
    color: #737373;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    padding: 10px 2%;
    text-transform: uppercase;
    width: 96%;
}

.site-map ul li.expanded ul li {
    margin: 0;
}

.site-map ul li.expanded ul li a {
    background: #efefef none repeat scroll 0 0;
    font-size: 15px;
    text-transform: capitalize;
}

.site-map ul li a:hover,
.site-map ul li ul li a:hover {
    background: #67338e;
    color: #fff;
}

.price-diff-item {
    width: 100%;
    float: left;
    margin-top: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    color: #666666;
}

.social-share-links-container {
    width: 100%;
    float: left;
    margin: 10px 0;
}

.social-share-links-container.center1 {
    text-align: center;
}

.social-share-links-container .link {
    width: 33px;
    height: 35px;
    display: inline-block;
    vertical-align: top;
    background-image: url(https://assets.drnutrition.com/front/images/share-icons.png);
    background-repeat: no-repeat;
}

.social-share-links-container .link.facebook {
    background-position: 0 0;
}

.social-share-links-container .link.twitter {
    background-position: 0 -38px;
}

.social-share-links-container .link.gplus {
    background-position: 0 -77px;
}

.social-share-links-container .link.pinterest {
    background-position: 0 -116px;
}

.m-menu-ico-static {
    max-width: 26px;
    max-height: 26px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}

.m-menu-ico-static.big {
    max-width: 30px;
    max-height: 30px;
}

.m-menu-ico-static.bigger {
    max-width: 80px;
    max-height: 80px;
}

.shadow-menu-white {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20004;
    background-color: rgba(255, 255, 255, .8);
    opacity: 0;
    visibility: hidden;
}

.shadow-menu-white.active {
    opacity: 1;
    visibility: visible;
}

select.right {
    margin: 3px 5px 0px 5px;
    height: 24px;
    float: right;
}
.ui-autocomplete#ui-id-1,
.ui-autocomplete#ui-id-2 {
    z-index: 1008 !important
}

#slideAccountMenu {
    position: relative;
}

.notification-mobile-mark {
    width: 20px;
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 10;
    padding: 4px 0px;
    border-radius: 25px;
    background: #bf1616;
    color: #fff;
    font-size: 10px;
    visibility: hidden;
    opacity: 0;
}

.notification-mobile-mark.v {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -ms-transition-delay: 0s;
    -ms-transition-duration: 0.4s;
    -ms-transition-property: all;
    -ms-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}

.notification-mobile-mark.v.in,
.notification-mobile-mark.in {
    visibility: hidden !important;
    opacity: 0 !important;
    display: none !important;
}

.mobile-header-icon {
    position: relative;
}

.mobile-header-icon.cart-margin img {
    margin-left: 7px
}

.items-in-cart {
    width: 20px;
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 10;
    padding: 4px 0px;
    border-radius: 25px;
    background: #bf1616;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
}

.items-in-cart.display-none {
    display: none;
}

.items-in-cart.scale {
    -ms-transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
}
.MobileMenu {
    width: 220px;
    position: fixed;
    top: 20px;
    z-index: 100020222;
    background: rgba(255, 255, 255, .9);
    border: 1px solid #67338e;
    border-radius: 30px;
}

.MobileMenu.from-left {
    left: -300px;
    padding: 20px 40px 20px 20px;
}

.MobileMenu.from-left.active {
    left: 0;
}

.MobileMenu.from-right {
    right: -300px;
    padding: 20px 20px 20px 40px;
}

.MobileMenu.from-right.active {
    right: 0;
}

.MobileMenu.from-right .arrows-pointer {
    left: 5px;
}

.MobileMenu.from-left .arrows-pointer {
    right: 5px;
}

.MobileMenu .arrows-pointer {
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    background: url(https://assets.drnutrition.com/front/images/mobile/new_icon/arrow-82.png) no-repeat center center/contain
}

.MobileMenu a {
    color: #67338e;
}

.MobileMenuTop {
    width: 96%;
    float: left;
    height: 30px;
    padding: 4px 2% 0;
}

.m-flag {
    width: 18px;
    height: 12px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: #67338e;
    padding: 3px 5px;
}

.m-flag.active {
    opacity: 0.3
}

.m-menu-label {
    float: left;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #fff;
    padding-top: 3px;
    margin-right: 20px;
}

.m-menu-close {
    float: right;
    color: #fff;
    font-size: 19px;
    font-weight: lighter;
}

.MobileMenuUl {
    width: 100%;
    float: left;
    overflow-y: auto;
}

.m-head {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 4px 0;
    text-align: center;
}

.MobileMenuUl .ac-account-notification {
    top: 10px;
}

.MobileMenuUl ul {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.MobileMenuUl ul li {
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
    position: relative;
    background: #dadada;
    border-radius: 7px;
    border-bottom: 1px solid #b9b9b9;
}
.MobileMenuUl ul li a {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    /*display: inline-block;
    width: 92%;*/
    float:left;
    padding: 10px 4%;
    
    color: #67338e;
    text-transform: capitalize; 
}
.MobileMenuUl ul li .ac-account-notification a {
    padding: 0;
}
.MobileMenuUl ul li.logout a {
    padding: 7px 4%;
    width:92%;
    text-align: center;
    border-radius: 15px;
    background: #c8d936;
}
.MobileMenuUl ul li ul li a {
    background: none;
    padding: 10px 5%;
    /*width: 90%;*/
    color: #000;
}
.MobileMenuUl ul li.active {
    background-color: #b9b9b9;
}
/*.MobileMenuUl ul li a.active,
.MobileMenuUl ul li.active a {
    background-color: #b9b9b9;
}*/

.MobileMenuUl ul li.active ul li a,
.MobileMenuUl ul li.active ul li {
    background: #dadada
}

.MobileMenuUl ul li.active ul li a,
.MobileMenuUl ul li.active ul li {
    background-color: #dadada
}

.MobileMenuUl ul li ul {
    display: none;
}
.MobileMenuUl ul li ul li:last-child {
    border:none;
}
.MobileMenuUl ul li ul li {
    background-color:rgba(255,255,255,.4);
    margin:0; 
    border-radius:0;
}

.MobileMenuUl ul li ul li a {
    font-size: 12px;
}

.menu-dropdown-sign {
    padding: 4px 5px;
    position: absolute;
    top: 9px;
    right: 7px;
    z-index: 10;
    color: #fff;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    height: 10px;
    background: #67338e;
    border-radius: 50px;
    line-height: 10px;
    cursor: pointer;
}

.menu-dropdown-sign:hover,
.menu-dropdown-sign.active {
    background: #c8d936;
}

.menu-dropdown-sign.active {
    padding: 4px 7px;
}

.m-menu-item-icon {
    display: none !important;
    vertical-align: middle;
    max-width: 25px !important;
    margin: 0 4px;
    height: auto !important;
    max-height: inherit !important;
}

.m-left-menu {
    float: left;
}

.m-right-menu {
    float: right;
}

.order-list-item {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
}

.order-list-item:after {
    width: 570px;
    margin: 15px auto 0;
    display: block;
    height: 1px;
    background: #e1e1e1;
    max-width: 96%;
    border-bottom: 1px solid #e1e1e1;
    content: "";
}

.order-list-info {
    width: 570px;
    max-width: 96%;
    margin: 0 auto;
    display: block;
}

.order-list-item label {
    display: inline-block;
    vertical-align: top;
    color: #555555;
    font-size: 13px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
    margin: 7px 0;
}

.order-list-item label.main {
    color: #67338e;
    width: 43%;
    text-transform: capitalize;
}

.order-list-item label.info {
    width: 55%;
}

.order-list-item label a {
    color: #555555;
}

.order-list-item label a:hover {
    color: #67338e;
}

.order-list-item label:nth-of-type(2n+2) {
    float: right;
}

.order-delivery-status {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 15px 0;
    text-align: center;
}

.order-delivery-status .box {
    width: 120px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.order-delivery-status .box .icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60%;
    border-radius: 50px;
    background-color: #d1d3d4;
}

.order-delivery-status .box .icon.deleted {
    background-color: #bb0606 !important;
    background-image: url(https://assets.drnutrition.com/front/images/orders/order-deleted.png);
}

.order-delivery-status .box .icon.received {
    background-image: url(https://assets.drnutrition.com/front/images/orders/order-received.png);
}

.order-delivery-status .box .icon.pending {
    background-image: url(https://assets.drnutrition.com/front/images/orders/order-prepared.png);
}

.order-delivery-status .box .icon.on_the_way {
    background-image: url(https://assets.drnutrition.com/front/images/orders/order-on-the-way.png);
}

.order-delivery-status .box .icon.ready_for_pickup {
    background-image: url(https://assets.drnutrition.com/front/images/orders/order-ready-to-collect.png);
}

.order-delivery-status .box .icon.delivered {
    background-image: url(https://assets.drnutrition.com/front/images/orders/order-delivered.png);
}

.order-delivery-status .box .text {
    color: #d1d3d4;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

.order-delivery-status .box .txt-deleted {
    color: #bb0606 !important;
}

.order-delivery-status .box.active .icon {
    background-color: #67338e;
}

.order-delivery-status .box.active .text {
    color: #67338e;
}

.order-delivery-status .box.deleted .icon {
    background-color: red;
}

.order-delivery-status .box.deleted .text {
    color: red;
}

.order-delivery-status .arrow {
    width: 25px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(https://assets.drnutrition.com/front/images/orders/order-arrow-grey-right.png);
}

.order-delivery-status .arrow.active {
    background-image: url(https://assets.drnutrition.com/front/images/orders/order-arrow-purple-right.png);
}

.order-list-actions {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 15px 0 0 0
}

.order-list-actions a:after {
    background: #555 none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -3px;
    top: 0;
    width: 2px;
    z-index: 10;
}

.order-list-actions a {
    color: #67338e;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    margin: 7px 10px 0 0;
    font-weight: bold;
    padding-right: 10px;
    position: relative;
    text-transform: capitalize;
    vertical-align: middle;
}

.order-list-actions a:last-child {
    margin-right: 0;
    padding-right: 0;
}

.order-list-actions a:last-child:after {
    display: none;
}
.or-word { width: 100%; display: inline-block; vertical-align: top; padding: 15px 0; text-align: center; margin: 15px 0; font-weight: bold; font-size:16px; }
.guest-btn-container {
    width: 100%;
    text-align: center;
}
.guest-btn-container .submit { float: none; }
.pre-checkout-block {
    width:92%;
    min-height:450px;
    display: inline-block;
    vertical-align: top;
    padding: 4%;
    background-color: #eee;
    margin-bottom: 30px;
}
.pre-checkout-block h2 {
    font-size:18px;
    color:#67338e;
    margin-bottom: 15px
}

.autocomplete-loader {
    width: 100%;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 7px 0 0 0;
}

.autocomplete-loader.active {
    background: url(https://assets.drnutrition.com/front/images/325.GIF) no-repeat center center;
}

.search-autocomplete-results {
    width: 720px;
    min-height: 150px;
    max-height: 350px;
    overflow-y: auto;
    max-width: 99.6%;
    position: absolute;
    top: 76px;
    right: 0;
    z-index: 99999999999;
    background: #f1f1f1;
    border: 1px solid #cccccc;
    border-radius: 10px 10px;
    overflow-x: hidden;
    display: none;
    text-align: left;
}

.searchAutoCompleteScroller {
    width: 96%;
    padding: 0 2% 2% 2%;
    float: left;
}

.search-autocomplete-results h2 {
    width: 80%;
    word-wrap: break-word;
    color: #231f20;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 0 0;
    position: relative;
}

.search-autocomplete-results h3 {
    color: #e7ba59;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 5px 0;
    position: relative;
}

.search-result-item {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px;
}

.search-result-item .img {
    width: 20%;
    float: left;
    margin-right: 2%;
}

.search-result-item .img img {
    max-width: 100%
}

.search-result-item h3 {
    width: 77%;
    float: right;
}

.search-result-item.full h3 {
    width: 100%;
    float: left;
}

.searchresults {
    width: 32%;
    margin: 5px .5%;
}

article.searchresults .head-title {
    color: #777;
    min-height: 38px;
    font-size: 12.5px;
}

article.searchresults .description {
    margin-bottom: 10px;
}

.search-group {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
    line-height: 2rem;
}

.search-img {
    width: 23%;
    float: left;
    text-align: center;
}

.search-img img {
    max-width: 100%;
    border-radius: 10px;
    max-height: 65px;
}

.search-info {
    width: 75%;
    float: right;
}

.search-info.full {
    width: 100%;
    float: left;
}

article:last-child {
    margin: 7px .5%;
}

article.searchresults {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: none;
    min-height: 93px;
}

.search-price {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 4px 0;
}

.search-price .lp {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 11px;
    color: #969696;
    text-decoration: line-through;
    display: inline-block;
    vertical-align: top;
}

.search-price .pp {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12.5px;
    color: #00a323;
    display: inline-block;
    vertical-align: top;
}

.trans.fade-trans {
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0;
    visibility: hidden;
}

.trans.top-trans {
    -ms-transform: translate(0px, 100px);
    -webkit-transform: translate(0px, 100px);
    transform: translate(0px, 100px);
/*    opacity: 0;
    visibility: hidden;*/
}

.trans.top-trans1 {
    -ms-transform: translate(0px, 150px);
    -webkit-transform: translate(0px, 150px);
    transform: translate(0px, 150px);
    opacity: 0;
    visibility: hidden;
}

.trans.left-trans {
    -ms-transform: translate(-100px, 0px);
    -webkit-transform: translate(-100px, 0px);
    transform: translate(-100px, 0px);
    opacity: 0;
    visibility: hidden;
}

.trans.right-trans {
    -ms-transform: translate(100px, 0px);
    -webkit-transform: translate(100px, 0px);
    transform: translate(100px, 0px);
    opacity: 0;
    visibility: hidden;
}

.trans.top-trans1.ActiveItem {
    -ms-transform: translate(0px, 0);
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
    opacity: 1;
    -khtml-opacity: 1;
    visibility: visible;
}

.trans.top-trans.ActiveItem {
    -ms-transform: translate(0px, 0);
    -webkit-transform: translate(0px, 0);
    transform: translate(0px, 0);
    opacity: 1;
    -khtml-opacity: 1;
    visibility: visible;
}

.trans.fade-trans.ActiveItem {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
    -khtml-opacity: 1;
    visibility: visible;
}

.trans.left-trans.ActiveItem {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -khtml-opacity: 1;
    visibility: visible;
}

.trans.right-trans.ActiveItem {
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    -khtml-opacity: 1;
    visibility: visible;
}
.home-block-item .mainImg {width:100%;}
.trans {
    transition-delay: 0s;
    transition-duration: 1.5s;
    transition-property: all;
    transition-timing-function: ease;
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1.5s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1.5s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    -ms-transition-delay: 0s;
    -ms-transition-duration: 1.5s;
    -ms-transition-property: all;
    -ms-transition-timing-function: ease;
    -o-transition-delay: 0s;
    -o-transition-duration: 1.5s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}

.trans.speed-1 {
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -ms-transition-duration: 2s;
    -o-transition-duration: 2s;
}

.trans.delay-1 {
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
}

.trans.delay-2 {
    transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
}

.trans.delay-3 {
    transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    -ms-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
}

.trans.delay-4 {
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -ms-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
}

.trans.delay-5 {
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -ms-transition-delay: 1s;
    -o-transition-delay: 1s;
}

.trans.delay-6 {
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
    -moz-transition-delay: 1.2s;
    -ms-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
}

.trans.delay-7 {
    transition-delay: 1.4s;
    -webkit-transition-delay: 1.4s;
    -moz-transition-delay: 1.4s;
    -ms-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
}

.trans.delay-8 {
    transition-delay: 1.6s;
    -webkit-transition-delay: 1.6s;
    -moz-transition-delay: 1.6s;
    -ms-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 2px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn:hover+.label_toolbar {
    color: #000000;
}

.btn-primary {
    color: #2e6da4;
    background-color: #ffffff;
    border-color: #2e6da4;
}

.btn-success {
    color: #5cb85c;
    background-color: #ffffff;
    border-color: #5cb85c;
}

.btn-info {
    color: #5bc0de;
    background-color: #ffffff;
    border-color: #5bc0de;
}

.btn-warning {
    color: #f0ad4e;
    background-color: #ffffff;
    border-color: #f0ad4e;
}

.btn-danger {
    color: #d43f3a;
    background-color: #ffffff;
    border-color: #d43f3a;
}

.btn-xl {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 35px;
}

.selectWrapper {
    float: left;
    margin-top: 5px;
    border-radius: 36px;
    display: inline-block;
    overflow: hidden;
    background: #62217f;
    border: 1px solid #62217f;
    text-align: center;
}

.selectBoxCircle {
    color: #fff;
    background-color: #62217f;
    text-align: center;
    width: 42px;
    height: 21px !important;
    border: 0px;
    outline: none;
    font-size: 10px;
}

.innerContainer iframe {
    width: 100% !important;
    overflow: hidden;
    direction: ltr;
}

.footer-external-link {
    float: left;
}
.footer-external-link img {
    height: 36px;
    margin-top: -3px;
}
tr.spaceUnder>td {
    padding-bottom: 1em
}
.fl-always {
    float: left !important
}
.fr-always {
    float: right !important
}
.fl {
    float: left !important
}
.fr {
    float: right !important
}
::-webkit-input-placeholder {
    color: #8e8e8e;
}
:-ms-input-placeholder {
    color: #8e8e8e;
}
:-moz-placeholder {
    color: #8e8e8e;
    opacity: 1;
}
::-moz-placeholder {
    color: #8e8e8e;
    opacity: 1;
}
::-webkit-input-placeholder {
    color: #8e8e8e;
}
.CareersForm::-webkit-input-placeholder {
    color: #5f5555;
}
.CareersForm:-ms-input-placeholder {
    color: #5f5555;
}
.CareersForm:-moz-placeholder {
    color: #5f5555;
    opacity: 1;
}
.CareersForm::-moz-placeholder {
    color: #5f5555;
    opacity: 1;
}
.CareersForm::-webkit-input-placeholder {
    color: #5f5555;
}
.RightContact::-webkit-input-placeholder {
    color: #5f5555;
}
.RightContact:-ms-input-placeholder {
    color: #5f5555;
}
.RightContact:-moz-placeholder {
    color: #5f5555;
    opacity: 1;
}
.RightContact::-moz-placeholder {
    color: #5f5555;
    opacity: 1;
}
.RightContact::-webkit-input-placeholder {
    color: #5f5555;
}
#MapFiltrationBox::-webkit-input-placeholder {
    color: #656565;
}
#MapFiltrationBox:-ms-input-placeholder {
    color: #656565;
}
#MapFiltrationBox:-moz-placeholder {
    color: #656565;
    opacity: 1;
}
#MapFiltrationBox::-moz-placeholder {
    color: #656565;
    opacity: 1;
}
#MapFiltrationBox::-webkit-input-placeholder {
    color: #656565;
}

.top-cart-loader {
    width: 100%;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20002;
    height: 100%;
    display: none;
}
.top-cart-loader .middle {
    width: 100%;
    height: 100%;
    display: table;
}
.inner-loader {
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, .4);
    display: table-cell;
    vertical-align: middle;
}
.inner-loader img {
    vertical-align: middle;
    display: inline-block;
}

.load-more-page {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 10px 0;
}
#load_more_page {
    display: inline-block;
    vertical-align: top;
    padding: 6px 10px;
    background: #67338e;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #fff;
}
/* Reviews section/page */
#review-write-review-box {display:none;}
.heading_reviews a {color:#67338e;}
.reviews_crumbs {padding:17px 0px 25px 0px;}
.helpful-wrapper div {
      display: inline-block;
      width: 92px;
}
.helpful-wrapper button {
    padding: 7px 6px;
    font-size: 12px;
    display: block;
    border: none;
    width: 100%;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    color: #67338e;
    background-color: #f6f5f4;
    border: solid 1px #c6c6c6;
}    
.helpful-wrapper button:hover {
    color: #f6f5f4;
    background-color: #67338e;
    border: solid 1px #f6f5f4;
}
.helpful-wrapper a {
  color: #67338e;
  cursor:pointer;
}
.review-title-text {margin:10px 0px 5px 0px; font-size: 0.9rem;color: #67338c;}

.container-reviews .heading { color: #2f2f2f; font-size: 1.3rem; line-height: 31px}
.container-reviews .fa-star {font-size: 1.3rem;}
.rate-block .fa-star {font-size: 1rem;}
.container-reviews .fa-star , .rate-block .fa-star{
    color: #f39e24;
}
.container-reviews .side {
    float: left;
    width: 15%;
    margin-top:8px;
}
.container-reviews .side_count {
    font-size: 0.77rem;
    text-align: right;
    width: 10%;
}
.container-reviews .side_percent {
    width: 10%;
}
.container-reviews .middle {
    margin-top:6px;
    float: left;
    width: 80%;
}
.container-reviews .row:after, .container-reviews .list_reviews:after {
    content: "";
    display: table;
    clear: both;
}
.container-reviews .bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
}
.container-reviews hr {border:1px solid #f3f1f1;}
.bordered_for_rate_review{
    text-align: center;
    font-weight: 600;
    padding: 0 5px;
    border: 1px solid #c8c8c8;
    border-radius: 50%/15%;
    display: inline-block;
    vertical-align: middle;
}
.product-write-review-btn{
    color: #747474;
    background-color: #f6f5f4;
    border: solid 1px #747474;
    margin: 15px 0 10px 0;
    text-align: center;
    clear: both;
    cursor: pointer;
    background-color: #fafaf9;
    background: #f5f5f5;
    padding: 13px 0;
    max-width:410px;
    font-size:16px;}
/* Individual bars */
.bar-container > div {height: 18px; background-color: #4caf50;}
.ajax_result {line-height: 26px; padding:5px 2px;width:100% !important; font-size:13px;}
/* Reviews section/page end */

/*product offers */
.product_offer_lbl {font-weight: normal; color: #62bd19; font-size: 0.93rem;    padding: 4px 0px;}
.product_free_delivery_lbl {color: #bd1300;}
.pInfo .product_offer_lbl {font-size: 0.8rem; padding: 2px 7px 8px 7px;}
.product_offer_lbl span{color: #afafaf; font-size: 0.7rem;}
.product_offer_lbl .fa{font-size: 1rem;}
#product_offer_notif{display:none; padding: 5px 0px 7px 0px;font-size: 0.9rem;}
#product_offer_notif strong{color:red;}
#PopupCloseBtn{display:none;}
#loyality-container-brief{padding:8px;line-height: 25px;}

.header-mobile .m-menu-icon{
    margin-top: 4px !important;
}
#BranchesFiltrationBox select,.store-item-mobile .icon a,.store-item-mobile .info .address-info,.store-item-mobile h2{
    font-weight:700;
    font-family:Roboto,sans-serif
}
.quantity-con{
    width:100%;
    display:inline-block;
    vertical-align:top;
    margin:4px 0;
    padding:7px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc
}
.quantity-con select{
    width: 70px;
    border-radius: 7px;
}
.row-fluid{
    width:100%;
    float:left
}
.packagesProducts .slick-dots{
    bottom:-13px!important
}
.row-fluid.margin-top{
    margin-top:10px
}
.quarter-side{
    width:23.5%;
    float:left;
    margin:0 2% 0 0
}
.quarter-side.last{
    margin:0;
    float:right
}
.half-side{
    width:48%
}
.half-side.left{
    float:left
}
.half-side.right{
    float:right
}
.third-side{
    width:32%;
    float:left
}
.third-side.right{
    float:right
}
.toolbar_home{
   /* padding:20px*/
}
.third-side.middle{
    margin:0 2%
}
.third-quarter-side{
    width:66%;
    float:left
}
.imgCell,.imgTable,.third-quarter-side.full{
    width:100%
}
.third-quarter-side.right{
    float:right
}
.imgTable{
    height:100%;
    display:table;
    text-align:center
}
.imgCell{
    height:100%;
    display:table-cell;
    vertical-align:middle
}
.imgTable img{
    max-width:100%;
    max-height:100%
}
#MenuResponsive{
    width:100%;
    background:#fff;
    display:none;
    float:left
}
#storesBlock .third-side{
    width:32%
}
#storesBlock .third-quarter-side{
    width:66%
}
#storesBlock .third-quarter-side.right{
    margin-top:0
}
.slicknav_menu{
    background:#67338e!important
}
.slicknav_btn{
    margin:0!important;
    float:left!important
}
.slicknav_nav{
    margin-top:0!important
}
.mobileCurrency{
    display:none;
    position:absolute;
    top:7px;
    right:161px;
    z-index:10
}
.mobileSwitchLanguage{
    display:none;
    position:absolute;
    top:12px;
    right:6px;
    z-index:10
}
.slicknav_menu .slicknav_menutxt{
    float:right!important
}
.slicknav_menu .slicknav_icon{
    margin:.188em .438em 0 0!important
}
ul.primary li.mobileMenuItem{
    display:none;
    position:relative
}
.mobileMenuItem img{
    display:none
}
.websiteMenuItem{
    display:block
}
.slicknav_nav .mobileMenuItem .slicknav_arrow{
    font-size:17px;
    left:0;
    position:absolute;
    top:17px
}
.slicknav_nav ul.primary li.mobileMenuItem.MobileMyAccount a,.slicknav_nav ul.primary li.mobileMenuItem:hover a{
    background:#ccc
}
.social-links.mobile{
    display:none;
    margin:0 0 15px!important;
    width:100%;
    text-align:center
}
.mobileViewOnly,.search-on-mobile-icon{
    display:none
}
.webViewOnly{
    display:inline-block
}
.leftSearchBox.mobile-search{
    display:none;
    width:100%;
    text-align:center;
    margin-top:10px;
    margin-bottom:5px
}
.store-item-mobile{
    width:100%;
    display:inline-block;
    vertical-align:top;
    overflow-x:hidden;
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:1px solid #dfdfdf
}
.store-item-mobile h2{
    color:#67338e;
    float:left;
    font-size:20px;
    width:100%;
    margin-bottom:15px
}
.store-item-mobile .icon{
    width:80px;
    float:left;
    text-align:center
}
.store-item-mobile .icon a{
    color:#67338e;
    font-size:13px
}
.store-item-mobile .icon img{
    display:inline-block;
    vertical-align:middle;
    margin-top:10px;
    max-width:100%
}
.store-item-mobile .info{
    /*margin-left:100px*/
}
.store-item-mobile .info .address-info p, .store-item-mobile .info .address-info div{
        padding:5px;
}
.store-item-mobile .info table{
        margin: 0 auto;
}
.store-item-mobile p{
    margin-bottom:5px
}
.store-item-mobile .info img{
    display:inline-block;
    vertical-align:middle;
    margin-right:1px;
    max-width:21px
}
.store-item-mobile .info .address-info{
    color:#000;
    float:left;
    font-size:16px;
    width:100%;
    margin-bottom:10px
}
.store-item-mobile .info .address-info a{
    color:#000
}
.side-tab{
    float:left;
    margin-right:8px;
    font-size:12px;
    margin-top:4px;
    margin-bottom:4px
}
#BranchesFiltrationBox select{
    width:49%;
    float:left;
    height:30px;
    font-size:16px;
    color:#67338e
}
#BranchesFiltrationBox select:nth-of-type(2n+2){
    float:right
}

.slick-lightbox{z-index: 999999;
    direction:ltr!important;}
.slick-lightbox-slick-item{
    background-color:#fff
}
.slick-lightbox-slick-img{
    margin-left:-18px;
    max-width:111%
}
.slick-lighbox-close-btn{
    font-family:arial;
    padding:15px;
    text-align: right;
    position:absolute;
    z-index:9;
    color:#5d5b5b;
    top:0%;
    right:0;
    width:100%;
    border-bottom:1px solid #ccc;
    font-size:1.3rem
}
.cartRowComboSep{ font-size:0.9rem; background: #62217f;padding: 7px 0px;text-align: center;color: #fff;}
.cartRowCombo{background: #fbf5fd;}
.cartRowComboSepRemove{float:right;padding-right:12px;}
.cartRowComboSepRemove .fa-trash-o{color: #fff;font-size: 1.3rem;}
.cart_remove1 .fa-trash-o{color: #62217f;font-size: 1.5rem;}

.gift_label {padding: 4px 0px;font-size:0.9rem;color:#41ad16;}
.gift_label .fa{font-size:1.1rem;}

/* Share Cart */
#btnOpenSharePopup{color:#67338e;}
#btnOpenSharePopup .fa-share-alt{font-size: 1rem;}
#containerOpenSharePopup{font-size: 12px;text-transform: uppercase;position: relative;float: left;padding: 5px;}
.td_cart_share_btns {margin:0 auto; text-align: center; font-size: 2rem;    padding-top: 5px;}
.td_cart_share_btns a .fa-linkedin-square{color:#0077B5;}
.td_cart_share_btns a .fa-facebook-square{color:#3b5998;}
.td_cart_share_btns a .fa-twitter-square{color:#38A1F3;}
.td_cart_share_btns a .fa-whatsapp{color:#25D366;font-weight: 700;}
/* The popup form - hidden by default */
.share-popup {
  margin-top:4px;
    display: none;
    position: absolute;
    bottom: 0;
    left: 8px;
    bottom: -108px;
    z-index: 9;
    min-width: 325px;
    padding:10px;
    border: 3px solid #67338e;
    background: #ededed;
    color: #67338e;
}
.share-popup input ,.share-popup button {padding:6px;}
.share-popup input{ min-width: 170px;}
.share-popup button{border:1px solid #8e8e8e; min-width: 65px;}

/* CrossSelling Section in product page */
#toBeAppendedByAjax{display:none;}
.sideNavOffer {
  /* height: 380px; */
  min-height: 330px;
  width: 410px;
  position: fixed;
  z-index: 9999;
  top: 15%;
  right: -410px;
  background-color: rgba(0, 0, 0, 0.8);
  overflow-x: hidden;
}
.sideNavOffer .closeNavBtn {
  position: absolute;
  top: 10px;
  right: 10px;
  color:#fff;
  font-size: 1.7rem;
}
.sideNavOffer .openNavBtn {
  position: absolute;
  top: 44%;
  left: 0px;
  padding-left: 10px;
  width: 23px;
  color:#fff;
  font-size: 1.6rem;
}
#sideNavOfferContainer{color:#fff;width: 84%;height: 90%;margin: 7% 8%;}
#sideNavOfferContainer a {color:#fff;}
.randImgProd {width: 152px;max-height: 125px;}
.crossOfferItem{width:45%; float:left;margin-top: 10px;}
.crossOfferItem .productName{line-height: 1.2rem; padding:7px 0px;}
.crossOfferPlus{float:left;margin:17% 2.5% 0% 2.5%;font-size: 1.1rem;}
#crossOfferBtn{text-align: center; line-height: 2rem;}
#crossOfferBtn .submit{float:none;}

#formNotifyMe {text-align: center; width:330px; margin:0 auto;}
#formNotifyMe input[type=text],#formNotifyMe input[type=email]{ width: 300px;padding: 3%;margin: 2% 0 5% 0;}
#formNotifyMe input[type=submit]{ float:none;}
#shop_by_categories_carousel{max-width: 1130px;
margin: 0 auto;
text-align: center;}
#shop_by_categories_carousel .slick-next{right:-25px;left:auto;}
#shop_by_categories_carousel .slick-prev{left:-25px;right:auto;}
#shop_by_brands_carousel{max-width: 1130px;
margin: 0 auto;
text-align: center;}
.f{border: 0;padding:0;cursor:pointer;width:100%;}
.shop_by_brand_item{border: 0.5px solid #f5f5f5;padding:6px 28px;cursor:pointer;width:78%;}
.shop_by_categ_item{border: 0.5px solid #f5f5f5;padding:6px 5px;cursor:pointer;width:78%;font-size: 1rem;min-height:262px;}
.shop_by_brand_item_img {
background-size: auto 180px;
height: 180px;
background-position: center top;
background-repeat: no-repeat;}
#shop_by_brands_carousel .slick-next{right:-25px;left:auto;}
#shop_by_brands_carousel .slick-prev{left:-25px;right:auto;}
.shop_by_brand_title{padding: 0px 10px;
margin: 0px auto 12px auto;
max-width: 1178px;}
.shop_by_brand_container{margin:24px auto;}
.social-links a{padding:0px 5px;}
.social-links a i {font-size: 2rem;}
.social-links a i.fa-twitter-square{color:#1DA1F2}
.social-links a i.fa-facebook-square{color:#3b5998}
.social-links a i.fa-youtube-square{color:#c4302b}
.social-links a i.fa-linkedin-square{color:#0077B5}
.social-links a i.fa-snapchat-square{color:#FFFC00}
.social-links a i.fa-instagram{color:#833AB4}
.customItemInProductsBlock img{width:262px; height:180px;padding-top:20px;}

#float-popup-shadow {
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    background:rgba(0,0,0,.7);
    display:none;
    opacity:0;
}
#popup-float {
    width:500px;
    max-width:90%;
    /*height:100px;*/
    height:117px;
    max-height:90%;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:1000;
    margin:auto;
    background:#fff;
    border:5px solid #c8d936;
    display:none;
    opacity:0;
}
.float-msg {
    width:96%;
    display:inline-block;
    vertical-align:top;
    margin:1%;
    padding:0 1%;
    font-family: 'DINPro';
    font-weight: 400;
    font-size:16px;
}
.float-msg.float-success {
    color:green;
    /*padding:35px 1%;*/
    padding:15px 1%;
    text-align:center;
}
.float-msg.float-error {
    color:red;
    padding:15px 1%;
    text-align:center;
}
.float-msg.float-case-big {
    width:100%;
    margin:0;
    height:100%;
}
#popup-float.float-success,
#popup-float.float-success .float-close {
    border-color:#c8d936;
}
#popup-float.float-error,
#popup-float.float-error .float-close {
    border-color:red;
}
#popup-float.float-case-big,
#popup-float.float-case-big .float-close,
#popup-float.float-case-med,
#popup-float.float-case-med .float-close {
    border-color:#c8d936;
}
#popup-float.float-item-added,
#popup-float.float-item-added .float-close {
    border-color:#c8d936;
}
#popup-float.float-case-big,
#popup-float.float-case-med {
    width:800px;
    min-height:400px;
}
#popup-float.float-case-med { min-height:250px; }
#popup-float.float-item-added {
    min-height:150px;
}
.float-close {
    width:30px;
    /*height:20px;*/
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
    font-size:20px;
    padding:4px 0px;
    background:#fff;
    border:2px solid #c8d936;
    position:absolute;
    top:-15px;
    right:-15px;
    border-radius:50%;
    text-align:center;
}
.vat_label{font-size: 0.9rem; color:#2aa5d4;}
.vat_label_2{font-size: 0.8rem; color:#828282;}