.container1000vm {
    max-width: 1000px !important;
    margin: auto
}

.vision-mission-icon {
    padding: 50px 0 5px 0;
}

.vmtitle {
    font-size: 45px;
    color: #58595b;
    font-weight: 100;
    padding-top: 0px;
    padding-bottom: 20px;
}

.matter {
    font-size: 16px;
    font-weight: 300;
}

.width33 {
    width: 32.33333333%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

img {
    max-width: 100%;
}

.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}

.image-area {
    max-width: 1000px;
    margin: 0 auto;
}

.main-image {
    position: relative;
    text-align: center;
    overflow: hidden;
    margin: 0 0 15px 0;
    height: 100%;
}

.main-image div {
    position: absolute;
    top: 0;
    left: 0;
    width: 99%;
    height: auto;
    -moz-opacity: 0;
    opacity: 0;
    z-index: -1;
}

.main-image div iframe {
    max-width: 100%
}

.sub-image div {
    float: left;
    margin: 0 15px 0 0;
    cursor: pointer;
    text-align: center;
    width: 150px;
}


.sub-image {
    margin: 0 -15px 0 0;
}

.sub-image div {
    float: left;
    margin: 0 15px 0 0;
    cursor: pointer;
    text-align: center;
}

.sub-image img {
    margin: 0 0 3px 0;
}

.sub-image div.active img {
    border: 1px solid red
}

.direction-writeup-container {
    display: table;
    height: 100%;
}

.direction-writeup-text {
    padding: 30px 30px 30px 30px;
    display: table-cell;
    vertical-align: middle;
    height: 400px;
}

.direction-writeup-text p {
    padding-bottom: 10px;
}

.diectionuse {
    margin-top: 35px;
    margin-bottom: 15px;
}



.thumbnail-list {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.product-enriched-image33 {
    float: left;
    width: 20%;
}

.product-enriched-image-icon33 {
    float: left;
    width: 70%;
}

.product-enriched-image33 img {
    width: 100%;
}

.product-enriched-data33 {
    float: left;
    padding-left: 10px;
    width: 70%
}

.product-enriched-items33 {
    font-size: 15px;
    font-weight: bold;
    color: #0E6636
}

.product-enriched-text33 {
    font-size: 15px;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 45px;
}

.width33 {
    width: 32.33333333%;
    display: inline-block;
    vertical-align: top
}

.width25 {
    width: 24.33333333%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 10px;
}

.testimony-writeup {
    height: 85px;
    overflow: auto;
    padding-top: 15px;
}

.deep-gray-container-video {
    background-color: #404040;
    padding: 40px 0;
    margin-bottom: 40px;
    margin-top: 30px;
    padding-bottom: 100px
}

.ifra {
    width: 600px;
    height: 338px;
    margin: auto
}

.videocontainer {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 66.66%;
    /* 3:2 Aspect Ratio */
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.helps-to {}

.helps-to ul {}

.helps-to li {
    background-image: url("../images/icon-right.png");
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 16px;
    list-style-type: none;
    padding-left: 45px;
    width: 90%;
    padding-bottom: 20px;
    background-position: 0px 4px;
}





.productname-mobile {
    display: none
}

.newnameproduct {
    font-size: 26px;
    line-height: 1.2;
    color: #222222;
    padding-bottom: 15px;
}

.txt-product-page-sku {
    font-size: 18px;
    line-height: 1.363636;
    font-weight: 500;
    padding-bottom: 10px;
}

.oldprice {
    text-decoration: line-through;
    margin-bottom: 10px;
}

.product-txtfld {
    border: 1px solid #58595b;
    width: 90px;
    text-align: center;
    margin: 7px 0;
    font-size: 16px;
    height: 46px;
    float: left;
}

.add-cart {
    margin: 20px 10px;
    float: left;
}

.add-cart a {
    text-align: center;
    background-color: #0e6636;
    color: #ffffff;
    padding: 15px 20px;
}

.add-cart a:hover {
    background-color: #58595b;
    text-decoration: none
}

.contents {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 5px 0;
    font-size: 20px;
    margin: 10px 0;
    font-weight: bold;
}

.productpage-matter p {
    font-size: 16px;
    padding-bottom: 10px;
    font-weight: 300
}

.container-logos {
    background-color: #F0F0F0;
    padding: 10px 0;
    margin: 12px 0
}

/* .container-logos div {
        display: inline
    }*/

.container-logos img {
    margin-right: 40px;
}

.deep-gray-container {
    background-color: #404040;
    padding: 40px 0;
    margin-bottom: 40px;
    margin-top: 30px;
}

.section-title {
    text-align: center;
    color: #6CFF00;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 25px;
}

.section-title-deep-green {
    text-align: center;
    color: #0E6636;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 45px;
}

.helps {
    color: #FFFFFF;
    text-align: left;
    font-size: 16px;
    padding-bottom: 15px;
}

.helps-icon {
    padding-right: 10px;
    float: left;
    width: 10%;
    padding-top: 2px;
}

.helps-txt {
    padding-right: 10px;
    float: right;
    width: 88%;
    text-align: left;
    padding-bottom: 40px;
}

.product-enriched-image {
    float: left;
    width: 20%;
}

.product-enriched-image-icon {
    float: left;
    width: 70%;
}

.product-enriched-image img {
    width: 100%;
}

.product-enriched-data {
    float: left;
    padding-left: 10px;
    width: 70%
}

.product-enriched-items {
    font-size: 15px;
    font-weight: bold;
    color: #0E6636
}

.product-enriched-text {
    font-size: 16px;
    font-weight: 300;
    padding-top: 5px;
    padding-bottom: 45px;
}

.lineshadow {
    margin: 20px 0 40px 0;
    -webkit-box-shadow: 0 2px 2px #cccccc;
    -moz-box-shadow: 0 2px 2px #cccccc;
    box-shadow: 0 2px 2px #cccccc;
}

.ani {
    width: 40%;
    margin: auto;
    text-align: center
}

.direction {
    border: solid 1px #999;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 30px;
    font-size: 16px;
}

.direction-title-deep-green {
    text-align: center;
    color: #0E6636;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 0px;
}

.direction-writeup {
    padding: 0 30px 0 30px;
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
}

.animation-container {
    max-width: 800px;
    margin: auto
}

.whynat {
    max-width: 1100px;
    margin: auto
}

.manufacturer-information {
    font-size: 16px;
    font-weight: 300;
}

.manufacturer-information p {
    padding-bottom: 12px;
}

.testimony-image {
    float: left;
    width: 15%;
}

.testimony-border {
    border: 1px solid #707070;
    padding: 15px;
    border-radius: 15px;
    height: 185px;
    margin-bottom: 15px;
}

.testimony-image {
    float: left;
    width: 15%;
}

.testimony-photo img {
    border-radius: 50%
}

.testimony-person {
    float: left;
    padding-left: 15px;
}

.person {
    font-size: 14px;
}

.updatedtime {
    font-size: 14px;
    color: #999999;
}

.testimonystar {
    color: #FFCC00;
    font-size: 22px;
}

.owl-carousel {
    margin-top: 15px;
}

#owl-carousel2 .owl-prev {
    display: none
}

#owl-carousel2 .owl-next {
    display: none
}

#owl-carousel3 .owl-prev {
    display: none
}

#owl-carousel3 .owl-next {
    display: none
}

.owl-dots {
    display: none
}

.colorgrey {
    background-color: #f3f3f3;
    padding: 20px 35px 40px 35px;
}

.matter-why {
    font-size: 16px;
    padding-bottom: 20px;
    font-weight: 300;
}

.blackcolorpatch {
    background-color: #000000;
    color: #ffffff;
    padding: 15px;
    min-height: 210px;
    font-size: 16px;
    font-weight: 300
}

.punchline {
    padding-bottom: 10px;
    font-size: 17px;
}

.coloraqua {
    color: #64F3FF;
    font-weight: 400
}

.colorlightgreen {
    color: #D5DE7F;
    font-weight: 400
}

.colorviolet {
    color: #EFAAFF;
    font-weight: 400
}

.toperspace {
    margin-top: 25px;
}





.ConfirmOrderpopup table tr td {
    padding: 10px 8px;
}

.product-gramege-all {
    text-align: center;
    color: #000000;
    font-size: 14px;
}

.festive-yellow-container {
    background-color: #FAD275;
    padding: 20px 0;
}

.festive-title {
    text-align: center;
    padding: 15px;
    font-size: 21px;
    color: #000000;
}

.festive-product-black-container {
    border: 1px solid #000000;
    border-radius: 10px;
    margin: 15px 0
}

.festive-product-title {
    text-align: center;
    font-size: 16px;
    color: #000000;
    padding: 15px;
    height: 70px;
    font-weight: 500;
}

.festive-product-packshot {
    text-align: center;
    padding: 10px 0
}

.festive-add-to-cart {
    margin: auto;
    text-align: center;
    padding: 20px 0
}

.festive-add-to-cart a {
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 12px 45px;
    color: #000000;
    text-transform: uppercase;
}

.festive-add-to-cart a:hover {
    color: #ffffff;
    background-color: #58595b
}

.festive-booking {
    padding: 0 15px;
}

.festivebookingtitle {
    text-align: left;
    font-size: 18px;
    color: #000000;
    padding-bottom: 20px;
    padding-top: 25px;
}

.festivetablematter {
    font-size: 16px;
    color: #000000;
    font-weight: 300
}

.festivespacer {
    padding: 60px 0 0 0
}






.asmita-form-container {
    max-width: 1110px;
    margin: auto;
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 50px 0;
}

.asmitatxtfld {
    border: 1px solid #000000;
    border-radius: 10px;
    padding: 10px;
    width: 100%;
    background-color: #ffffff;
    color: #000000;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-top: 5px;
    margin-bottom: 20px;
    height: 41px;
}

.smallasmitacontainer {
    max-width: 1000px;
    margin: auto
}

.asmita-submit {
    margin-top: 20px;
}

.asmita-submit a {
    background-color: #000000;
    color: #ffffff;
    padding: 10px;
    margin: auto;
    display: block;
    width: 250px;
    text-align: center;
    transition: 0.2s linear all;
}

.asmita-submit a:hover {
    background-color: #58595b;
    transition: 0.2s linear all;
}

.asmita-form-title {
    text-align: center;
    padding: 40px 0;
    font-weight: bold;
    font-size: 16px;
}

.youtube-link {
    margin-bottom: 30px;
    display: block;
    cursor: pointer
}

.explore {
    float: right;
    margin-bottom: 20px;
    padding-right: 15px;
}

.explore a {
    color: #000000;
    text-decoration: underline
}

.title-asmita {
    text-align: center;
    font-size: 45px;
    padding: 0px 0 40px 0;
    color: #58595b;
}

.rowspace {
    margin-right: 0px;
    margin-left: 0px;
}

.asmita-matter {
    text-align: left;
    font-size: 16px;
    padding: 40px 0 40px 0;
    max-width: 1170px;
    width: 100%;
    margin: auto;
}

.pinkgradient {
    background: linear-gradient(to right, #ff91d1 0%, #ff91d1 80%, #000000 80%, #000000 85%);
}

.greengradient {
    background: linear-gradient(to right, #ddff91 0%, #ddff91 80%, #ff91d1 80%, #000000 80%, #000000 85%);
}

.asmitamt30 {
    margin-top: 30px;
}

.asmita-pink {
    background-color: #FF91D1;
    font-size: 70px;
    text-align: center;
    color: #000000;
    height: 210px;
}

.asmita-green {
    background-color: #DDFF91;
    font-size: 70px;
    text-align: center;
    color: #000000;
    height: 210px;
}

.asmita-black {
    background-color: #000000;
    font-size: 70px;
    text-align: center;
    color: #ffffff;
    height: 210px;
    padding-top: 50px
}

.asmita-greybg {
    background-color: #c2c2c2;
}


.product-3 {
    max-width: 870px;
    margin: auto;
}

.directsellers {
    text-align: left;
    position: relative;
    vertical-align: top;
    margin: auto;
    margin-top: auto;
    margin-top: 0px;
}

.matter-directsellers {
    text-align: left;
    font-size: 15px;
    color: #58595b;
    font-weight: 500
}

.matter-directsellers1 {
    text-align: left;
    font-size: 15px;
    color: #58595b;
    font-weight: 500;
    padding-right: 15px;
}

.banner-terminology {
    margin: 40px 0
}

.banner-prosperity {
    margin: 40px -15px;
}

.mt50 {
    margin-top: 50px;
}

.ds-blackpatch {
    background-color: #000000;
    text-align: center;
    color: #FFCE00;
    font-size: 21px;
    padding: 10px 0;
    margin: 25px 0 0 0
}

.ds-yellowpatch {
    background-color: #FFCE00;
    text-align: center;
    color: #000000;
    font-size: 25px;
    padding: 10px 0;
    margin: 0px 0 30px 0
}

.accordion-containerds .accordion-titleds {
    position: relative;
    margin: 0;
    padding: 15px 10px;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: normal;
    color: #FF6200;
    cursor: pointer;
    border-bottom: 1px solid #cccccc;
}

.accordion-containerds .accordion-titleds:hover,
.accordion-containerds .accordion-titleds:active,
.accordion-title.open {
    background-color: #ffffff;
    color: #000000;
}

.accordion-containerds .accordion-titleds::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    transform: rotate(90deg);
    background: #FF6200;
    transition: all .3s ease-in-out;
}

.accordion-containerds .accordion-titleds::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 25px;
    width: 15px;
    height: 2px;
    background: #FF6200;
    transition: all .2s ease-in-out;
}

.accordion-containerds .accordion-titleds.open::before {
    transform: rotate(180deg);
}

.accordion-containerds .accordion-titleds.open::after {
    opacity: 0;
}

.accordion-contentds {
    padding: 10px;
}

.accordion-containerds {
    max-width: 1020px;
    margin: 0 auto;
}

.steps-container {
    max-width: 1020px;
    margin: auto
}

.steps {
    border: 1px solid #707070;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 25px;
    height: 85px;
}

.stepimage {
    float: left;
    width: 15%;
}

.stepmatter {
    float: left;
    padding-left: 15px;
    width: 75%
}

.shadow {
    box-shadow: 0px 5px 5px -3px #ccc;
    height: 10px;
    background-color: transparent;
    margin: 30px 0 40px 0
}

.structure-head {
    font-weight: 600;
    padding-bottom: 5px;
}

.structure-matter {
    padding-top: 0px;
    padding-bottom: 20px;
}

.structure-matter:last-child {
    padding-top: 0px;
    padding-bottom: 0px;
}

.txt-fld {
    width: 100%;
    border: 1px solid #cccccc;
    padding: 10px;
}

.submit-btn {
    text-align: center;
    margin: 40px 0;
    display: block
}

.submit-btn a {
    background-color: #58595b;
    color: #ffffff;
    padding: 8px 20px;
    font-size: 14px;
}

.submit-btn a:hover {
    background-color: #000000;
}

.ds-form-caption {
    text-align: center;
    font-size: 21px;
    padding: 0 0 30px 0;
}


.index-product-matter-cosmetics {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 365px;
    margin: auto;
    margin-top: 40px;
}

.index-product-info-cosmetics {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 365px;
    margin: auto;
    padding: 20px 0;
    font-size: 15px;
}

.catagories-c {
    text-align: center;
    margin-bottom: 5px;
}

.catagories-c a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    line-height: 33px;
    font-weight: bold;
    color: #666666;
    transition: all linear 0.3s
}

.catagories-c a:hover {
    color: #e5097f;
    transition: all linear 0.3s
}

.catagories-c a.active {
    color: #e5097f;
}

.premeal-container {
    width: 1055px;
    margin: auto;
    background-image: url("../images/premeal-line-separator.jpg");
    background-repeat: repeat-y;
    margin-top: 25px;
}




/* ***************** 25 MAY 23 css starts ********** */
.containerfull {
    max-width: 1600px !important;
    margin: auto;
}

.containeroverlay {
    position: relative;
    width: 100%;
}

.image {
    display: block;
    width: 100%;
    height: auto;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, 0.8);
}

.containeroverlay:hover .overlay {
    opacity: 1;
}

.text {
    color: white;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.desktopdisplay {
    display: block
}

.mobiledisplay {
    display: none
}

.productlinks {
    margin-top: 20px;
}

.productlinks a {
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 10px;
    padding: 7px;
    text-decoration: none;
    display: block;
    color: #ffffff;
    width: 250px;
    margin: auto;
    margin-bottom: 15px;
    font-size: 16px;
    transition: all 0.4s linear
}

.productlinks a:hover {
    background-color: rgba(125, 125, 125, 0.5);
    transition: all 0.4s linear
}

.shelltextmob {
    display: none
}

.spacermb {
    margin-bottom: 25px;
}

.topbanner {
    margin-bottom: 40px;
}

/* ***************** 25 MAY 23 css ends  ********** */


.sline {
    background-color: gray;
    height: 0.5px;
    color: gray;
    outline: none;
    position: relative;
    margin-top: 46px;
}

.sline-Index {
    background-color: gray;
    height: 0.5px;
    color: gray;
    outline: none;
    position: relative;
    margin-top: 20px;
}

table.inpop {
    border-collapse: collapse;
    width: 100%;
}

table.inpop tr:nth-child(2n+1) {
    background-color: #ffffff;
}

table.inpop tr:nth-child(2n+0) {
    background-color: #ffffff;
}

table.inpop th {
    background-color: #f2f4f4;
    font-size: 16px;
    padding: 7px;
    text-align: center;
    vertical-align: middle;
    color: #273237;
    height: 20px;
    border: 1px solid #afafaf;
    font-weight: 300
}

table.inpop td {
    border: 1px solid #afafaf;
    font-size: 14px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    color: #000000;
}



.modal-popmsg {
    background-color: #333333;
    color: #ffffff;
    margin: auto;
    padding: 20px;
    width: 768px;
    margin-top: 25px;
    margin-top: 0px;
}

.aboutus-matter-new {
    text-align: center;
    font-size: 16px;
    padding: 40px 0 40px 0;
    max-width: 960px;
    width: 100%;
    margin: auto;
}

.index-wrapper-new {
    margin: auto;
    max-width: 1020px;
    width: 100%;
    background-color: #525252;
}

.index-wrapper-image {
    margin: auto;
    max-width: 1020px;
    width: 100%;
    background-color: #525252;
    margin-top: 40px;
    margin-bottom: 10px;
}

.about-wrapper-box {
    margin: auto;
    max-width: 1050px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 30px;
}

.about-matter-box {
    display: table;
    height: 480px;
    text-align: center;
    width: 100%;
}

.about-matter-txt {
    display: table-cell;
    vertical-align: middle;
    color: #ffffff;
    font-size: 30px;
}

.about-display-box {
    box-shadow: 0px 1px 5px 1px #cccccc;
    height: 320px;
}

.box-matter {
    text-align: center;
    font-size: 14px;
    color: #58595b;
    width: 200px;
    margin: auto;
    padding-top: 22px;
    padding-bottom: 30px;
}

.space-right-nil {
    padding-right: 15px;
}



.accord {
    width: 100%;
    display: block;
    margin: 10px 0 25px 0;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

.accord11 {
    text-align: left;
    font-size: 42px;
    color: #FFF28F;
    line-height: 40px;
}

.accorddata {
    padding: 0px 0px 10px 0px;
    margin: 0 0 2px 0;
    color: #ffffff;
    background-color: #333333;
    font-size: 16px;
    text-align: left;
    line-height: 22px;
}

.accorddata p {
    color: #ffffff;
    line-height: 22px;
}

.accorddatadisplay {
    padding: 15px 0px 0px 0px;
    margin: 0 0 2px 0;
    color: #ffffff;
    background-color: #333333;
    font-size: 16px;
    text-align: left;
    line-height: 22px;
}

.accorddatadisplay p {
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    line-height: 22px;
}

.accordselected {
    color: red;
}

.allinoneimages {
    margin: auto;
    max-width: 1020px;
    width: 100%;
    display: block
}

.allinoneimagesmob {
    display: none;
}

.container-terms {
    margin: auto;
    max-width: 860px;
    margin: auto;
    border: 1px solid #cccccc;
    padding: 20px 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.closebtn {
    position: relative;
    right: 10px;
    float: right;
}

.container-terms-title {
    color: #464749;
    font-size: 18px;
    text-align: left;
}

.inner-title {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
}

.terms-matter {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
}

.inner-title1 {
    text-align: left;
    font-weight: bold;
    font-size: 18px;
}

.cap {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
}

.inner-spacer {
    padding-left: 24px;
    line-height: 24px;
}

.inner-spacer li {
    padding-left: 20px;
}

.lh {
    line-height: 24px;
}

.left-space {
    padding-left: 18px;
}

.left-space-margin {
    margin-left: 30px;
}

.terms-inner-spacer {
    padding-left: 18px;
    line-height: 24px;
}

.terms-inner-spacer li {
    padding-left: 0px;
    list-style-type: none;
    padding-bottom: 10px;
}


.fill-txtbox {
    border: 1px solid #999999;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 7px 4px;
    margin: 7px 0;
}

.modal-contentmsg {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 600px;
    margin-top: 100px;
}

.cacc {
    width: 100%;
    display: block;
    padding: 5px 10px;
    margin: 0 0 3px 0;
    font-size: 14px;
    border: 1px solid orange;
    cursor: pointer;
    background-color: #f2f2f2;
}

.cdata {
    padding: 0 10px;
    margin: 0 0 2px 0;
    color: #9B9D9D;
    background-color: #ffffff
}

.cselected {
    color: #58595B;
}

.arw {
    display: none
}

.Spacetop {
    padding-top: 125px;
}

.top-space {
    position: relative;
    top: -60px;
}

.Topbanner {
    top: -35px;
    position: relative;
}

#page {
    width: 600px;
    height: 100%;
    display: table;
    /*display: table;
    margin: 0px auto;
    text-align: center;
    height: 100%;
    width: 600px;
    position:fixed;
    overflow:auto;*/
}

#content_container {
    display: table-cell;
    vertical-align: middle;
}

.matterabc {
    width: 90%;
    margin: auto;
    background-color: white;
}

.p {
    margin: auto;
    width: 90%;
    color: #996699
}

.wrapper-small-Firm {
    margin: auto;
    width: 100%;
    font-size: 15px;
    width: 600px;
}


.txtfld-yellow-firm {
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 15px 0;
    display: block;
    width: 82%;
    font-size: 14px;
    padding: 7px;
    height: 38px;
}

.all-space {
    padding-top: 125px;
}

.sectop {
    position: fixed;
    z-index: 99;
    width: 100%;
    background-color: #ffffff;
    margin: auto;
}

/* *************************   10th Dec2021 Starts ********************* */
body {
    position: relative;
}

.fixed-content-top {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 100;
}

.mobile-bottom-logo {
    display: none
}

.txtbox1 {
    width: 32px;
    height: 32px;
    border: 1px solid #58595b;
    padding: 5px;
    margin-right: 14px;
    text-align: center;
    position: relative;
}

.whitebg-new {
    height: 490px;
    width: 270px;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 20px;
    /*    border: 1px solid #707070;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(214, 214, 214, 1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(214, 214, 214, 1);
    box-shadow: 0px 0px 4px 1px rgba(214, 214, 214, 1);
}

.strong {
    font-weight: bold;
}

.clinically-validated {
    float: right;
    margin-right: 11px;
    margin-top: 7px;
}

.nameproduct {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px;
    padding-top: 15px;
    color: #000000;
    margin-top: 16px;
    height: 75px;
    margin-bottom: 15px;
}

.productprice {
    text-align: center;
    color: #000000;
    font-size: 16px;
    padding-top: 15px;
}

.allinclisive {
    text-align: center;
    color: #000000;
    font-size: 14px;
}

.display-product {
    text-align: center;
    margin: auto;
    padding-top: 20px;
    padding-bottom: 30px;
}

.image-geo {
    display: inline-block;
    margin-left: 12px;
    margin-top: 5px;
}

.image-cart {
    display: inline-block;
    margin-left: 33px;
    margin-top: 10px;
}

.mbtm10 {
    margin-bottom: 0px;
}

.addtocart-shop {
    display: inline-block;
    text-align: right;
    float: right;
    margin-right: 12px;
    margin-top: 12px;
}

.addtocart-shop a {
    color: #ffffff;
    background-color: #666666;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    padding: 7px 12px;
    transition: all 0.2s linear;
    font-weight: bold;
    font-size: 14px;
    margin-right: 20px;
}

.addtocart a:hover {
    background-color: #000000;
    transition: all 0.2s linear
}

/* *************************   10th Dec2021 Ends *********************** */
.links1 {
    margin: auto;
    text-align: center;
    margin-top: 20px;
}

.links1 a {
    text-decoration: none;
    padding: 8px 13px;
    background-color: #919191;
    color: #FFFFFF;
    font-weight: bold;
}

.links1 a:hover {
    text-decoration: none;
    background-color: #585757;
}

.links1 a.selected {
    background-color: #585757;
    color: #FFFFFF
}

.sp {
    margin-bottom: 5px
}

.acbtn4.select-arrow {
    transform: rotate(180deg);
}

.acbtn4 {
    cursor: pointer;
    margin: 10px 0 0px 0;
    background: url("../images/arrow-circle1.png") no-repeat;
    height: 25px;
    width: 25px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    transition: 0.8s;
}

.acbtn {
    cursor: pointer;
    margin: 10px 0 0px 0;
    background: url("../images/arrow-circle1.png") no-repeat;
    height: 25px;
    width: 25px;
    margin: 20px auto;
    transition: 0.8s;
}

.acbtn.select-arrow {
    transform: rotate(180deg);
}

.sociallogos {
    padding-top: 10px;
}

.socialnews-wrapper {
    margin: auto;
    max-width: 1030px;
    width: 100%;
}

.title-socialnews {
    text-align: center;
    font-size: 45px;
    padding: 25px 0 10px 0;
    color: #58595b;
}

.opportunity-bg {
    background-image: url("../images/opportunity-bg.jpg");
    background-repeat: no-repeat;
    max-width: 1920px;
    height: 1024px;
}

.opportunity-mid {
    height: 1024px;
    margin: auto;
    max-width: 500px;
    background-color: #ffffff;
    color: #58595b
}

.opprtunity-mid-txt {
    text-align: center;
    font-size: 16px;
    padding: 50px 30px 80px 30px;
}

.opprtunity-mid-txt p {
    padding-top: 30px;
}

.txtfld-opprtunity {
    border: 1px solid #5a5859;
    padding: 7px 5px;
    font-size: 14px;
    margin: auto;
    width: 350px;
    margin-bottom: 18px;
}

.opprtunity-txt {
    margin-top: 60px;
}


.SpHeading {
    color: #58595b;
    font-size: 24px;
    text-align: center;
    padding: 10px;
    margin-top: 60px;
}

.curvemid {
    max-width: 400px;
    padding: 2px 12px;
    padding-top: 2px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border: 2px solid #444444;
    padding-top: 10px;
    background-color: #ffffff;
    margin: auto
}

.complaint-txtbox {
    border: 1px solid #999999;
    max-width: 380px;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 7px 4px;
    margin: 7px 0;
}

.popmatterheading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #006334;
    text-transform: uppercase;
    padding-bottom: 20px;
    padding-top: 12px;
}

.popmatter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: justify;
    line-height: 16px;
}

.autoship-home {
    text-align: left;
}

/* ************************ downloads ***************************** */
.downloads-icons img {
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.downloads-title {
    text-align: right;
    font-size: 14px;
    padding-top: 10px;
    text-transform: capitalize;
    padding-bottom: 0px;
}

.downloads-txt {
    padding: 11px 10px 14px 10px;
    font-weight: bold;
    margin-bottom: 35px;
    width: 299px;
}

table.pack {
    border-collapse: collapse;
    width: 100%;
    margin-top: 10px;
}

table.pack tr:nth-child(2n+1) {
    background-color: #f9f9f9;
}

table.pack tr:nth-child(2n+0) {
    background-color: #ffffff;
}

table.pack th {
    background-color: #f2f2f3;
    color: #FFFFFF;
    font-size: 15px;
    padding: 7px;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    height: 20px;
    border: 1px solid #d7d7d7;
}

table.pack td {
    border: 1px solid #d7d7d7;
    font-size: 15px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.modal-content-notify {
    background-color: #c2c2c2;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 320px;
    top: 100px;
    border: 1px solid #ffffff;
    z-index: 999999;
}

.modal-content-notify-autoship {
    background-color: #c2c2c2;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 320px;
    top: 100px;
    border: 1px solid #ffffff;
}

.notify {
    text-align: center;
    padding: 20px 15px 10px 15px;
    color: #444444;
    font-size: 14px;
}

.management-Name {
    padding-left: 20px;
}

.about-task {
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 10px;
    color: #444444;
}

.textbox {
    border: 1px solid #999999;
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 7px 4px;
    margin: 7px 0;
}

.submitbtn {
    margin-top: 26px;
    margin-bottom: 8px;
}

.submitbtn a {
    background-color: #3E3B3B;
    color: #FFFFFF;
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    transition: linear 0.3s all;
}

.imgClicnically1 {
    padding-top: 60px;
    padding-left: 20px;
}

.imgClicnically2 {
    padding-left: 20px;
    position: relative;
    top: 125px;
}

.imgClicnically4 {
    padding-left: 20px;
    position: relative;
    top: 125px;
}

.imgClicnically3 {
    padding-left: 20px;
    position: relative;
    top: 7px;
}

.drpwidthnew {
    width: 345px;
    margin: auto;
}

.selectdiv {
    position: relative;
    min-width: 200px;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
    display: none;
}

.selectdiv:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;
    /*Adjust for position however you want*/
    top: 18px;
    padding: 0 0 2px;
    border-bottom: 1px solid #999;
    /*left line */
    position: absolute;
    pointer-events: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 100%;
    height: 55px;
    margin: auto;
    padding: 0px 24px 0px 5px;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
}

.geo-icon-chk {
    text-align: center;
    padding: 10px 0;
}

.geo-matter-chk {
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    padding: 10px 20px 20px 20px;
    padding-top: 10px;
}

.geo-add-to-cart-chk {
    padding-top: 50px;
    text-align: left;
    padding: 0 20px;
}

.geo-txtfld-chk {
    padding: 12px 15px;
    border: none;
    margin-right: 10px;
    display: inline-block;
    width: 88%;
    height: 50px;
    text-align: left
}

.geo-search-chk {
    margin-top: 20px;
    text-align: left;
    margin-left: 0px;
    background-color: #ffffff;
    height: 50px;
    display: block;
    position: relative;
    top: -3px;
    width: 100%;
}

.geo-info-chk {
    color: #ffffff;
    text-align: left;
    margin: 0 20px 0 20px;
    font-size: 16px;
}

.geo-close-btn-chk {
    margin-top: 20px;
    margin-right: 5px;
    margin-bottom: 30px;
    text-align: center
}

.geo-close-btn-chk a {
    background-color: #000000;
    padding: 10px 20px;
    color: #ffffff;
    text-align: center;
    cursor: pointer
}

.geo-close-btn-chk a:hover {
    background-color: #000000;
    padding: 10px 20px;
    color: #ffffff;
}

.links-tab {
    margin-top: 30px;
}

.links-tab a {
    text-decoration: none;
    padding: 8px 20px;
    background-color: #919191;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
}

.links-tab a:hover {
    text-decoration: none;
    background-color: #585757;
}

.links-tab a.selected {
    background-color: #585757;
    color: #FFFFFF
}

.index-product-display {
    margin: auto;
    text-align: center;
}

.index-product-display a {
    margin: auto;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    padding: 0 5px;
    color: #58585a;
}

.index-product-display a:hover {
    color: #777777
}

.index-product-matter-biofit-plant {
    text-align: center;
    position: relative;
    vertical-align: middle;
    margin: auto;
    margin-top: 130px;
}

.index-product-matter-biofit-plant1 {
    text-align: center;
    position: relative;
    vertical-align: middle;
    margin: auto;
    margin-top: 150px;
}

.index-product-matter-rang-de {
    text-align: center;
    position: relative;
    vertical-align: middle;
    margin: auto;
    margin-top: 170px;
}

.geo {
    float: left;
    position: absolute;
    left: 10px;
    margin-left: -130px;
    border-right: 1px solid #58585a;
    padding-right: 15px;
    margin-top: -3px;
}

.Addtofav-Rangde {
    float: left;
    position: absolute;
    left: 10px;
    margin-left: -160px;
    border-right: 1px solid #58585a;
    padding-right: 15px;
    margin-top: -3px;
}

.Addtofav {
    float: left;
    position: absolute;
    left: 10px;
    margin-left: -160px;
    border-right: 1px solid #58585a;
    padding-right: 15px;
    margin-top: -3px;
}

.geo-Shopol {
    float: left;
    position: absolute;
    left: 10px;
    margin-left: -55px;
    border-right: 1px solid #58585a;
    padding-right: 15px;
    margin-top: -20px;
}

.Addtofav-Shopol {
    float: left;
    position: absolute;
    left: 10px;
    margin-left: -90px;
    border-right: 1px solid #58585a;
    padding-right: 15px;
    margin-top: -13px;
}


.geo-grey-bg {
    background-color: #58595b;
    min-height: 508px;
    padding-top: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-right: 40px;
}

.geo-icon {
    float: left;
    width: 25%
}

.geo-matter {
    float: left;
    width: 75%;
    color: #ffffff;
    font-size: 16px;
    text-align: left;
}

.geo-add-to-cart {
    padding-top: 10px;
    text-align: left;
    padding-left: 50px;
    padding-bottom: 10px;
}

.geo-add-to-cart-new {
    padding-top: 70px;
    text-align: left;
    padding-left: 50px
}

.geo-txtfld {
    padding: 15px;
    border: none;
    width: 450px;
    padding-right: 50px;
}

.geo-txtfld-new {
    padding: 12px 6px;
    border: none;
    margin-left: 10px;
    display: inline-block;
    width: 70px;
    height: 50px;
    text-align: center
}

.geo-search {
    margin-top: 20px;
    text-align: left;
    margin-left: 50px;
    background-color: #ffffff;
    height: 50px;
}

.geo-search-new {
    margin-top: 20px;
    text-align: left;
    margin-left: 10px;
    background-color: #ffffff;
    height: 50px;
    display: inline-block;
    position: relative;
    top: -3px;
    width: 320px;
}

.geo-search-newChk {
    margin-top: 20px;
    text-align: left;
    margin-left: 10px;
    background-color: #ffffff;
    height: 50px;
    display: inline-block;
    position: relative;
    top: -3px;
    width: 446px;
}

.geo-search-btn {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.geo-search-btn a {
    float: right;
    background-color: #58595b;
    padding: 10px 20px;
    color: #ffffff;
}

.geo-search-btn a:hover {
    background-color: #000000;
    padding: 10px 20px;
    color: #ffffff;
}




.geo-fld-titles {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.geo-fld-data {
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    background-color: #231f20;
    padding: 3px 0;
    margin: 5px 0
}

.geo-confirm-order-btn {
    margin-top: 15px;
}

.geo-confirm-order-btn a {
    background-color: #ffcb05;
    padding: 5px 10px;
    color: #231f20;
}

.geo-confirm-order-btn a:hover {
    background-color: #58595b;
    color: #ffffff;
}

.geo-greydark-bg {
    background-color: #58595b;
    min-height: 484px;
    padding-top: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.geo-greyfade-bg {
    background-color: #f2f2f2;
    min-height: 484px;
    padding-top: 60px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.geo-welcome {
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 25px;
    color: #58595b;
    text-align: center
}

.geo-shop {
    padding-top: 50px;
    font-size: 48px;
    color: #58595b;
    text-align: center
}

.geo-white {
    color: #ffffff;
}

.geo-hr-line {
    height: 1px;
    background-color: #ffffff;
    color: #ffffff;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.geo-info {
    color: #ffffff;
    text-align: left;
    margin-left: 60px;
    font-size: 16px;
}

.color-yellow {
    color: #ffcb05
}


.geo-grey-bg-scheme {
    background-color: #58595b;
    min-height: 100%;
    height: 508px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.grey-background {
    background-color: #58595b;
}

.welcometxt {
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    padding-top: 90px;
    padding-bottom: 20px;
}

.scheme-login-container {
    margin: auto;
    max-width: 310px;
    text-align: center;
}

.scheme-txtfld {
    border: 1px solid #dedfe0;
    background-color: #ffffff;
    padding: 10px;
    width: 100%;
    margin-bottom: 20px;
}

.password-forgot {
    float: right
}

.password-forgot a {
    float: right;
    color: #ffffff;
    cursor: pointer
}

.password-forgot a:hover {
    float: right;
    color: #cccccc;
    cursor: pointer;
    text-decoration: none;
}

.scheme-login-button {
    border-radius: 20px;
    color: #ffffff;
    width: 180px;
    margin: auto;
    margin-top: 40px;
}

.scheme-login-button a {
    border: 1px solid #e6e7e8;
    border-radius: 20px;
    color: #ffffff;
    display: block;
    font-size: 18px;
    padding: 10px;
    transition: all linear 0.2s
}

.scheme-login-button a:hover {
    border: 1px solid #aeadad;
    color: #aeadad;
    transition: all linear 0.2s
}

.ShopOnline-Home-button {
    margin-top: -30px;
    margin-left: 460px;
}

.ShopOnline-Home-Pincode-button {
    margin-top: 20px;
    margin-left: 500px;
}

.links {
    margin: auto;
    text-align: center;
    margin-top: 20px;
}

.links a {
    text-decoration: none;
    padding: 8px 13px;
    background-color: #919191;
    color: #FFFFFF;
    font-weight: bold;
}

.links a:hover {
    text-decoration: none;
    background-color: #585757;
}

.links a.selected {
    background-color: #585757;
    color: #FFFFFF
}

/*.links {
    text-align: center;
}

    .links a {
        text-decoration: none;
        padding: 3px 20px;
        background-color: #FF9900;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer
    }

        .links a:hover {
            text-decoration: none;
            background-color: #58595b;
        }

        .links a.selected {
            background-color: #58595b;
            color: #FFFFFF
        }*/

.horhrline {
    height: 1px;
    margin: auto;
    border: none;
    background-color: #000000;
    color: #000000;
    margin: 25px 0
}

.horhrline1 {
    height: 1px;
    margin: auto;
    border: none;
    background-color: #000000;
    color: #000000;
    margin: 5px 0
}

.hrline {
    width: 100%;
    height: 1px;
    background-color: #000000;
    color: #000000;
    border: none;
    margin: 10px 0
}

.txt {
    border: 1px solid #b7b7b7;
    padding: 6px;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 12px;
}

.shipping-info {
    font-size: 17px;
    font-weight: normal;
    color: #58595b;
    padding-bottom: 20px;
    text-align: left;
    font-weight: bold
}

.shipping-head {
    font-size: 17px;
    font-weight: bold;
}

.txtfld-shipping {
    border: 1px solid #cccccc;
    ;
    padding: 3px 4px;
    margin: 0px 0 10px 0;
    text-align: left;
    width: 100%
}

.shipment {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
}

.shipment a {
    text-align: left;
    color: white;
    text-decoration: none;
    background-color: #58595b;
    text-transform: capitalize;
    padding: 6px 20px;
    font-size: 14px;
    border-radius: 8px;
    transition: all linear 0.3s;
    font-weight: bold;
    margin-bottom: 20px;
}

.shipment a:hover {
    background-color: #000000;
    color: white;
}

table.shopcart1 {
    border-collapse: collapse;
    width: 100%;
    margin-top: 10px;
}

table.shopcart1 tr:nth-child(2n+1) {
    background-color: #f2f2f3;
}

table.shopcart1 tr:nth-child(2n+0) {
    background-color: #f2f2f3;
}

table.shopcart1 th {
    background-color: #f2f2f3;
    color: #FFFFFF;
    font-size: 15px;
    padding: 7px;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    height: 20px;
    border: 1px solid #d7d7d7;
}

table.shopcart1 td {
    border: 1px solid #d7d7d7;
    font-size: 15px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.red {
    color: red;
}

.title-management {
    text-align: center;
    font-size: 45px;
    padding: 25px 0 40px 0;
    color: #58595b;
}

.herbsmore-matter {
    text-align: center;
    font-size: 15px;
    padding: 40px 0 40px 0;
    max-width: 840px;
    width: 100%;
    margin: auto;
}

.herbsmore-container {
    max-width: 1170px;
    margin: auto
}

.herbsmore-container-mid {
    max-width: 655px;
    margin: auto;
    text-align: center;
    padding: 30px 0;
}

.linetop {
    width: 100%;
    height: 1px;
    color: #79797b;
    background-color: #79797b;
}

.linetop-right {
    width: 100%;
    height: 1px;
    color: #79797b;
    background-color: #79797b;
    position: relative;
    right: 15px;
}

.icons {
    padding-bottom: 20px;
    padding-top: 10px;
}

.icon-matter {
    padding-bottom: 20px;
    font-size: 15px;
}

.herbsnmore-title {
    font-size: 28px;
}

.herbsnmore-product-matter {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 425px;
    margin: auto;
    margin-top: auto;
    margin-top: 55px;
}

.herbsnmore-link {
    padding: 30px 0;
}

.herbsnmore-link a {
    text-align: center;
    font-size: 15px;
    color: #58595b
}

.herbsnmore-link a:hover {
    color: #222222
}

.index-product-info-herbs {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 355px;
    margin: auto;
    padding: 25px 0;
    font-size: 15px;
}

.index-product-matter-herbs-professional {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    margin-top: auto;
    margin-top: 35px;
}

.naturamore-daily-product-matter {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 425px;
    margin: auto;
    margin-top: auto;
    margin-top: 110px;
}

.naturamore-functional-product-matter {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 425px;
    margin: auto;
    margin-top: auto;
    margin-top: 110px;
}

.best-brand img {
    width: 20%;
    margin-top: 15px;
}


.midpagecontainer {
    max-width: 820px;
    width: 100%;
    margin: auto;
}

.gallery-space {
    text-align: center;
    font-size: 17px;
    padding: 70px 0 0 0;
}

.product-title {
    text-align: center;
    font-size: 24px;
}

.small-title {
    text-align: center;
    font-size: 14px;
}

.search {
    border: 1px solid #969697;
    border-radius: 10px;
    padding: 3px;
    position: relative;
    top: 10px;
}

.searchfld {
    border: 1px solid #ffffff;
    border-right: 1px solid #000000;
    padding: 2px;
    width: 100px;
    margin-right: 10px;
}

.pt15 {
    padding-top: 15px;
}

.video-title {
    text-align: center;
    text-transform: uppercase;
    color: #59595c;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 5px solid #ffd646;
    max-width: 290px;
    width: 100%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 45px;
    letter-spacing: -1px;
}

.video-info {
    background-color: #535050;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0px;
    padding: 4px;
    font-size: 12px;
    width: 148px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: auto
}

.video-icon {
    margin: auto;
    text-align: center;
    width: 90%;
    margin-bottom: 30px;
}

.videotooltip-info {
    background-color: #535050;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0px;
    padding: 4px;
    font-size: 12px;
    width: 148px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: auto
}

.pagecontainer {
    max-width: 960px;
    width: 100%;
    margin: auto;
}

.tinypagecontainer {
    max-width: 400px;
    width: 100%;
    margin: auto;
}

.smallpagecontainer {
    max-width: 590px;
    width: 100%;
    margin: auto;
}

.club {
    margin: auto;
    text-align: center;
    margin-bottom: 60px;
}

.club-info {
    background-color: #535050;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0px;
    padding: 4px;
    font-size: 12px;
    width: 148px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: auto
}

.club-icon {
    margin: auto;
    text-align: center;
    width: 90%;
}

.club-left {
    text-align: left;
    margin-bottom: 0px;
    margin-top: 40px;
}

#back2Top {
    display: inline;
    text-align: right;
    position: absolute;
    right: 10px;
}

.gallery-title {
    font-weight: bold;
    padding: 50px 0 10px 0;
    font-size: 15px;
    text-transform: uppercase
}

.back {
    margin-top: 20px;
    text-align: center
}

.back a {
    color: #000000;
    font-weight: bold;
    text-align: center
}

.backlink {
    margin-top: 20px;
    margin-bottom: 20px;
}

.backlink a {
    color: #000000;
    font-weight: bold;
}

.dnbutton {
    margin-bottom: 30px;
    background-color: #000000;
    color: #FFFFFF;
    margin: auto;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 11px;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px 10px;
}

.accordion {
    width: 100%;
    display: block;
    padding: 3px;
    margin: 3px 0 3px 0;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    color: orange;
    font-weight: bold;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-image: url(../images/rarrow.png);
    background-repeat: no-repeat;
    background-position: right center
}

.accordion:hover {
    color: #999999;
    transition: all 0.5s linear;
}

.selected {}

.acclink a {
    color: #919191;
    text-decoration: none;
    line-height: 25px;
    background-image: url(../images/rarrow.jpg);
    background-repeat: no-repeat;
    background-position: -1px 8px;
    display: block;
    font-size: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.acclink a:hover {
    color: #000000;
    transition: all 0.3s linear;
    padding-left: 15px;
}

.smallcontainer {
    margin: auto;
    max-width: 100%;
    width: 800px;
}

.container800 {
    margin: auto;
    max-width: 100%;
    width: 800px;
}

.container1000 {
    margin: auto;
    max-width: 100%;
    width: 1000px;
}

.container1000manufactured {
    margin: auto;
    max-width: 100%;
    width: 1000px;
}

.textfild {
    border: 1px solid #cccccc;
    padding: 4px;
    width: 280px;
    margin: auto
}

.textfild-vt {
    border: 1px solid #cccccc;
    padding: 4px;
    width: 250px;
    margin: auto
}

.textfild-professional {
    border: 1px solid #cccccc;
    padding: 4px;
    width: 250px;
    margin: auto
}

.textfild-ayurveda {
    border: 1px solid #cccccc;
    padding: 4px;
    width: 250px;
    margin: auto
}

.textfild-agri {
    border: 1px solid #cccccc;
    padding: 4px;
    width: 250px;
    margin: auto
}

.textfild-color {
    border: 1px solid #cccccc;
    padding: 4px;
    width: 250px;
    margin: auto
}

.redirection-txtbox {
    margin: 30px 0 0px 0
}

.head {
    color: #000000;
    font-weight: bold;
}

.about-banner-1 {
    background-image: url("../images/about-banner1.jpg");
    background-repeat: no-repeat;
    max-width: 1169px;
    height: 429px;
    text-align: center;
    background-position: center center;
    margin-bottom: 20px;
}

.about-banner-2 {
    background-image: url("../images/about-banner2.jpg");
    background-repeat: no-repeat;
    max-width: 1169px;
    height: 429px;
    text-align: center;
    background-position: center center;
    margin-bottom: 20px;
}

.about-banner-3 {
    background-image: url("../images/about-banner3.jpg");
    background-repeat: no-repeat;
    max-width: 1169px;
    height: 429px;
    text-align: center;
    background-position: center center;
    margin-bottom: 20px;
}

.about-banner-4 {
    background-image: url("../images/about-banner4.jpg");
    background-repeat: no-repeat;
    max-width: 1169px;
    height: 429px;
    text-align: center;
    background-position: center center;
    margin-bottom: 20px;
}

.about-banner-5 {
    background-image: url("../images/about-banner5.jpg");
    background-repeat: no-repeat;
    max-width: 1169px;
    height: 429px;
    text-align: center;
    background-position: center center;
    margin-bottom: 20px;
}

.about-banner-6 {
    background-image: url("../images/about-banner6.jpg");
    background-repeat: no-repeat;
    max-width: 1169px;
    height: 481px;
    height: 429px;
    text-align: center;
    background-position: center center;
    margin-bottom: 20px;
}

.about-banner-7 {
    background-image: url("../images/about-banner7.jpg");
    background-repeat: no-repeat;
    max-width: 1169px;
    height: 429px;
    text-align: center;
    background-position: center center;
    margin-bottom: 20px;
}

.about-banner-8 {
    background-image: url("../images/about-banner8.jpg");
    background-repeat: no-repeat;
    max-width: 1169px;
    height: 429px;
    text-align: center;
    background-position: center center;
    margin-bottom: 20px;
}

.about-banner-9 {
    background-image: url("../images/about-banner9.jpg");
    background-repeat: no-repeat;
    max-width: 1169px;
    height: 429px;
    text-align: center;
    background-position: center center;
    margin-bottom: 20px;
}

.about-banner-10 {
    background-image: url("../images/about-banner10.jpg");
    background-repeat: no-repeat;
    max-width: 1169px;
    height: 429px;
    text-align: center;
    background-position: center center;
    margin-bottom: 20px;
}

.about-banner-text {
    text-align: center;
    font-size: 25px;
    color: #58595b
}

.about-banner-text1 {
    text-align: center;
    font-size: 25px;
    color: #58595b
}

.abt-mb90 {
    margin-bottom: 70px;
}

.clinically {
    position: absolute;
    margin-top: -12px;
    margin-left: 10px;
}

.jssorb05 {
    position: relative;
}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url('../images/b05.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
    margin-top: 550px;
    z-index: 9999;
}

.jssorb05 div {
    background-position: -7px -7px;
}

.jssorb05 div:hover,
.jssorb05 .av:hover {
    background-position: -37px -7px;
}

.jssorb05 .av {
    background-position: -67px -7px;
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
    background-position: -97px -7px;
}

.jssora22l,
.jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('img/a22.html') center center no-repeat;
    overflow: hidden;
}

.jssora22l {
    background-position: -10px -31px;
}

.jssora22r {
    background-position: -70px -31px;
}

.jssora22l:hover {
    background-position: -130px -31px;
}

.jssora22r:hover {
    background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
    background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
    background-position: -310px -31px;
}

/* ************************  slider ends here ************************* */
* {
    padding: 0px;
    margin: 0px;
}

a:hover {
    text-decoration: none;
}

body {
    color: #58595b;
}

body,
html {
    overflow-x: hidden;
}

@font-face {
    font-family: rbt;
    src: url(../fonts/Roboto-Bold.ttf)
}

.rbt {
    font-family: "rbt", verdana, helvetica, sans-serif;
}

@font-face {
    font-family: rr;
    src: url(../fonts/Roboto-Regular.ttf)
}

.rr {
    font-family: "rr", verdana, helvetica, sans-serif;
}

@font-face {
    font-family: rl;
    src: url(../fonts/Roboto-Light.ttf)
}

.rl {
    font-family: "rl", verdana, helvetica, sans-serif;
}

@font-face {
    font-family: rt;
    src: url(../fonts/Roboto-Thin.ttf)
}

.rt {
    font-family: "rt", verdana, helvetica, sans-serif;
}

@font-face {
    font-family: rbk;
    src: url(../fonts/Roboto-Black.ttf);
}

.rbk {
    font-family: "rbk", verdana, helvetica, sans-serif;
}

img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.clear {
    clear: both;
}

.clear-right {
    clear: right;
}

.clear-left {
    clear: left;
}

a,
a:active,
a:focus {
    outline: none;
}

.yellow {
    color: #ffd645;
}

.centerflag {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 10px;
}

.ml12 {
    margin-left: 12px;
}

.topgrey-bg {
    height: 0px;
    background-color: #666666;
}

.unisky-logo {
    padding: 10px 0 10px 0px;
    text-align: center;
}

.unisky-logo img {
    max-width: 261px;
    /* Reduced width */
}

.topsection {
    float: right;
    /*margin-right:21px;*/
    margin-top: -50px;
}

.user {
    display: inline;
    margin-right: 0px;
    margin-right: 37px;
}

.flag {
    display: inline;
}

.randeWidth {
    width: 333px;
}

.cart {
    margin-right: 5px;
    height: 21px;
    width: 24px;
    float: left;
    margin-right: 22px;
    margin-right: 34px;
}

.red-circle {
    height: 15px;
    width: 15px;
    background-color: #000000;
    padding: 3px 5px;
    border-radius: 15px;
    position: relative;
    top: 1px;
    left: 18px;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF
}

.userlogin-name {
    position: absolute;
    float: right;
    top: 38px;
    z-index: 1;
    right: 46px;
}

.userlang {
    position: absolute;
    float: right;
    top: 38px;
    z-index: 1;
    right: 46px;
}

.userlang a {
    color: #231f20;
    text-decoration: none;
}

.userloginname {
    display: inline;
    color: #58595b;
    font-weight: normal;
    position: absolute;
    padding-right: 20px;
    right: 85px;
    right: 0px;
}

.title-page {
    text-align: center;
    font-size: 18px;
}

/* Video Styles
---------------------------------*/
.video-container {
    position: relative;
    padding-bottom: 55.25%;
    margin: auto;
    text-align: center;
    /*padding-top:30px; */
    height: 0;
    overflow: hidden;
    /*margin:100px 0;*/
}

.video-container iframe,
.video-container object,
.video-container embed {
    /* padding-bottom: 20px; */
    top: 0;
    left: 0;
    width: 640px;
    height: 470px;
    /*border:20px solid #ffffff;
	box-shadow: 2px 1px 4px 34px #000000;*/
}

/* Nav Styles
---------------------------------*/
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}

.navbar {
    border: 0px solid #fff;
    min-height: 40px;
    margin-bottom: 0px;
    margin-top: -40px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #222;
}

.navStyle {
    float: right;
    margin-right: 20px;
}

.navStyle ul {
    list-style: none;
    padding: 0px;
}

.navStyle ul li {
    display: inline-block;
    margin: 0 5px;
}

.navStyle ul li:first-child {
    /*margin:0px;*/
}

.navStyle ul li:last-child {
    margin: 0 10px 0 0px;
}

.navStyle ul li a {
    display: block;
    font-size: 17px;
    color: #222222;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 100;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.navStyle ul li a:hover {
    color: #58595b;
}

.navStyle>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    color: #58595b;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #58595b;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #000000;
    background-color: transparent;
}

.navStyle>li.active>a,
.navStyle>li.active>a:hover {
    text-decoration: none;
    color: #df0031;
    background-color: transparent;
}

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

.borderTop {
    margin-top: 30px;
    border-top: 1px solid #DADADA;
}

.mrgTop {
    margin-top: 30px;
}

/* Index Styles
---------------------------------*/
.index-matter {
    text-align: center;
    font-size: 15px;
    padding: 40px 0 40px 0;
    max-width: 1020px;
    width: 100%;
    margin: auto;
}

.index-matter-mob {
    text-align: center;
    font-size: 15px;
    padding: 40px 0 40px 0;
    max-width: 1020px;
    width: 100%;
    margin: auto;
}

.aboutus-matter {
    text-align: center;
    font-size: 21px;
    padding: 40px 0 40px 0;
    max-width: 1020px;
    width: 100%;
    margin: auto;
}

.opp-matter {
    text-align: center;
    font-size: 15px;
    padding: 25px 0 40px 0;
}

.packs-matter {
    text-align: center;
    font-size: 15px;
    padding: 10px 0 0px 0;
    /*max-width:1020px;
	width:100%;
	margin:auto*/
}

.index-wrapper {
    margin: auto;
    max-width: 1020px;
    width: 100%;
}

.management-wrapper {
    margin: auto;
    max-width: 860px;
    width: 100%;
}

.space-nil {
    padding: 0px;
}

.mt50 {
    margin-top: 50px;
}

.management-matter {
    text-align: left;
    position: relative;
    vertical-align: middle;
    margin: auto;
    font-size: 15px;
    padding-top: 20px;
    padding-left: 20px;
}

.management-matter1 {
    text-align: left;
    position: relative;
    vertical-align: middle;
    margin: auto;
    font-size: 15px;
    padding-top: 20px;
    padding-right: 20px;
}

.management-matter {
    text-align: left;
    position: relative;
    vertical-align: middle;
    margin: auto;
    font-size: 12px;
    padding-top: 0px;
    padding-left: 20px;
}

.management-matter-right {
    text-align: left;
    position: relative;
    vertical-align: middle;
    margin: auto;
    font-size: 15px;
    padding-top: 20px;
    padding-left: 20px;
}

.index-product-matter {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    margin-top: 105px;
}

.index-product-matter-naturamore {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    margin-top: 110px;
}

.index-product-matter-clean {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    margin-top: 100px;
}

.index-product-matter-rangde {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    margin-top: 125px;
}

.management-info {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    padding: 32px 0;
    font-size: 15px;
}

.index-product-info {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    padding: 32px 0;
    font-size: 15px;
}

.index-product-info-bio {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    padding: 30px 0;
    font-size: 15px;
}

.index-product-display {
    margin: auto;
    text-align: center;
}

/* Aboutus Styles
---------------------------------*/
.aboutpage-txt {
    text-align: center;
    font-size: 15px;
    padding-bottom: 60px;
    max-width: 900px;
    width: 100%;
    margin: auto;
    line-height: 25px;
    padding-top: 0px;
}

.quote {
    position: relative;
    right: 10px;
    bottom: 8px;
}

.quote1 {
    position: relative;
    right: -9px;
    bottom: -8px;
}

.about-box-matter {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    margin-top: 140px;
}

.about-box-matter-redfine {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    margin-top: 180px;
}

.about-box-title {
    font-size: 18px;
    color: #58595b;
}

.philosophy-title {
    font-size: 18px;
    color: #58595b;
    position: relative;
    top: -10px;
}

.about-box-info {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    padding: 20px 0;
    font-size: 15px;
    color: #58595b;
}

.about-container {
    margin: auto;
    text-align: center;
    max-width: 1000px;
    width: 100%;
}

.about-reason-title {
    font-weight: bold;
    font-size: 17px;
    padding-top: 100px;
    padding-bottom: 30px;
    color: #e9c103;
}

/* Product Landing Styles
---------------------------------*/
.product-logo {
    margin: auto;
    text-align: center;
    margin-top: 30px;
}

.product-display-wrapper {
    margin: auto;
    max-width: 1003px;
    width: 100%;
    /*margin-top:12%;*/
}

.product-display-small-wrapper {
    margin: auto;
    max-width: 700px;
    width: 100%;
}

.product-info {
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
}

.productinfo {
    width: 323px;
    margin: auto;
    text-align: center;
    position: absolute;
    z-index: 1
}

.product-container {
    background-color: transparent;
    z-index: 99;
    display: block;
    height: 70px;
    margin: auto;
    width: 313px;
}

.product-shell {
    background-color: transparent;
    display: block;
    height: 155px;
    height: 160px;
    margin: auto;
    width: 313px;
}

.new-arrival {
    background-color: #415d2b;
    color: #ffffff;
    position: absolute;
    padding: 1px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 13px;
    margin-left: 10px;
}

.details {
    text-align: left;
    float: right;
    padding-left: 30px;
    padding-top: 15px;
}

.details a {
    text-decoration: none;
    color: #231f20;
    font-size: 13px;
}

.detailslink {
    text-align: right;
    float: right;
    padding-right: 30px;
    padding-top: 15px;
}

.detailslink a {
    text-decoration: none;
    color: #231f20;
    font-size: 13px;
}

.add {
    float: right;
    margin-top: 18px;
    position: relative;
    right: 35px;
}

.addproducts {
    display: inline;
    position: relative;
    top: -2px;
}

.text-box {
    display: inline;
    margin-left: 3px;
}

.txtbox {
    width: 28px;
    height: 28px;
    text-align: center
}

.add-to-cart {
    padding-top: 3px;
}

.add-to-cart a {
    color: #58595b;
    text-decoration: none;
    font-size: 12px;
}

.add-to-cart a:hover {
    color: #000000;
}

.about-product {
    text-align: center;
    /*margin-top:155px;*/
}

.about-product-info {
    text-align: left;
    width: 170px;
    float: right;
    padding-right: 20px;
    padding-top: 50px
        /*margin-top:155px;*/
}

.product-name {
    font-size: 21px;
    color: #58595b;
}

.product-rate {
    font-size: 19px;
    color: #58595b;
    padding-top: 0px;
    position: relative;
    top: -5px;
}

.display {
    position: relative;
    margin-bottom: 28px;
}

.displayimg {
    position: relative;
    margin-bottom: 50px;
}

.displayproducts {
    background-image: url(../images/390n.html);
    background-repeat: no-repeat;
    height: 323px;
    width: 323px;
    background-position: center center;
}

/* Product Info Styles
---------------------------------*/
.info-matter {
    text-align: center;
    font-size: 15px;
    max-width: 700px;
    width: 100%;
    margin: auto;
    padding: 40px 0 40px 0;
}

.key {
    text-align: center;
    font-weight: bold;
    padding: 30px 0 20px 0;
    font-size: 17px;
}

.pink {
    color: #ee2c66;
}

.ingredients {
    margin-bottom: 8px;
    margin-top: 8px;
}

.content-title {
    text-align: center;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #58595b;
}

.content-title p {
    font-size: 15px;
}

.product-page-footer-links {
    margin: 40px 0 0px 0;
}

.product-page-footer-links a {
    text-align: center;
    color: #58595b;
    text-decoration: none;
    padding: 0 5px;
    line-height: 30px;
    display: inline-block;
    width: 75px;
    font-size: 12px;
}

.product-page-footer-links a img {
    display: block;
    margin: auto;
}

.product-page-footer-links a:hover {
    color: #000000;
}

.accordion-multi-purpose {
    font-size: 36px;
    color: #369971;
}

.accordion-multi-purpose-faq {
    font-size: 36px;
    color: #1cb35c;
}

.sample-image {
    margin: auto;
    text-align: center;
    padding-top: 20px;
}

.note {
    padding-top: 20px;
}

.acc {
    font-weight: normal;
    padding-bottom: 15px;
    cursor: pointer;
    font-size: 15px;
    color: #000000;
    font-weight: bold;
    color: #333;
}

.black {
    color: #000000
}

/* Product Styles
---------------------------------*/
.product-wrapper {
    margin: auto;
    max-width: 782px;
    width: 100%;
}

.video-wrapper {
    margin: auto;
    max-width: 782px;
    width: 100%;
}

.catagory-title {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.products-logo {
    text-align: center;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.products-links {
    color: #58595b;
    text-align: center;
}

.products-links a {
    color: #58595b;
    text-align: center;
    text-decoration: none;
    color: #58595b;
    font-size: 15px;
}

.products-links a:hover {
    color: #000000;
}

.products-deskmt40 {
    margin-top: 40px;
}

/* Opportunity Styles
---------------------------------*/
.opportunity-wrapper {
    margin: auto;
    max-width: 782px;
    width: 100%;
}

.opportunity-accordion-wrapper {
    margin: auto;
    max-width: 1000px;
    width: 100%;
}

.pageslinks {
    padding-top: 25px;
    padding-bottom: 40px;
}

.pageslinks a {
    text-align: center;
    font-size: 17px;
    text-decoration: none;
    border-bottom: 3px solid #ffffff;
    padding: 0 20px;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
}

.pageslinks a:hover {
    text-decoration: none;
    color: #000000;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
    border-bottom: 3px solid #fcb817;
    color: #000000;
    border-bottom: 3px solid #fcb817;
    width: 80%;
    margin: auto;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
}

.pageslinks a.active {
    color: #000000;
    border-bottom: 3px solid #fcb817;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
}

.opprtunity-accordions {
    margin-top: 30px;
}

.tc-accordions {
    margin-top: 25px;
}

.packs-accordions {
    margin-top: 0px;
}

.bonusimage {
    margin: 10px 0;
}

.accordion-title {
    width: 100%;
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 45px;
    color: #666666;
    background-image: url("../images/down-arrow.png");
    background-repeat: no-repeat;
    background-position: 50% bottom;
    line-height: 65px;
}

.accordion-data {
    padding: 10px 10px;
    margin: 0 0 2px 0;
    color: #58595b;
    text-align: center;
    font-size: 15px;
}

.accordion-retail {
    font-size: 36px;
    color: #666666;
}

.accordion-nbo {
    font-size: 36px;
    color: #a47946;
}

.accordion-bp {
    font-size: 36px;
    color: #cda575;
}

.accordion-welcome {
    font-size: 36px;
    color: #5e3e98;
}

.accordion-business {
    font-size: 36px;
    color: #2359a8;
}

.accordion-retail-business {
    font-size: 48px;
    font-size: 36px;
    color: #939598;
}

.accordion-leadership-bonus {
    font-size: 36px;
    color: #3c2c7e;
}

.accordion-presidential-bonus {
    font-size: 36px;
    color: #273b93;
}

.accordion-clubunisky {
    font-size: 36px;
    color: #9987c0;
}

.accordion-fasttrack {
    font-size: 36px;
    color: #939598;
}

.accordion-terminologies {
    font-size: 36px;
    color: #76c043;
}

.accordion-enrolment {
    font-size: 36px;
    color: #66bc46;
}

.accordion-product-purchases {
    font-size: 36px;
    color: #657834;
}

.accordion-disbursement {
    font-size: 36px;
    color: #6dc289;
}

.accordion-global-policy {
    font-size: 36px;
    color: #92933e;
}

.accordion-299 {
    font-size: 36px;
    color: #007b9f;
}

.accordion-499 {
    font-size: 36px;
    color: #473426;
}

.accordion-799 {
    font-size: 36px;
    color: #934f40;
}

.concept-generation {
    padding-top: 100px;
}

.network-tree {
    padding-top: 70px;
}

.leadership-bonus {
    padding-top: 40px;
}

.presidential-bonus {
    padding-top: 60px;
}

.club-unisky {
    padding-top: 100px;
}

table.cycle_reference {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
}

table.cycle_reference tr:nth-child(2n+1) {
    background-color: #f2f2f3;
}

table.cycle_reference tr:nth-child(2n+0) {
    background-color: #f2f2f3;
}

table.cycle_reference th {
    background-color: #f2f2f3;
    color: #FFFFFF;
    font-size: 15px;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    height: 20px;
}

table.cycle_reference td {
    /*border: 1px solid #d7d7d7;*/
    font-size: 15px;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
}

.greyfade-bg {
    background-color: #f2f3f3;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.eight-ways {
    margin: auto;
    text-align: center;
}

/* Footer Styles
---------------------------------*/
.footer {
    background-color: #333333;
    height: auto;
    padding: 0px 0;
    margin-top: 40px;
}

.footergrey {
    background-color: #333333;
    height: auto;
}

.footer-wrapper {
    margin: auto;
    max-width: 950px;
    width: 100%;
    color: #FFFFFF
}

.footer-logo {
    margin: auto;
    text-align: center
}

.footer-links {
    padding-top: 20px;
}

.footer-links a {
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    display: block;
    line-height: 25px;
    padding: 2px 0 2px 0;
}

.footer-links a:hover {
    color: #CCCCCC
}

.icon-links {}

.icon-links a img {
    margin: 5px 5px 5px 0;
    margin: 5px 5px 4px 0;
}

.small-links {
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    padding: 15px 0;
}

.small-links a {
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 13px;
    padding: 20px 0;
    line-height: 28px;
}

.small-links a:hover {
    color: #CCCCCC
}

.space-nil1 {
    padding: 0px;
}

/* Member Styles
---------------------------------*/
.memberlogo {
    text-align: center;
    padding: 25px 0;
}

.memberlogo-mob {
    display: none;
}

.member-wrapper {
    margin: auto;
    max-width: 660px;
    width: 100%;
}

.member-icon-links {
    margin-top: 50px
}

.member-icon-links a img {
    margin: 5px 8px 8px 0;
}

.mamber-matter {
    text-align: center;
    font-size: 15px;
    padding: 20px 0 40px 0;
    max-width: 830px;
    width: 100%;
    margin: auto
}

.member-small-matter {
    text-align: center;
    font-size: 27px;
    padding: 40px 0 0px 0;
    max-width: 680px;
    width: 100%;
    margin: auto
}

.member-info {
    text-align: center;
    padding: 40px 0 0px 0;
    max-width: 750px;
    width: 100%;
    margin: auto;
    display: table;
}

.color-orange {
    color: #f15a22;
}

.happy {
    font-weight: normal;
    padding-top: 30px;
    font-size: 19px;
    color: #58595b
}

.member-photo {
    display: table-cell;
    width: 50%;
    text-align: right
}

.member-information {
    display: table-cell;
    vertical-align: bottom;
    padding-left: 20px
}

.member-name {
    font-size: 25px;
    text-align: left
}

.member-matter {
    font-size: 19px;
    text-align: left
}

.member-lable {
    display: inline;
}

.member-info-display {
    display: inline;
}

.grey-separator {
    margin: auto;
    width: 180px;
    height: 6px;
    background-color: #797a7c;
    margin-top: 58px;
}

/* Shoponline Styles
---------------------------------*/
.product-display-wrapper-shoponline {
    margin: auto;
    max-width: 1003px;
    width: 100%;
    margin-top: 40px;
}

.product-display-small-wrapper-shoponline {
    margin: auto;
    max-width: 700px;
    width: 100%;
    margin-top: 40px;
}

/* Login Styles
---------------------------------*/
.login-logo {
    margin: auto;
    text-align: center;
    margin: 9px 0 7px 0;
}

.unisky-login-title {
    text-align: center;
    font-size: 19px;
    color: #ffffff;
    background-color: #58585a;
    padding: 7px 0;
}

.login-container {
    max-width: 366px;
    width: 100%;
}

.logincontainer {
    width: 180px;
}

.logincontainerUser {
    width: 250px;
}

.login-title {
    text-align: left;
    font-size: 16px;
    color: #ffffff;
    background-color: #58585a;
    padding: 5px 20px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.loginlabel {
    width: 40%;
    float: left;
    padding: 12px 20px;
}

.loginbox {
    width: 50%;
    float: left;
    margin: 8px 12px;
}

.login-box {
    width: 100%;
    padding: 12px 10px;
}

.login-txtbox {
    border: 1px solid #58585a;
    padding: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 100%;
    margin: 10px 0;
}

.login-dropdown {
    border: 1px solid #58585a;
    padding: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 5px 0;
}

.button-login {
    float: right;
    margin-top: 15px;
    margin-right: 25px;
    margin-bottom: 30px;
}

.button-login a {
    color: #FFFFFF;
    background-color: #58585a;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    padding: 5px 15px;
}

.button-login a:hover {
    background-color: #000000;
}

.buttonlogin {
    margin-bottom: 20px;
    text-align: right;
    margin-right: 15px;
}

.buttonlogin a {
    color: #FFFFFF;
    background-color: #58585a;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    padding: 5px 15px;
}

.buttonlogin a:hover {
    background-color: #000000;
}

.togglediv {
    position: absolute;
    right: 14px;
    background-color: #f0f0f0;
    z-index: 1;
    margin-top: -25px;
    padding-bottom: 10px;
}

.toggledivUser {
    position: absolute;
    right: 14px;
    background-color: #f0f0f0;
    z-index: 1;
    margin-top: -55px;
    padding-bottom: 10px;
}

.buttonlogin1 {
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    margin: auto;
    width: 125px;
}

.buttonlogin1 a {
    color: #FFFFFF;
    background-color: #58585a;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    padding: 5px 15px;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 125px;
}

.buttonlogin1 a:hover {
    background-color: #000000;
}

.forgotcontainer {
    margin-top: 10px;
    margin-bottom: 10px;
}

.forgot-note {
    float: right;
    display: inline-block;
    text-align: right;
    padding-top: 15px;
    padding-right: 20px;
}

/* shoponline Styles
---------------------------------*/
.shipping-title {
    font-size: 17px;
    font-weight: normal;
    color: #58595b;
    padding-bottom: 20px;
    text-align: center;
}

.shipping-bt-left {
    display: inline;
}

.shipping-reg {
    display: inline;
}

.registered-shipping-details {
    max-width: 600px;
    width: 100%;
    margin: auto;
}

table.rsd {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
}

table.rsd tr:nth-child(2n+1) {
    background-color: #f2f2f3;
}

table.rsd tr:nth-child(2n+0) {
    background-color: #ffffff;
}

table.rsd th {
    background-color: #f2f2f3;
    color: #FFFFFF;
    font-size: 15px;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    height: 20px;
}

table.rsd td {
    /*border: 1px solid #d7d7d7;*/
    font-size: 15px;
    padding: 7px;
    text-align: left;
    vertical-align: middle;
}

table.sd {
    border-collapse: collapse;
    width: 100%;
    margin-top: 10px;
}

table.sd tr:nth-child(2n+1) {
    background-color: #f9f9f9;
}

table.sd tr:nth-child(2n+0) {
    background-color: #ffffff;
}

table.sd th {
    background-color: #f2f2f3;
    color: #FFFFFF;
    font-size: 15px;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    height: 20px;
}

table.sd td {
    /*border: 1px solid #d7d7d7;*/
    font-size: 15px;
    padding: 7px;
    text-align: left;
    vertical-align: middle;
}

.strong {
    font-weight: bold;
}

.shipment {
    margin: auto;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 35px;
}

.shipment a {
    border: 1px solid #58585a;
    padding: 5px 12px;
    text-decoration: none;
    text-align: center;
    border-radius: 10px;
    color: white;
}

.shipment a:hover {
    color: white;
}

table.orderconformation {
    border-collapse: collapse;
    width: 100%;
    margin-top: 20px;
}

table.orderconformation tr:nth-child(2n+1) {
    background-color: #FFFFFF;
}

table.orderconformation tr:nth-child(2n+0) {
    background-color: #f5f5f5;
}

table.orderconformation th {
    background-color: #f5f5f5;
    color: #FFFFFF;
    font-size: 15px;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
    color: #58595b;
    height: 20px;
}

table.orderconformation td {
    /*border: 1px solid #d7d7d7;*/
    font-size: 15px;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
    color: #58595b;
}

.promocode {
    padding-left: 20px;
}

.shoponline-user {
    background-color: #58585a;
    color: #FFFFFF;
    padding: 5px 10px;
    font-size: 17px;
    margin-top: 10px;
    margin-top: 4px;
    text-align: center;
}

.cart-details {
    background-color: #e6e7e8;
    color: #58585a;
    padding: 5px 10px;
    font-size: 17px;
    text-align: center;
}

.abt-cart {
    text-align: center;
    font-size: 15px;
    display: inline-block;
}

.grey-square {
    width: 18px;
    height: 18px;
    background-color: #6d6e71;
    text-align: center;
    color: #FFFFFF;
    display: inline-block;
    margin-top: 5px;
    margin-left: 5px;
}

.cartshell {
    height: 36px;
    text-align: center;
    margin: auto;
    font-size: 13px;
    padding-top: 5px;
}

.viewlist {
    padding-top: 0px;
}

.viewlist a {
    text-decoration: none;
    padding-top: 15px;
}

.viewlist a:hover {
    color: #000000;
}

.cart-wrapper-shoponline {
    margin: auto;
    max-width: 750px;
    width: 100%;
    margin-left: 215px;
}

table.pack {
    border-collapse: collapse;
    width: 100%;
    margin-top: 10px;
}

table.pack tr:nth-child(2n+1) {
    background-color: #f9f9f9;
}

table.pack tr:nth-child(2n+0) {
    background-color: #ffffff;
}

table.pack th {
    background-color: #f2f2f3;
    color: #FFFFFF;
    font-size: 15px;
    padding: 7px;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    height: 20px;
    border: 1px solid #d7d7d7;
}

table.pack td {
    border: 1px solid #d7d7d7;
    font-size: 15px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.table-tab {
    max-width: 500px;
    width: 100%;
    margin: auto;
}

table.shopcart {
    border-collapse: collapse;
    width: 100%;
    margin-top: 10px;
}

table.shopcart tr:nth-child(2n+1) {
    background-color: #ffffff;
}

table.shopcart tr:nth-child(2n+0) {
    background-color: #ffffff;
}

table.shopcart th {
    background-color: #f2f2f3;
    color: #FFFFFF;
    font-size: 15px;
    padding: 7px;
    text-align: left;
    vertical-align: middle;
    color: #000000;
    height: 20px;
    border: 1px solid #d7d7d7;
}

table.shopcart td {
    border: 1px solid #d7d7d7;
    font-size: 15px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.display20 {
    width: 20%
}

/* philisophy Styles
---------------------------------*/
.philisophy-matter {
    text-align: center;
    font-size: 22px;
    padding: 40px 0 40px 0;
    max-width: 850px;
    width: 100%;
    margin: auto;
}

.philosophy-box-matter {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 425px;
    margin: auto;
    margin-top: 100px;
}

.philosophy-box-matter-health {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 425px;
    margin: auto;
    margin-top: 120px;
}

.philosophy-box-matter-home {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 425px;
    margin: auto;
    margin-top: 70px;
}

.philosophy-box-matter-rangde {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 425px;
    margin: auto;
    margin-top: 80px;
}

.philosophy-box-info {
    text-align: center;
    position: relative;
    vertical-align: middle;
    width: 325px;
    margin: auto;
    padding: 20px 0;
    font-size: 15px;
    color: #58595b;
}

/* contactus Styles
---------------------------------*/
.contact-matter {
    text-align: center;
    font-size: 19px;
    padding: 40px 0 40px 0;
}

.payment-button {
    margin: 10px 0;
}

.payment-button a {
    background-color: #ffcb08;
    text-align: center;
    padding: 5px 40px;
}

.payment-button a:hover {
    color: #000000;
}

.total-amt {
    font-weight: bold;
    text-align: right;
    padding-top: 12px;
}

.payment-links {
    padding-bottom: 30px;
}

.payment-links a {
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    padding: 5px 30px;
}

.payment-links a:hover {
    color: #000000;
}

.addoption {
    float: right;
    font-weight: bold;
}

.addoption a {
    text-align: center;
    text-decoration: none;
    background-color: #58595b;
    padding: 5px 15px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
}

.addoption a:hover {
    background-color: #000000;
}

.logout {
    position: absolute;
    right: 20px;
    top: 10px;
    text-align: center;
    font-size: 12px;
}

.logout img {
    display: inline-block;
    margin: auto;
}

.logout a {
    display: block
}

.logout1 {
    position: absolute;
    right: 75px;
    top: 10px;
    text-align: center;
    font-size: 12px;
}


.logout1 img {
    display: inline-block;
    margin: auto;
}

.logout1 a {
    display: block
}

.logout-Mob-App {
    position: absolute;
    right: 15px;
    top: 30px;
    text-align: center;
    font-size: 12px;
}

.logout-Mob-App img {
    display: inline-block;
    margin: auto;
}

.logout-Mob-App a {
    display: block
}

.proceed {
    position: relative;
    right: 0px;
    top: 10px;
    float: right;
}

.proceed1 {
    position: relative;
    right: 0px;
    top: 15px;
    float: right;
}

/* ************* new code***************** */
.product-billing-display-wrapper-shoponline {
    margin: auto;
    max-width: 1170px;
    width: 100%;
    margin-top: 40px;
}

.address-shoponline-wrapper {
    width: 100%;
    border-right: 1px solid #58595b;
}

.address-shoponline {
    width: 90%;
}

.address-title {
    float: left;
    font-weight: bold;
    padding-bottom: 10px;
    font-size: 15px;
}

.address-edit {
    float: right;
}

.address-edit a {
    color: #58595b;
    text-decoration: none;
}

.address-radio {
    float: left;
    width: 5%
}

.address-box {
    float: left;
    margin-left: 10px;
    border: 1px solid #58595b;
    background-color: #f5f5f5;
    padding: 10px;
    text-align: left;
    width: 90%;
    margin-bottom: 20px;
    font-size: 15px;
}

table.order {
    border-collapse: collapse;
    border: 1px solid #dfe0e0;
    width: 100%;
    margin-top: 20px;
}

table.order tr:nth-child(2n+1) {
    background-color: #e6e7e8;
}

table.order tr:nth-child(2n+0) {
    background-color: #e6e7e8;
}

table.order th {
    border: 1px solid #dfe0e0;
    background-color: #ffffff;
    color: #FFFFFF;
    font-size: 15px;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
    color: #58595b;
    height: 20px;
}

table.order td {
    border: 1px solid #dfe0e0;
    font-size: 15px;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
    color: #58595b;
}

.product-name-shoponline {
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}

table.total {
    border-collapse: collapse;
    border: 1px solid #dfe0e0;
    width: 100%;
    margin-top: 20px;
}

table.total tr:nth-child(2n+1) {
    background-color: #e6e7e8;
}

table.total tr:nth-child(2n+0) {
    background-color: #e6e7e8;
}

table.total th {
    border: 1px solid #dfe0e0;
    background-color: #ffcb05;
    color: #FFFFFF;
    font-size: 15px;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
    color: #58595b;
    height: 20px;
}

table.total td {
    border: 1px solid #dfe0e0;
    font-size: 15px;
    padding: 2px 4px;
    text-align: left;
    vertical-align: middle;
    color: #58595b;
}







.yellow-patch-shoponline {
    text-align: center;
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    width: 120px;
    background-color: #ffcb05;
    margin: auto;
    float: left;
    height: 115px;
    margin-left: -15px;
    font-weight: bold;
}

.white-patch-shoponline {
    text-align: center;
    padding: 10px;
    background-color: #FFFFFF;
    width: 100px;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}

.shop-top-title {
    font-size: 15px;
    font-weight: bold;
    padding-top: 30px;
}

.shop-sub-title {
    font-size: 15px;
    font-weight: bold;
    padding-top: 20px;
}

.product-shoponline {
    text-align: left;
    font-weight: bold;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 15px;
    float: left;
    width: 70%
}

.cancel-button {
    float: right;
    width: 20%;
}

.cancel-button a {
    float: right;
    padding-top: 5px;
}

.cancel-button a:hover {
    color: #000000;
}

.proceed-btn {
    font-weight: bold;
    margin: auto;
    text-align: center;
}

.proceed-btn a {
    text-align: center;
    text-decoration: none;
    background-color: #58595b;
    padding: 5px 15px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
}

.proceed-btn a:hover {
    background-color: #000000;
}

.address-box1 {
    float: left;
    margin-left: 10px;
    border: 1px solid #58595b;
    background-color: #f5f5f5;
    padding: 10px;
    text-align: left;
    width: 90%;
    margin-bottom: 20px;
    font-size: 15px;
}

.address-box1 img {
    margin-right: 10px;
    vertical-align: middle
}

.shippingaddress {
    margin-top: 0px;
    margin-bottom: 20px;
}

.shippingaddress a {
    background-color: #58595b;
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    padding: 5px 15px;
    font-weight: bold;
    width: 95%;
    display: block;
    text-align: center
}

.shippingaddress a:hover {
    background-color: #000000;
}

.add-new-address {
    margin-top: 0px;
    margin-bottom: 20px;
}

.add-new-address a {
    background-color: #58595b;
    color: #FFFFFF;
    font-size: 13px;
    text-decoration: none;
    padding: 5px 15px;
    font-weight: bold;
    width: 100%;
    display: block;
    text-align: center
}

.add-new-address a:hover {
    background-color: #000000;
}

.slider {
    width: 95%;
}

.slider1 {
    width: 95%;
    display: block;
}

.yellow-patch-myorder {
    text-align: center;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    width: 120px;
    background-color: #ffcb05;
    margin: auto;
    float: left;
    height: 115px;
    margin-left: -15px;
    font-weight: bold;
}



.acc-btn {
    width: 100%;
    text-align: center;
    text-decoration: none;
    background-color: #58595b;
    padding: 5px 15px;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    display: block;
    margin-top: 10px;
}

.acc-btn:hover {
    color: #ffffff;
    background-color: #000000
}

.data,
.mat {}

.selected11 {
    color: #ffffff;
    background-color: #000000
}

.proceedtopayment {
    position: relative;
    max-width: 313px;
    width: 100%;
    margin: auto;
    z-index: 10
}

.proceedtopayment1 {
    display: block;
    max-width: 313px;
    width: 100%;
    height: 18px;
    margin: auto;
    background-color: Green;
    position: absolute;
    top: 310px;
    font-size: 12px;
    z-index: 9;
    color: #ffffff;
}

.matter-member {
    font-size: 19px;
}

.matter-member-small {
    font-size: 17px;
}

.m-pt20 {
    margin-top: 30px;
}



.banner-downloads {
    margin: auto;
}

.title-downloads {
    font-size: 18px;
    color: #58595b;
    text-align: center;
    padding: 22px 0;
}

.grey-download {
    background-color: #e6e7e8;
    display: block;
}

.download-icon {
    margin: auto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.download-link {
    text-align: center;
    padding: 15px 0;
}

.download-link a {
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
}

.download-link a:hover {
    text-align: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}


.autoship-edit-title {
    text-align: center;
}

.autoship-edit-info {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
}

.page-title {
    text-align: center;
    margin: 20px 0;
    font-weight: normal;
    font-size: 20px;
    color: #59585b;
}

.shopping {
    margin-bottom: 30px;
}

/*.autoship-edit-title {
    font-size: 15px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center
}
.autoship-edit-titleI {
    font-size: 15px;
    font-weight: bold;
    text-align: center
}*/

/*.autoship-edit-info {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center
}
.autoship-edit-info-r {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center
}

.autoship-edit-info-l {
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

.autoship-edit-title-r {
    font-size: 15px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
    
}

.autoship-edit-title-l {
    font-size: 15px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
   
}*/



.remove-button {
    float: right;
}

.remove-button a {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 15px;
}

.remove-button a:hover {
    color: #000000;
}

.autoship-shoponline {
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    float: left
}

.location-logo {
    float: left;
    margin: 20px;
}

.location-matter {
    font-size: 15px;
    padding: 15px;
}

.separation-line {
    color: #cccccc;
    background-color: #cccccc;
    height: 1px;
    border: none;
    margin: 1px 0;
}

.locator {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
}

.locator a {
    text-align: center;
    text-decoration: none;
    background-color: #58585a;
    padding: 9px 15px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    display: block;
    height: 38px;
}

.locator a:hover {
    background-color: #000000;
}

.locator-info {
    font-size: 15px;
    padding-top: 10px;
}

.map {
    width: 100%;
}

.locatorimage {
    background-image: url(../images/cityimage.jpg);
    background-repeat: no-repeat;
    background-position: top top;
    background-attachment: fixed;
    background-size: 100% 100%;
}

.customerno {
    font-size: 17px;
    font-weight: bold;
    color: #ffd645;
}

.advisory-matter {
    padding-left: 30px;
}

.separation-advisory {
    width: 127px;
    height: 17px;
    background-color: #ffd546;
    margin: 60px 0 100px 0
}

.separation-advisory1 {
    width: 127px;
    height: 17px;
    background-color: #ffd546;
    margin: 60px 0 100px 0;
    margin: auto
}

.aboard {
    text-align: left;
}

.managementteam {
    text-align: center;
}

.spacer {
    padding: 40px 0;
}

.catagorydiv {
    text-align: center;
    font-size: 38px;
    padding: 0 0 30px 0;
    text-transform: capitalize
}

.col-green {
    color: #008c44;
}

.col-pink {
    color: #d60080;
}

.col-brown {
    color: #a25723;
}


.catagoriesShop {
    text-align: center;
    margin-bottom: 5px;
    display: block;
}

.catagoriesShop a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    line-height: 33px;
    font-weight: normal;
    color: #666666;
    padding: 0 20px;
    transition: all linear 0.3s
}

.catagoriesShop a:hover {
    color: #008c44;
    transition: all linear 0.3s
}

.catagoriesShop a.active {
    color: #008c44;
}



.catagories {
    text-align: center;
    margin-bottom: 5px;
    display: inline-block;
}

.catagories a {
    display: inline;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    line-height: 33px;
    font-weight: normal;
    color: #666666;
    padding: 0 20px;
    transition: all linear 0.3s
}

.catagories a:hover {
    color: #008c44;
    transition: all linear 0.3s
}

.catagories a.active {
    color: #008c44;
}

.catagories-p {
    text-align: center;
    margin-bottom: 5px;
    display: inline-block;
}

.catagories-p a {
    display: inline;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    line-height: 33px;
    font-weight: normal;
    color: #666666;
    padding: 0 20px;
    transition: all linear 0.3s
}

.catagories-p a:hover {
    color: #d60080;
    transition: all linear 0.3s
}

.catagories-p a.active {
    color: #d60080;
}

.catagories-a {
    text-align: center;
    margin-bottom: 5px;
    display: inline-block;
}

.catagories-a a {
    display: inline;
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    line-height: 33px;
    font-weight: normal;
    color: #666666;
    padding: 0 20px;
    transition: all linear 0.3s
}

.catagories-a a:hover {
    color: #a25723;
    transition: all linear 0.3s
}

.catagories-a a.active {
    color: #a25723;
}

.col-pink-grey {
    color: #666666;
}

.catagories a span>.col-pink-grey:hover {
    color: #d60080;
}

#second-menu-navi #tab-1 a.active,
#second-menu-navi #tab-1 a.hover {
    background-color: red;
}

#tab-2 a.active,
#tab-2 a.hover {
    background-color: pink;
}

#tab-3 a.active,
#tab-3 a.hover {
    background-color: orange;
}

#tab-4 a.active,
#tab-4 a.hover {
    background-color: #969B15;
}

#tab-5 a.active,
#tab-5 a.hover {
    background-color: #9B2B15;
}

#tab-6 a.active,
#tab-6 a.hover {
    background-color: #9B1574;
}

#tab-7 a.active,
#tab-7 a.hover {
    background-color: #70159B;
}

.mb20 {
    margin-bottom: 20px;
}

.mb50 {
    margin-bottom: 30px;
    margin-top: 0px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb30 {
    margin-bottom: 30px;
}

.view {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.view a {
    text-align: center;
    text-decoration: none;
    background-color: #d1d2d5;
    color: #FFFFFF;
    padding: 20px 20px;
    font-size: 21px;
}

.view a:hover {
    background-color: #a37946;
}

.ways {
    padding-bottom: 60px;
    text-align: center;
    width: 94%;
    margin: auto
}

.ways a {
    background-color: #d1d2d5;
    color: #FFFFFF;
    width: 31%;
    display: inline;
    padding: 20px 20px;
    font-size: 24px;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin: 1px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    transition: all 0.2s linear;
}

.ways a:hover {
    background-color: #58595b;
    transition: all 0.2s linear;
}

.ways a.active {
    background-color: #58595b;
}

.slideimage {
    margin: auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px;
}

.pagelinks {
    text-align: center;
    padding-top: 40px;
}

.pagelinks a {
    text-align: center;
    font-size: 17px;
    text-decoration: none;
    border-bottom: 3px solid #ffffff;
    padding: 0 20px;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
}

.pagelinks a:hover {
    color: #000000;
    border-bottom: 3px solid #fcb817;
    width: 80%;
    margin: auto;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
}

.pagelinks a.active {
    color: #000000;
    border-bottom: 3px solid #fcb817;
    margin: auto;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
}

.whitebg {
    /*	background-image:url(../images/white-bg.jpg);
	background-repeat:no-repeat;*/
    height: 317px;
    width: 317px;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(214, 214, 214, 1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(214, 214, 214, 1);
    box-shadow: 0px 0px 4px 1px rgba(214, 214, 214, 1);
}

.whitebg-Rangde {
    /*	background-image:url(../images/white-bg.jpg);
	background-repeat:no-repeat;*/
    height: 395px;
    width: 317px;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(214, 214, 214, 1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(214, 214, 214, 1);
    box-shadow: 0px 0px 4px 1px rgba(214, 214, 214, 1);
}

.product-left {
    float: left;
    width: 140px;
    padding-top: 20px;
    vertical-align: middle;
    display: table-cell;
}

.product-top {
    width: 300px;
    padding-top: 20px;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    height: 180px;
}

.product-top-Rangde {
    width: 300px;
    padding-top: 20px;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    height: 160px;
}

.catagory {
    padding-left: 20px;
    padding-bottom: 15px;
    font-weight: bold;
    font-size: 15px;
}

.product-right {
    float: right;
    width: 170px;
}

.product-bottom-left {
    float: left;
    width: 220px;
}

.spaceing {
    height: 190px;
}

.spaceing-prof {
    height: 185px;
}

.spaceing-professional {
    height: 170px;
}

.spaceing-vt {
    height: 170px;
}

.product-information {
    font-size: 21px;
    font-size: 18px;
    text-align: left;
    margin-top: 75px;
    padding-right: 15px;
    /*height:100%;
	min-height:65px;*/
}

.product-information-prof {
    font-size: 21px;
    font-size: 15px;
    text-align: left;
    margin-top: 20px;
    padding-right: 15px;
    /*height:100%;
	min-height:65px;*/
}

.product-information-prof-Rangde {
    font-size: 21px;
    font-size: 18px;
    text-align: center;
    margin-top: 20px;
    /*height:100%;
	min-height:65px;*/
}

.product-information-Professional {
    font-size: 21px;
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
    padding-right: 15px;
    /*height:100%;
	min-height:65px;*/
}

.product-information-rangde {
    font-size: 21px;
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
    padding-left: 15px;
    /*height:100%;
	min-height:65px;*/
}

.product-information-rangde-sub {
    font-size: 21px;
    font-size: 18px;
    text-align: left;
    padding-left: 15px;
    /*height:100%;
	min-height:65px;*/
}

.product-information-professional1 {
    font-size: 21px;
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
    padding-right: 15px;
    /*height:100%;
	min-height:65px;*/
}

.product-information-vt {
    font-size: 21px;
    font-size: 18px;
    text-align: left;
    margin-top: 15px;
    padding-right: 15px;
    /*height:100%;
	min-height:65px;*/
}

.sku {
    font-size: 16px;
    color: #58595b;
    text-align: left;
    font-weight: bold;
    margin-left: -65px;
    margin-top: -35px;
}

.sku-new {
    font-size: 15px;
    color: #58595b;
    text-align: center;
    font-weight: bold;
    padding-bottom: 10px;
}

.product-gramege {
    font-size: 15px;
    height: 50px;
}

.product-gramege_Rangde {
    font-size: 15px;
    height: 50px;
    text-align: center;
    margin-top: 5px;
}

.product-Price-new {
    font-size: 18px;
    padding-top: 0px;
    color: #58595b;
    text-align: left;
}

.product-Price-Rangde {
    font-size: 18px;
    padding-top: 0px;
    color: #58595b;
    text-align: center;
}

.product-gramege-new {
    font-size: 18px;
    padding-top: 35px;
    color: #58595b;
    text-align: left;
}


.product-price-naturamore {
    font-size: 16px;
    color: #58595b;
    height: 50px;
    padding-top: 25px;
}

.inctaxes {
    font-size: 12px;
    color: #58595b;
    text-align: left;
}

.inctaxes-Rangde {
    font-size: 12px;
    color: #58595b;
    text-align: center;
}

.product-Price {
    font-size: 17px;
    padding-top: 15px;
    color: #58595b;
    text-align: left;
}

@font-face {
    font-family: rcr;
    src: url(../fonts/RobotoCondensed-Regular.ttf);
}

.rcr {
    font-family: "rcr", verdana, helvetica, sans-serif;
}

.product-gramege-rangde {
    font-size: 17px;
    height: 50px;
    padding-top: 4px;
    padding-left: 95px;
}

.adtxt {
    border: 1px solid #58585a;
    display: inline;
    margin-left: 3px;
    width: 28px;
    height: 28px;
    text-align: center
}

.image-top {
    position: absolute;
    z-index: 2;
    width: 323px;
    height: 323px;
    margin: auto;
    margin-left: auto;
    text-align: center;
    width: 70%;
    margin-left: 22%;
}

.detail {
    float: right;
    margin-top: 18px;
    position: relative;
    right: 20px;
}

.detail a {
    text-decoration: none;
    color: #231f20;
    font-size: 13px;
}

.detail a:hover {
    color: #000000;
}

.productname {
    font-size: 21px;
    color: #58595b;
    line-height: 24px;
    width: 150px;
    margin-right: 25px;
    float: right;
    background-color: #CCFF66
}

.productrate {
    font-size: 19px;
    color: #58595b;
    padding-top: 0px;
    position: relative;
    top: 5px;
}

.center {
    left: 50%;
    bottom: 5px;
}

.addcart {
    float: right;
    margin-top: 10px;
    position: relative;
    right: 21px;
    margin-bottom: -10px;
}

.addcartRangde {
    float: right;
    margin-top: 30px;
    position: relative;
    right: 95px;
    margin-bottom: -21px;
}

.addcart-inner {
    margin-top: 18px;
    position: relative;
    top: 15px;
    padding-bottom: 10px;
    margin-top: 0px;
    position: relative;
    top: 0px;
}

.location-title {
    font-size: 17px;
    font-weight: bold;
}

.contact-yellow-box {
    width: 190px;
    background-color: #ffd645;
    padding: 3px 4px;
    margin: 4px 0;
    font-size: 16px;
    font-weight: bold;
}

.address {
    font-size: 15px;
}

.spacetop50 {
    margin-top: 50px;
}

.shaoplinks {
    text-align: center;
    padding-top: 10px;
}

.shaoplinks a {
    text-align: center;
    font-size: 17px;
    text-decoration: none;
    border-bottom: 3px solid #ffffff;
    padding: 0 20px;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
}

.shaoplinks a:hover {
    color: #000000;
    border-bottom: 3px solid #fcb817;
    width: 80%;
    margin: auto;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
    cursor: pointer;
}

.shaoplinks a.active {
    color: #000000;
    border-bottom: 3px solid #fcb817;
    margin: auto;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
}

.shaoplinks a.sel {
    color: #000000;
    border-bottom: 3px solid #fcb817;
    margin: auto;
    padding: 0px 30px 10px 30px;
    transition: all 0.2s linear;
}


.shopdn {
    display: none
}

.shopdnshop {
    display: none
}

/* The Modal (background) */
.textfld-login {
    border: 1px solid #d5d5d6;
    padding: 6px;
    width: 99%;
    text-align: left;
    transition: all 0.2s linear;
    margin-bottom: 20px;
}

.submit {
    text-align: center;
    margin-top: 30px;
}

.submit a {
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    background-color: #58595b;
    text-transform: capitalize;
    padding: 6px 20px;
    font-size: 14px;
    border-radius: 8px;
    transition: all linear 0.3s;
    font-weight: bold;
}

.submit a:hover {
    background-color: #000000;
}

.shopping {
    text-align: center;
    margin-top: 10px;
}

.shopping a {
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    background-color: #58595b;
    text-transform: capitalize;
    padding: 6px 20px;
    font-size: 14px;
    border-radius: 8px;
    transition: all linear 0.3s;
    font-weight: bold;
    margin-bottom: 20px;
}

.shopping a:hover {
    background-color: #000000;
}


/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
}

.log-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    max-width: 310px;
    margin-top: 60px;
}

.guest-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    margin-top: 110px;
    max-width: 540px;
}

.cart-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 975px;
    height: 645px;
    overflow: auto;
    margin-top: 110px;
}

/* The Close Button */
.close,
.band {
    color: #000000;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    top: -10px;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.closeme {
    color: #000000;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    top: -20px;
}

.closeme:hover,
.closeme:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.geo-close-btn {
    text-align: center;
    margin-top: 5px;
    margin: auto;
    float: right;
}

.geo-close-btn a {
    background-color: #000000;
    padding: 10px 20px;
    color: #ffffff;
}

.geo-close-btn a:hover {
    background-color: #000000;
    padding: 10px 20px;
    color: #ffffff;
}

.alert {
    color: red;
}

.promo {
    text-align: center;
    padding: 20px 0 0 0;
}

.closeIndex {
    color: #ffffff;
    float: right;
    font-size: 50px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    top: -60px;
    padding-right: 10px;
}

.closePincode {
    color: #ffffff;
    float: right;
    font-size: 50px;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    top: -10px;
    padding-right: 0px;
}

.shop-added {
    font-size: 14px;
    padding: 2px 8px;
    position: absolute;
    top: 293px;
    background-color: #E6E7E8
}

.guest-txt {
    padding: 20px 20px 10px 20px;
    font-weight: bold
}

.scheme {
    text-align: center;
}

.txtfld {
    border: 1px solid #cccccc;
    padding: 3px 4px;
    margin: 0px 0 10px 0;
    text-align: center
}

/* ******************* new css ******************* */

.about-bracket {
    background-image: url("../images/about-bracket.jpg");
    width: 369px;
    height: 434px;
    margin: auto;
    text-align: center;
}

.about-visual {
    padding-top: 25px;
}

.about-matter {
    height: 225px;
    position: relative;
    font-size: 21px;
    top: 16%;
}

.about-matter-small {
    height: 225px;
    position: relative;
    font-size: 21px;
    top: 10%;
}

.abt-space {
    margin-left: -15px;
    margin-right: -25px;
}

.no-product-spacer {
    margin: 10px 0
}

.bg-lightgrey {
    background-color: #f2f2f2;
    padding-top: 90px;
}

.container-1050 {
    max-width: 1050px;
    margin: auto;
    text-align: center;
}

.container-750 {
    max-width: 730px;
    margin: auto;
    text-align: center;
}

.abt-icon {
    padding: 0px 0 50px 0;
}

.line-spacer {
    border-right: 1px dotted #58595b;
}

.abt-icon-matter {
    font-size: 21px;
}

.abt-spacer {
    margin-top: 140px;
    padding-bottom: 100px;
}

.network {
    text-align: center;
    color: #ffffff;
    margin-bottom: 20px;
}

.network a {
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    background-color: #787878;
    padding: 5px 30px;
    transition: linear all 0.2s
}

.network a:hover {
    background-color: #333333;
    transition: linear all 0.2s;
}

.shoponline-head {
    position: fixed;
    width: 100%;
    margin: auto;
    background-color: #ffffff;
    z-index: 999999999
}

.Autoship-head {
    width: 61%;
    margin: auto;
    background-color: #ffffff;
    z-index: 999999999;
    padding-top: 15px;
}

.shopspace {
    margin-top: -45px;
}


.cartimg {
    margin-right: 5px;
    background-image: url("../images/cart.png");
    background-repeat: no-repeat;
    height: 21px;
    width: 30px;
    float: right;
    color: red;
    font-weight: bold;
    text-align: center;
    position: relative;
    right: 105px;
}



.cart {
    height: 21px;
    width: 24px;
    float: left;
}

.userlogin {
    padding: 3px;
    position: relative;
    top: 30px;
    text-align: right;
    width: 555px;
    right: -88px;
}

.user {
    display: inline;
    margin-right: 0px;
    margin-right: 4px;
    float: right;
}

@media (max-width:1024px) {
    .cart-wrapper-shoponline {
        margin: auto;
        margin-left: 110px;
    }
}

@media (max-width:768px) {




    .main-image {
        position: relative;
        text-align: center;
        overflow: hidden;
        margin: 0 0 15px 0;
    }

    .main-image div iframe {
        max-width: 100%
    }

    .direction-writeup-text {
        padding: 30px 30px 30px 30px;
        display: table-cell;
        vertical-align: middle;
        height: auto;
    }


    .matter {
        font-size: 15px;
        font-weight: 300;
    }

    .sub-image div {
        float: left;
        margin: 0 15px 0 0;
        cursor: pointer;
        text-align: center;
        width: auto;
    }

    .sub-image div {}

    .diectionuse {
        margin-top: 0px;
        margin-bottom: 15px;
    }


    .width33 {
        width: 32.33%;
        display: inline-block;
        vertical-align: top;
        padding: 0 15px;
    }

    .width25 {
        width: 49%;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 10px;
    }

    .helps-to li {
        font-size: 14px;
    }

    .ifra {
        width: 100%;
        height: auto;
    }

    .deep-gray-container-video {
        padding: 15px 0 25px 0
    }

    .productname-mobile {
        display: block;
        font-size: 18px;
        padding-bottom: 15px;
        padding-top: 0px;
    }

    .newnameproduct {
        font-size: 26px;
        line-height: 1.2;
        color: #222222;
        padding-bottom: 15px;
        display: none
    }

    .txt-product-page-sku {
        font-size: 15px;
        padding-top: 15px;
    }

    .mobprice {
        display: block
    }

    .contents {
        padding: 10px 15px;
        font-size: 16px;
        text-align: left;
        margin: 10px -15px 10px -15px;
        background-color: #e6e6e6;
        border: transparent;
        font-weight: 600;
    }

    .productpage-matter p {
        font-size: 14px;
    }

    .container-logos {
        background-color: #F0F0F0;
        padding: 10px 0;
        margin: 20px 0 40px 0
    }

    .spacer {
        margin-left: -10px;
        margin-right: -10px;
    }

    .container-logos img {
        margin-right: 15px;
        max-width: 100%;
    }

    .deep-gray-container {
        padding: 15px 0
    }

    .section-title {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .section-title-deep-green {
        font-size: 16px;
        padding-bottom: 25px;
    }

    .helps {
        text-align: left;
        font-size: 14px;
        padding-bottom: 10px;
        margin-bottom: 25px;
    }

    .helps-icon {
        padding-bottom: 10px;
        margin-bottom: 10px;
        float: left;
    }

    .helps-txt {
        padding-bottom: 15px;
    }

    .product-enriched-items {
        font-size: 14px;
    }

    .product-enriched-text {
        font-size: 14px;
        padding-top: 3px;
        padding-bottom: 25px;
    }

    .ani {
        width: auto;
        margin: auto;
        text-align: center
    }

    .direction-title-deep-green {
        font-size: 16px;
        padding-bottom: 15px;
    }

    .direction-writeup {
        padding: 0 10px 0 10px;
        font-size: 14px;
    }

    .animation-container,
    .whynat {
        margin-left: 15px;
        margin-right: 15px;
    }

    .manufacturer-information {
        font-size: 14px;
    }

    .colorgrey {
        padding: 20px 15px 40px 15px;
    }

    .matter-why {
        font-size: 14px;
    }

    .blackcolorpatch {
        min-height: auto;
        font-size: 14px;
        margin-bottom: 15px;
    }

    .punchline {
        font-size: 16px;
    }







    .videosort {
        text-align: center;
        margin-top: 10px;
    }

    .testimonylinks {
        padding: 15px 0 0px 0;
        text-align: center;
    }

    .Autoship-head {
        width: 95%;
        margin: auto;
        background-color: #ffffff;
        z-index: 999999999
    }

    .club-unisky {
        color: #e9c103;
    }

    .closeIndex {
        color: #ffffff;
        float: right;
        font-size: 40px;
        font-weight: bold;
        cursor: pointer;
        position: relative;
        top: -35px;
        padding-right: 10px;
    }

    .management-matter {
        font-size: 14px;
        padding-top: 0px;
        padding-left: 11px;
    }

    .management-matter1 {
        font-size: 14px;
        padding-top: 0px;
        padding-right: 0px;
    }

    .management-matter-right {
        font-size: 14px;
        padding-top: 0px;
        padding-left: 11px;
    }

    .drpshopheader {
        margin-top: 140px;
    }

    .mb50 {
        margin-bottom: 25px;
        margin-top: 0px;
    }

    .modalSchemeNew {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 1;
        /* Sit on top */
        padding-top: 150px;
        /* Location of the box */
        left: 0;
        top: 0;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: rgb(0, 0, 0);
        /* Fallback color */
        background-color: rgba(0, 0, 0, 0.4);
        /* Black w/ opacity */
    }

    .hr {
        border: 1px solid black;
    }

    .geo-txtfld {
        padding: 15px;
        border: none;
        width: 225px;
        padding-right: 50px;
    }

    /*.modalLogin {
        display: none;*/
    /* Hidden by default */
    /*position: fixed;*/
    /* Stay in place */
    /*z-index: 1;*/
    /* Sit on top */
    /*padding-top: 135px;*/
    /* Location of the box */
    /*left: 0;
        top: 0;
        width: 100%;*/
    /* Full width */
    /*height: 100%;*/
    /* Full height */
    /*overflow: auto;*/
    /* Enable scroll if needed */
    /*background-color: rgb(0,0,0);*/
    /* Fallback color */
    /*background-color: rgba(0,0,0,0.4);*/
    /* Black w/ opacity */
    /*}*/


    .catagories {
        text-align: center;
        margin-bottom: 5px;
        display: inline-block;
    }

    .catagories a {
        display: inline;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        line-height: 33px;
        font-weight: normal;
        color: #666666;
        padding: 0 15px;
        transition: all linear 0.3s
    }

    .catagories a:hover {
        color: #008c44;
        transition: all linear 0.3s
    }

    .catagories a.active {
        color: #008c44;
    }

    .catagories-p {
        text-align: center;
        margin-bottom: 5px;
        display: inline-block;
    }

    .catagories-p a {
        display: inline;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        line-height: 33px;
        font-weight: normal;
        color: #666666;
        padding: 0 15px;
        transition: all linear 0.3s
    }

    .catagories-p a:hover {
        color: #d60080;
        transition: all linear 0.3s
    }

    .catagories-p a.active {
        color: #d60080;
    }

    .catagories-a {
        text-align: center;
        margin-bottom: 5px;
        display: inline-block;
    }

    .catagories-a a {
        display: inline;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        line-height: 33px;
        font-weight: normal;
        color: #666666;
        padding: 0 15px;
        transition: all linear 0.3s
    }

    .catagories-a a:hover {
        color: #a25723;
        transition: all linear 0.3s
    }

    .catagories-a a.active {
        color: #a25723;
    }


    .welcometxt {
        text-align: center;
        font-size: 24px;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .geo-add-to-cart {
        padding-top: 10px;
    }

    .geo-grey-bg {
        background-color: #58595b;
        min-height: 84px;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 60px;
    }

    .geo-matter {
        font-size: 14px;
    }



    .geo-greydark-bg {
        background-color: #58595b;
        min-height: 250px;
        padding-top: 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .geo-greyfade-bg {
        background-color: #f2f2f2;
        min-height: 250px;
        padding-top: 30px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .geo-welcome {
        padding-top: 20px;
        padding-bottom: 15px;
        font-size: 18px;
        color: #000000;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center
    }

    .geo-shop {
        padding-top: 15px;
        font-size: 28px;
        color: #000000;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }

    .geo-white {
        color: #ffffff;
    }

    .geo-search-new {
        margin-top: 20px;
        text-align: left;
        margin-left: 0px;
        background-color: #ffffff;
        height: 50px;
        display: block;
        position: relative;
        top: -3px;
        width: 300px;
    }

    .geo-info {
        color: #ffffff;
        text-align: left;
        margin-left: 62px;
        font-size: 14px;
    }


    .product-display-wrapper {
        margin: auto;
        max-width: 1003px;
        width: 100%;
        /*margin-top: 25%;*/
    }

    .user {
        display: inline;
        margin-right: 30px;
        margin-right: 1px;
        margin-right: 3px;
    }


    .userlogin {
        padding: 3px;
        position: relative;
        top: 30px;
        text-align: right;
        right: -45px;
    }

    .about-bracket {
        background-image: url("../images/about-bracket-mobile.jpg");
        width: 300px;
        height: 275px;
        margin: auto;
        text-align: center;
    }

    .about-matter {
        font-size: 16px;
        top: 10%;
    }

    .about-matter-small {
        font-size: 16px;
        top: 5%;
    }

    .shopspace {
        margin-top: -68px;
    }

    .about-visual {
        padding-top: 10px;
    }

    .abtmt {
        margin-top: 10px;
    }

    .abt-icon {
        padding: 0px 0 20px 0;
    }

    .abtmt30 {
        margin-top: 50px;
    }

    .abt-space {
        margin-left: -1px;
        margin-right: -1px;
    }

    .no-product-spacer {
        margin: 50px 0
    }

    .abt-icon-matter {
        font-size: 16px;
    }

    .abt-spacer {
        margin-top: 10px;
        padding-bottom: 100px;
    }

    .aboutus-matter {
        text-align: center;
        font-size: 16px;
        padding: 40px 15px 40px 15px;
        max-width: 1020px;
        width: 100%;
        margin: auto;
    }

    .network {
        margin-bottom: 1px;
    }









    .display20 {
        width: 45%;
    }

    .shopping a:last-child {
        margin: auto;
        display: table;
        text-align: center;
        position: relative;
        top: 10px;
        margin-bottom: 40px;
    }

    .shopdn {
        display: block;
    }

    .shopdnShop {
        display: block;
    }

    .shoponline-dropdn {
        border: 1px solid #cccccc;
        padding: 5px;
        margin: auto;
        text-align: center;
        width: 85%;
    }

    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 97%;
    }

    .log-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 97%;
        margin-top: 34px;
    }

    .guest-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 97%;
        margin-top: 84px;
    }

    .cart-content {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 100%;
        height: auto;
        overflow: auto;
        margin-top: 0px;
    }

    .product-title {
        text-align: center;
        font-size: 18px;
    }

    .search {
        border: 1px solid #969697;
        border-radius: 10px;
        padding: 3px;
        position: relative;
        top: 7px;
        right: 40px;
    }

    .links a {
        text-decoration: none;
        padding: 3px 10px;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer;
        font-size: 12px;
    }

    .links a:hover {
        text-decoration: none;
        background-color: #000000;
    }

    .links a.selected {
        background-color: #990000;
        color: #FFFFFF
    }

    .video-title {
        text-align: center;
        text-transform: uppercase;
        color: #59595c;
        font-size: 16px;
        font-weight: bold;
        border-bottom: 10px solid #ffd646;
        max-width: 290px;
        width: 100%;
        margin: auto;
        margin-top: 15px;
        margin-bottom: 45px;
        letter-spacing: -1px;
    }

    .video-icon {
        margin: auto;
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    }

    .video-info {
        background-color: #535050;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 0px;
        padding: 4px;
        font-size: 11px;
        width: 150px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: auto
    }

    .space {
        margin-top: 3px;
    }

    .about-banner-text1 {
        font-size: 16px;
        padding: 0 10px;
    }

    .club {
        margin-bottom: 20px;
    }

    .club-info {
        background-color: #535050;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 0px;
        padding: 4px;
        font-size: 11px;
        width: 150px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: auto
    }

    .management-matter {
        font-size: 14px;
        padding-top: 0px;
        padding-left: 13px;
    }

    .management-matter1 {
        font-size: 14px;
        padding-top: 0px;
        padding-right: 0px;
    }

    .about-banner-text {
        font-size: 16px;
        padding: 0 10px;
    }

    .abt-mb90 {
        margin-bottom: 20px;
    }

    .ways {
        width: 100%;
    }

    .ways a {
        background-color: #d1d2d5;
        color: #FFFFFF;
        width: 100%;
        display: block;
        padding: 15px 20px;
        font-size: 15px;
        text-align: center;
        vertical-align: middle;
        float: left;
        margin: 1px 0px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        transition: all 0.2s linear;
    }

    .pagelinks {
        text-align: center;
        padding-top: 20px;
    }

    .pagelinks a {
        font-size: 17px;
        display: block;
        border-bottom: 1px solid #fcb817;
        padding: 10px 10px 10px 10px
    }

    .pagelinks a:hover {
        border-bottom: none;
        display: block;
        color: #000000;
        border-bottom: 1px solid #fcb817;
        padding: 10px 10px 10px 10px;
        width: 100%
    }

    .pagelinks a.active {
        border-bottom: none;
        display: block;
        color: #000000;
        border-bottom: 1px solid #a47946;
        padding: 10px 10px 10px 10px;
        width: 100%;
        font-weight: bold;
    }

    .shaoplinks {
        text-align: center;
        padding-top: 20px;
    }

    .shaoplinks a {
        font-size: 17px;
        display: block;
        border-bottom: 1px solid #fcb817;
        padding: 10px 10px 10px 10px;
        float: left;
        width: 50%;
    }

    .shaoplinks a:hover {
        border-bottom: none;
        display: block;
        color: #000000;
        border-bottom: 1px solid #a47946;
        padding: 10px 10px 10px 10px;
        float: left;
        width: 50%;
    }

    .shaoplinks a.sel {
        color: #000000;
        border-bottom: 1px solid #a47946;
        margin: auto;
        padding: 10px 10px 10px 10px;
        transition: all 0.2s linear;
    }

    .userloginname {
        display: inline;
        color: #58595b;
        font-weight: normal;
        position: absolute;
        padding-right: 49px;
        right: 50px;
        right: -32px;
    }

    .slideimage {
        margin: auto;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .catagories a {
        font-size: 18px;
        line-height: 35px;
    }

    .catagories-a a {
        font-size: 18px;
        line-height: 35px;
    }

    .catagories-p a {
        font-size: 18px;
        line-height: 35px;
    }

    .advisory-matter {
        padding-left: 0px;
    }

    .aboard {
        text-align: center;
    }

    .spacer {
        padding: 30px 15px 10px 15px
    }

    .separation-advisory {
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .separation-advisory1 {
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .centerflag {
        text-align: left;
        padding-top: 3px;
        padding-bottom: 10px;
    }

    .customerno {
        font-size: 17px;
        font-weight: bold;
        color: #ffd645;
        padding-top: 4px;
    }

    .location-logo {
        float: none;
        display: block;
        text-align: center;
        margin: 10px;
    }

    .location-matter {
        font-size: 13px;
        padding: 10px;
    }

    .locator-info {
        font-size: 13px;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .locatorimage {
        background-image: url(../images/cityimage.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-attachment: fixed;
        background-size: auto 100%;
    }


    .download-link {
        text-align: center;
        padding: 10px 0;
    }

    .autoship-edit-title {
        font-size: 13px;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        font-weight: normal;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        background-color: #cccccc;
        width: 95%;
        height: 50px;
    }

    .hropacity {
        background: red;
        padding: 10px;
        opacity: 0.2;
    }

    .autoship-edit-info {
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 10px;
        text-align: center;
        background-color: #cccccc;
        width: 95%;
    }

    .autoship-shoponline {
        text-align: left;
        font-weight: bold;
        padding: 5px 0;
        text-transform: uppercase;
        font-size: 13px;
    }

    .remove-button {
        float: right;
    }

    .remove-button a {
        font-size: 13px;
    }

    .remove-button a:hover {
        color: #000000;
    }

    /* ************* new code***************** */

    .banner-downloads {
        margin: auto;
    }

    .title-downloads {
        font-size: 18px;
        color: #58595b;
        text-align: center;
        padding: 20px 0;
    }

    .matter-member {
        font-size: 15px;
    }

    .matter-member-small {
        font-size: 13px;
    }

    .m-pt20 {
        margin-top: 0px;
        margin-bottom: 20px
    }

    .mpt20 {
        margin-top: 25px;
    }

    .slider {
        width: 100%;
    }

    .slider1 {
        width: 100%;
    }

    .shippingaddress a {
        background-color: #58595b;
        color: #FFFFFF;
        font-size: 13px;
        text-decoration: none;
        padding: 5px 15px;
        font-weight: bold;
        width: 100%;
        display: block;
        text-align: center
    }

    .add-new-address a {
        background-color: #58595b;
        color: #FFFFFF;
        font-size: 13px;
        text-decoration: none;
        padding: 5px 15px;
        font-weight: bold;
        width: auto;
        display: block
    }

    .shop-top-title {
        font-size: 13px;
        font-weight: bold;
        padding-top: 5px;
    }

    .shop-sub-title {
        font-size: 13px;
        font-weight: bold;
        padding-top: 5px;
    }

    .white-patch-shoponline {
        text-align: center;
        /*padding:24px;*/
        background-color: #FFFFFF;
        width: 100px;
        margin: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        float: left;
        height: 140px;
    }

    .product-shoponline {
        text-align: left;
        font-weight: bold;
        padding: 5px 0;
        text-transform: uppercase;
        font-size: 13px;
        width: 80%;
    }

    .cancel-button a {
        float: right;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }

    .yellow-patch-shoponline {
        text-align: center;
        padding-top: 70px;
        padding-left: 20px;
        padding-right: 20px;
        width: 120px;
        background-color: #ffcb05;
        margin: auto;
        float: left;
        height: 152px;
        margin-left: -15px;
        font-weight: bold;
    }







    .address-shoponline-wrapper {
        width: 100%;
        border-right: none;
    }

    .address-shoponline {
        width: 100%;
    }

    .address-title {
        font-size: 13px;
    }

    .address-box {
        font-size: 13px;
    }

    .add-new-address {
        margin-top: 0px;
        margin-bottom: 20px;
        text-align: center;
    }

    table.order th {
        font-size: 13px;
    }

    table.order td {
        font-size: 13px;
    }

    table.total th {
        font-size: 13px;
    }

    table.total td {
        font-size: 13px;
    }

    table.pack th {
        font-size: 13px;
    }

    table.pack td {
        font-size: 13px;
    }





    .proceed {
        position: relative;
        right: 0px;
        top: 10px;
        margin-bottom: 20px;
    }

    .proceed1 {
        position: relative;
        right: 0px;
        top: 5px;
        float: right;
        margin-bottom: 20px;
    }

    .togglediv {
        position: absolute;
        right: 15px;
        background-color: #f0f0f0;
        z-index: 1;
        margin-top: -22px;
    }

    .toggledivUser {
        position: absolute;
        right: 15px;
        background-color: #f0f0f0;
        z-index: 1;
        margin-top: -43px;
    }

    .total-amt {
        font-weight: bold;
        text-align: center;
        padding-top: 5px;
        padding-bottom: 12px;
    }

    .payment-links a {
        text-decoration: none;
        text-align: center;
        font-weight: bold;
        padding: 5px 10px;
        display: block;
    }

    .cart-wrapper-shoponline {
        margin: auto;
        max-width: 750px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .userlogin-name {
        position: absolute;
        float: right;
        top: 35px;
        z-index: 1;
        right: 12px;
        white-space: nowrap;
    }

    .userlang {
        position: absolute;
        float: right;
        top: 35px;
        z-index: 1;
        right: 12px;
        white-space: nowrap;
    }

    .video-wrapper {
        margin: auto;
        max-width: 700px;
        width: 100%;
    }

    /* contactus Styles
---------------------------------*/
    .contact-matter {
        text-align: center;
        font-size: 13px;
        padding: 30px 15px 10px 15px;
    }

    /* philisophy Styles
---------------------------------*/
    .philisophy-matter {
        text-align: center;
        font-size: 15px;
        padding: 20px 15px 5px 15px;
    }

    .philosophy-box-matter {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .philosophy-box-matter-health {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .philosophy-box-matter-home {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .philosophy-box-matter-rangde {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .philosophy-box-info {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        padding: 15px 0;
        font-size: 13px;
    }

    /* shoponline Styles
---------------------------------*/
    .pullr {
        float: right;
        text-align: right;
        padding-right: 15px;
    }

    .shipping-title {
        font-size: 15px;
        padding-bottom: 10px;
    }

    .registered-shipping-details table td {
        display: block;
    }

    table.rsd th {
        font-size: 13px;
    }

    table.rsd td {
        font-size: 13px;
    }

    table.sd {
        border-collapse: collapse;
        width: 100%;
        margin-top: 10px;
    }

    table.sd th {
        font-size: 13px;
    }

    table.sd td {
        font-size: 13px;
    }

    .mobt20 {
        margin-top: 20px;
    }

    .promocode {
        padding-left: 10px;
    }

    .shoponline-user {
        font-size: 13px;
        text-align: center
    }

    .cart-details {
        font-size: 13px;
        text-align: center
    }

    .abt-cart {
        text-align: center;
        font-size: 13px;
        text-align: left
    }

    .cartshell {
        height: 37px;
        text-align: left;
        padding-top: 10px;
    }

    .viewlist {
        padding-top: 5px;
    }

    .viewlist a {
        text-decoration: none;
        padding-top: 15px;
    }

    .viewlist a:hover {
        color: #000000;
    }

    table.rsd {
        border-collapse: collapse;
        width: 100%;
        margin-top: 20px;
    }

    table.rsd tr:nth-child(1n+0) {
        background-color: #f2f2f3;
    }

    table.rsd tr:nth-child(2n+0) {
        background-color: #ffffff;
    }

    table.rsd th {
        background-color: #f2f2f3;
        color: #FFFFFF;
        font-size: 15px;
        padding: 2px 4px;
        text-align: left;
        vertical-align: middle;
        color: #000000;
        height: 20px;
    }

    table.rsd td {
        /*border: 1px solid #d7d7d7;*/
        font-size: 15px;
        padding: 7px;
        text-align: left;
        vertical-align: middle;
    }

    .cart-wrapper-shoponline {
        margin: auto;
        max-width: 800px;
        width: 100%;
    }

    .col-white {
        background-color: #FFFFFF
    }

    .col-grey {
        background-color: #f2f2f3;
    }

    /* Login Styles
---------------------------------*/
    .unisky-login-title {
        font-size: 15px;
    }

    .login-container {
        max-width: 866px;
        width: 100%;
    }

    .login-title {
        text-align: left;
        font-size: 16px;
        color: #ffffff;
        background-color: #58585a;
        padding: 5px 20px;
        margin-bottom: 20px;
        width: 100%;
    }

    .button-login {
        margin-right: 15px;
        margin-bottom: 10px;
    }

    .forgot-note {
        padding-top: 15px;
        padding-right: 10px;
    }

    /* Shoponline Styles
---------------------------------*/
    .product-display-wrapper-shoponline {
        margin-top: 20px;
    }

    .product-display-small-wrapper-shoponline {
        margin-top: 20px;
    }

    .q1 {
        /*color: #ffd546;
	color: #58595b;
	font-size: 31px;
	font-weight:bold;
	position: relative;
	padding-right: 3px;
	top: 11px;*/
    }

    .q2 {
        /*color: #ffd546;
	color: #58595b;
	font-size: 31px;
	position: absolute;
	padding-right: 5px;
	margin-top: 7px;font-weight:bold;*/
    }

    .pull-r {
        text-align: right
    }

    .trigger {
        margin-top: 32px;
        margin-right: 7px;
    }

    .navStyle {
        float: right;
        margin-right: 0px;
    }

    .topgrey-bg {
        height: 0px;
        background-color: #666666;
    }

    .unisky-logo-mobile {
        padding: 5px 0 0 5px;
        margin-bottom: 15px;
        text-align: left;
        width: 180px;
    }

    .topsection {
        float: right;
        margin-right: -19px;
        margin-top: 10px;
        margin-top: -48px;
        margin-left: 10px;
    }

    .user {
        display: inline;
        margin-right: 10px;
        margin-right: 1px;
        margin-right: 3px;
    }

    .user1 {
        display: inline;
        margin-right: 30px;
    }

    .flag {
        display: inline;
    }

    .navbar-inverse .navbar-toggle .icon-bar {
        background: #717376;
    }

    .navbar-inverse .navbar-toggle {
        border-color: transparent;
    }

    .navbar-inverse .navbar-toggle:hover,
    .navbar-inverse .navbar-toggle:focus {
        background: none;
        outline: none;
    }

    .navStyle ul li {
        display: block;
    }

    .navStyle {
        float: right;
        width: 100%;
        text-align: center;
    }

    .navStyle ul li:last-child {
        margin: 0px;
    }

    .navbar-inverse .navbar-nav>li>a {
        color: #222;
        background: #F9F9F9;
    }

    /* Video Styles
---------------------------------*/
    .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 20px;
        height: 0;
        overflow: hidden;
        margin: 0;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #ffffff;
    }

    /* Index Styles
---------------------------------*/
    .index-matter {
        text-align: center;
        font-size: 14px;
        padding: 30px 15px 10px 15px;
    }

    .index-matter-mob {
        text-align: center;
        font-size: 16px;
        padding: 30px 15px 10px 15px;
    }

    .opp-matter {
        text-align: center;
        font-size: 13px;
        padding: 10px 15px 10px 15px;
    }

    .packs-matter {
        text-align: center;
        font-size: 13px;
        padding: 10px 15px 10px 15px;
    }

    .space-nil {
        padding: 15px;
        margin-bottom: 50px;
    }

    .space-nil1 {
        padding: 0px;
    }

    .index-product-matter {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .index-product-matter-naturamore {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .index-product-matter-clean {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .index-product-matter-rangde {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .index-product-info {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        padding: 22px 0;
        font-size: 14px;
    }

    .index-product-info-bio {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 325px;
        margin: auto;
        padding: 30px 0;
        font-size: 14px;
    }

    .index-product-display {
        margin: auto;
        text-align: center;
        margin-bottom: 40px;
    }

    .index-product-displayNew {
        margin: auto;
        text-align: center;
    }

    .product-page-footer-links a {
        text-align: center;
        color: #58595b;
        text-decoration: none;
        padding: 0 5px;
        line-height: 30px;
    }

    /* Aboutus Styles
---------------------------------*/
    .aboutpage-txt {
        text-align: center;
        font-size: 13px;
        padding: 0 15px 15px 15px;
        line-height: 20px;
        padding-top: 10px;
    }

    .about-box-matter {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .about-box-matter-redfine {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .about-box-info {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        padding: 15px 0;
        font-size: 13px;
    }

    .about-reason-title {
        font-weight: bold;
        font-size: 17px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    /* Product Landing Styles
---------------------------------*/
    .product-logo {
        margin-top: 15px;
    }

    .about-product {
        text-align: center;
        /*margin-top:145px;*/
    }

    .display {
        margin-top: 28px;
    }

    .displayimg {
        margin-top: 28px;
    }

    .product-container {
        height: 70px;
        margin: auto;
    }

    .product-shell {
        height: 165px;
        margin: auto;
    }

    /* Product Info Styles
---------------------------------*/
    .info-matter {
        text-align: center;
        font-size: 13px;
        padding: 30px 0px 10px 0px;
    }

    .key {
        padding: 20px 0 20px 0;
        font-size: 15px;
    }

    .accordion-multi-purpose {
        font-size: 26px;
        color: #369971;
    }

    .accordion-multi-purpose-faq {
        font-size: 26px;
        color: #1cb35c;
    }

    .inner-accordion {
        margin-top: 10px;
    }

    .acc {
        font-size: 13px;
    }

    .content-title+p {
        font-size: 13px;
    }

    /* Product Styles
---------------------------------*/
    .products-links {
        color: #58595b;
        text-align: center;
        margin-bottom: 20px;
    }

    .products-deskmt40 {
        margin-top: 1px;
    }

    /* Opportunity Styles
---------------------------------*/
    .opprtunity-accordions {
        margin-top: 20px;
    }

    .packs-accordions {
        margin-top: 10px;
    }

    .accordion-data {
        padding: 0 10px;
        margin: 0 0 2px 0;
        color: #58595b;
        text-align: center;
        font-size: 13px;
    }

    .accordion-title {
        line-height: 56px;
        color: #666666;
    }

    .accordion-retail {
        font-size: 26px;
        color: #666666;
    }

    .accordion-nbo {
        font-size: 26px;
        color: #a47946;
    }

    .accordion-bp {
        font-size: 26px;
        color: #cda575;
    }

    .accordion-bp {
        font-size: 26px;
        color: #cda575;
    }

    .accordion-welcome {
        font-size: 26px;
        color: #5e3e98;
    }

    .accordion-business {
        font-size: 26px;
        color: #2359a8;
    }

    .accordion-retail-business {
        font-size: 18px;
        color: #939598;
    }

    .accordion-leadership-bonus {
        font-size: 26px;
        color: #3c2c7e;
    }

    .accordion-presidential-bonus {
        font-size: 26px;
        color: #273b93;
    }

    .accordion-clubunisky {
        font-size: 26px;
        color: #9987c0;
    }

    .accordion-fasttrack {
        font-size: 26px;
        color: #939598;
    }


    .accordion-terminologies {
        font-size: 26px;
        color: #76c043;
    }

    .accordion-enrolment {
        font-size: 26px;
        color: #66bc46;
    }

    .accordion-product-purchases {
        font-size: 26px;
        color: #657834;
    }

    .accordion-disbursement {
        font-size: 26px;
        color: #6dc289;
    }

    .accordion-global-policy {
        font-size: 26px;
        color: #92933e;
    }

    .accordion-299 {
        font-size: 26px;
        color: #007b9f;
    }

    .accordion-499 {
        font-size: 26px;
        color: #473426;
    }

    .accordion-799 {
        font-size: 26px;
        color: #934f40;
    }

    .pageslinks a {
        font-size: 17px;
        color: #58595b;
        padding: 5px 30px;
        font-weight: bold;
        line-height: 30px;
        display: block;
        border-bottom: 1px solid #cccccc;
    }

    .pageslinks {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    .pageslinks span {
        display: none
    }

    .concept-generation {
        padding-top: 5px;
    }

    .network-tree {
        padding-top: 5px;
    }

    .leadership-bonus {
        padding-top: 5px;
    }

    .presidential-bonus {
        padding-top: 5px;
    }

    .club-netsurf {
        padding-top: 5px;
    }

    .mt20 {
        margin-top: 10px;
    }

    .mb20 {
        margin-bottom: 10px;
    }

    .eight-ways {
        margin-top: 10px;
    }

    /* Member Styles
---------------------------------*/
    .memberlogo-mob {
        text-align: center;
        display: block;
        padding: 12px 0;
    }

    .memberlogo {
        display: none;
    }

    .member-icon-links {
        margin-top: 10px;
    }

    .mamber-matter {
        text-align: center;
        font-size: 13px;
        padding: 30px 15px 10px 15px;
    }

    .member-small-matter {
        font-size: 19px;
        padding: 20px 15px 0px 15px;
    }

    .happy {
        font-weight: normal;
        padding-top: 12px;
        font-size: 15px;
    }

    .member-info {
        display: table
    }

    .member-photo {
        float: none;
        display: block;
        margin: auto;
        width: 100%;
        text-align: center
    }

    .member-information {
        float: none;
        display: block;
        padding-left: 0px;
    }

    .member-name {
        font-size: 17px;
        text-align: center;
        padding-top: 10px;
    }

    .member-matter {
        font-size: 15px;
        text-align: center
    }

    .grey-separator {
        margin-top: 18px;
    }

    /* footer Styles
---------------------------------*/
    .footer {
        padding: 10px 0;
    }

    .footer-links {}

    .footer-links {
        margin-bottom: 15px;
        margin-bottom: 0px;
    }

    .footer-logo {
        margin: auto;
        text-align: center;
        margin-bottom: 20px;
    }

    .small-links a {
        line-height: 22px;
    }

    .icon-links a img {
        margin: 5px 3px 5px 0
    }

    .catagorydiv {
        text-align: center;
        font-size: 28px;
        padding: 10px 0;
    }



    .autoship-edit-title-r {
        font-size: 13px;
        font-weight: bold;
        padding-top: 30px;
        padding-bottom: 10px;
        text-align: right;
    }

    .autoship-edit-title-l {
        font-size: 13px;
        font-weight: bold;
        padding-top: 30px;
        padding-bottom: 10px;
        text-align: left;
    }

    .autoship-edit-info-r {
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 10px;
        text-align: right
    }

    .autoship-edit-info-l {
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 10px;
        text-align: left;
    }

    .border-r {
        border-right: 1px solid #5e5e5e;
    }

    .mob-mn20 {
        padding-bottom: 20px;
    }
}


@media (max-width:768px) {
    .container1000vm {
        max-width: 1000px !important;
        margin: auto;
        padding: 0px 15px;
    }

    .vmtitle {
        font-size: 25px;
        padding-top: 0px;
        padding-bottom: 10px;
        text-align: center;
    }



    .vision-mission-icon {
        padding: 10px 0 5px 0;
        width: 100%;
        margin: auto;
        text-align: center;
    }

    .direction {
        margin-left: 30px;
        margin-right: 30px;
    }

    .container1000 {
        padding: 0 15px;
    }

    .container1000manufactured {
        padding: 0 30px;
    }

    .festive-product-title {
        font-size: 14px;
        height: 70px;
    }

    .festivebookingtitle {
        font-size: 16px;
        padding: 15px 0
    }

    .festive-booking {
        padding: 15px 15px 0 15px;
    }

    .festivetablematter {
        font-size: 13px
    }

    .f40 {
        width: 30%
    }

    .f60 {
        width: 60%;
        padding-left: 10px;
    }




    .asmita-form-container {
        margin-left: 15px;
        margin-right: 15px;
        border: 1px solid #ffffff;
        padding: 10px 0 0 0;
    }

    .asmita-form-title {
        text-align: center;
        padding: 20px 0 10px 0;
        font-weight: bold;
        font-size: 16px;
    }

    .rowspace {
        margin-right: -15px;
        margin-left: -15px;
    }

    .asmitamt30 {
        margin-top: 15px;
    }

    .asmita-pink {
        font-size: 30px;
        height: auto;
    }

    .asmita-green {
        font-size: 30px;
        height: auto;
    }

    .asmita-black {
        font-size: 30px;
        height: auto;
        padding-top: 0px
    }

    .pinkgradient {
        background: linear-gradient(to right, #ffffff 0%, #ffffff 80%, #ffffff 80%, #ffffff 80%, #ffffff 85%);
    }

    .greengradient {
        background: linear-gradient(to right, #ffffff 0%, #ffffff 80%, #ffffff 80%, #ffffff 80%, #ffffff 85%);
    }

    .title-asmita {
        font-size: 16px;
        padding: 0px 0 15px 0;
    }

    .asmita-matter {
        font-size: 14px;
        padding: 10px 0 20px 0;
    }

    .ds-blackpatch {
        font-size: 16px;
        padding: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .ds-yellowpatch {
        font-size: 19px;
        padding: 10px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .banner-terminology {
        margin: 20px 0
    }

    .banner-prosperity {
        margin: 20px 0px;
    }

    .accordion-containerds {
        margin: 0 15px;
    }

    .steps {
        margin-bottom: 15px;
        height: auto;
    }

    .shadow {
        margin: 10px 0 20px 0
    }

    .txt-fld {
        margin-bottom: 15px;
    }

    .submit-btn {
        margin: 20px 0;
    }

    .ds-form-caption {
        font-size: 18px;
        padding: 0 0 20px 0;
    }

    .mt50 {
        margin-top: 10px;
    }


    .index-product-matter-cosmetics {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .index-product-info-cosmetics {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        padding: 0px 0;
        font-size: 14px;
    }

    .hidden-mob {
        display: none;
    }

    /* ***************** 25 MAY 23 starts ********** */
    .containerfull {
        max-width: 1600px !important;
        margin: auto;
    }

    .desktopdisplay {
        display: none
    }

    .mobiledisplay {
        display: block
    }

    .shelltextmob {
        color: #ffffff;
        font-size: 14px;
        text-align: center;
        padding: 10px 15px;
        display: block;
        background-color: #000000;
        margin-bottom: 37px;
    }

    .productlinks {
        margin-top: 10px;
    }

    .productlinks a {
        padding: 5px 7px;
        margin-bottom: 10px;
        font-size: 14px;
        width: 200px;
    }

    .overlay {
        display: none
    }

    .spacermb {
        margin-bottom: 0px;
    }

    .topbanner {
        margin-bottom: -40px;
    }

    /* ***************** 25 MAY 23 css ends  ********** */

    .sline {
        display: none;
    }

    .sline-Index {
        background-color: black;
        height: 1px;
        color: black;
        outline: none;
        position: relative;
        margin-top: 25px;
    }

    .modal-popmsg {
        border: 1px solid #888;
        width: 99%;
        margin: auto;
        margin-top: 0px;
    }

    .about-display-box {
        text-align: center;
        width: 320px;
        margin: auto
    }

    .aboutus-matter-new {
        font-size: 14px;
        padding: 20px 15px;
    }

    .index-wrapper-image {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .about-matter-box {
        display: table;
        height: auto;
        text-align: center;
        width: 100%;
    }

    .about-matter-txt {
        font-size: 18px;
    }

    .accord11 {
        font-size: 22px;
        line-height: 25px;
    }

    .accorddata {
        font-size: 14px;
    }

    .accorddatadisplay {
        font-size: 14px;
    }

    .accorddatadisplay p {
        font-size: 14px;
    }

    .allinoneimages {
        display: none
    }

    .allinoneimagesmob {
        display: block;
        margin: auto;
        text-align: center;
        width: 98%;
    }

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

    .modal-popmsg {
        border: 1px solid #888;
        width: 99%;
        margin: auto;
        margin-top: 0px;
    }

    .inner-title1 {
        font-size: 16px;
    }

    .terms-inner-spacer {
        font-size: 14px;
    }

    .terms-matter {
        font-size: 14px;
    }

    .inner-spacer {
        font-size: 14px;
    }

    .left-space {
        font-size: 14px;
    }

    .modal-contentmsg {
        background-color: #fefefe;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        width: 90%;
        margin-top: 50px;
    }

    .mobmb60 {
        margin-top: 60px;
    }

    .arw {
        display: block
    }

    .Spacetop {
        padding-top: 70px;
    }

    .Topbanner {
        top: -90px;
        position: relative;
    }

    .legend {
        left: 15px;
    }

    #page {
        /*display: block;
        margin: 0px auto;
        text-align: center;
        height: 90%;*/
        width: 100%;
        /*overflow:auto*/
    }

    #content_container {
        width: 100%;
    }

    .wrapper-small-Firm {
        margin: auto;
        width: 100%;
        font-size: 15px;
        width: 100%
    }

    .txtfld-yellow-firm {
        border: 1px solid #cccccc;
        padding: 5px;
        margin: 15px 0;
        display: block;
        width: 90%;
        font-size: 14px;
        padding: 7px;
        height: 38px;
    }


    .all-space {
        padding-top: 50px;
    }

    .fixed-content-top {
        display: none
    }

    .mobile-bottom-logo {
        display: block;
        text-align: center;
        margin: 1.5rem 0;
    }

    .sociallogos {
        padding-top: 10px;
    }

    .space-nil1 {
        padding-left: 15px;
        padding-right: 15px
    }

    .title-socialnews {
        font-size: 18px;
        padding: 1px 0 1px 0;
    }

    .sociallogos {
        padding-left: 15px;
        padding-right: 15px;
    }

    .space-nil1 {
        padding: 0px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .best-brand img {
        width: 20%;
        margin-top: 0;
    }

    .opportunity-bg {
        height: auto;
    }

    .opportunity-mid {
        height: auto;
    }

    .opprtunity-mid-txt {
        text-align: center;
        font-size: 14px;
        padding: 30px 25px 1px 25px;
    }

    .txtfld-opprtunity {
        width: 90%;
    }

    .SpHeading {
        color: #58595b;
        font-size: 24px;
        text-align: center;
        padding: 10px;
        margin-top: 0px;
    }

    .ShopOnline-Home-button {
        margin-top: 5px;
        margin-left: 300px;
    }

    .ShopOnline-Home-Pincode-button {
        margin-top: 20px;
        margin-left: 300px;
    }

    /* ************************ downloads ***************************** */
    .downloads-icons {
        text-align: center
    }

    .downloads-icons img {
        margin-top: 10px;
        margin-bottom: 20px;
        text-align: center
    }

    .downloads-title {
        text-align: left;
        font-size: 14px;
        padding-top: 10px;
        text-align: center
    }

    .cartimg {
        margin-right: 5px;
        background-image: url("../images/cart.png");
        background-repeat: no-repeat;
        height: 21px;
        width: 30px;
        float: right;
        color: red;
        font-weight: bold;
        text-align: center;
        position: relative;
        right: 95px;
    }

    .management-Name {
        padding-left: 13px;
    }

    .modal-content-notify {
        background-color: #c2c2c2;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        max-width: 320px;
        top: 100px;
        border: 1px solid #ffffff;
        z-index: 999999;
    }

    .modal-content-notify-autoship {
        background-color: #c2c2c2;
        margin: auto;
        padding: 20px;
        border: 1px solid #888;
        max-width: 320px;
        top: 100px;
        border: 1px solid #ffffff;
    }

    .notify {
        text-align: center;
        padding: 20px 15px 10px 15px;
        color: #444444;
        font-size: 14px;
    }

    .about-task {
        font-size: 14px;
        padding-bottom: 5px;
        padding-top: 10px;
        color: #444444;
    }

    .textbox {
        border: 1px solid #999999;
        width: 100%;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        padding: 7px 4px;
        margin: 7px 0;
    }

    .submitbtn {
        margin-top: 26px;
        margin-bottom: 8px;
    }

    .submitbtn a {
        background-color: #3E3B3B;
        color: #FFFFFF;
        padding: 10px 15px;
        text-align: center;
        font-size: 14px;
        text-decoration: none;
        transition: linear 0.3s all;
    }

    .drpwidthnew {
        width: 310px;
        margin: auto;
    }


    .catagories {
        text-align: center;
        margin-bottom: 5px;
        display: inline-block;
    }

    .catagories a {
        display: inline;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        line-height: 33px;
        font-weight: normal;
        color: #666666;
        padding: 0 15px;
        transition: all linear 0.3s
    }

    .catagories a:hover {
        color: #008c44;
        transition: all linear 0.3s
    }

    .catagories a.active {
        color: #008c44;
    }

    .catagories-p {
        text-align: center;
        margin-bottom: 5px;
        display: inline-block;
    }

    .catagories-p a {
        display: inline;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        line-height: 33px;
        font-weight: normal;
        color: #666666;
        padding: 0 15px;
        transition: all linear 0.3s
    }

    .catagories-p a:hover {
        color: #d60080;
        transition: all linear 0.3s
    }

    .catagories-p a.active {
        color: #d60080;
    }

    .catagories-a {
        text-align: center;
        margin-bottom: 5px;
        display: inline-block;
    }

    .catagories-a a {
        display: inline;
        text-align: center;
        text-decoration: none;
        font-size: 18px;
        line-height: 33px;
        font-weight: normal;
        color: #666666;
        padding: 0 15px;
        transition: all linear 0.3s
    }

    .catagories-a a:hover {
        color: #a25723;
        transition: all linear 0.3s
    }

    .catagories-a a.active {
        color: #a25723;
    }



    .geo-search-chk {
        margin-top: 20px;
        text-align: left;
        margin-left: 0px;
        background-color: #ffffff;
        height: 50px;
        display: block;
        position: relative;
        top: -3px;
        width: 100%;
    }

    .geo-matter-chk {
        font-size: 14px;
    }

    .geo-txtfld-chk {
        padding: 12px 15px;
        border: none;
        margin-right: 10px;
        display: inline-block;
        width: 70px;
        height: 50px;
        text-align: left;
        outline: none;
        width: 80%
    }

    .geo-info-chk {
        font-size: 14px;
    }

    .geo-search-newChk {
        width: 97%;
    }

    .index-product-matter-biofit-plant {
        margin-top: 5px;
    }

    .index-product-matter-biofit-plant1 {
        margin-top: 5px;
    }

    .index-product-matter-rang-de {
        margin-top: 5px;
    }

    .welcometxt {
        text-align: center;
        font-size: 24px;
        color: #ffffff;
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .scheme-login-button {
        margin-bottom: 40px;
    }

    .title-management {
        font-size: 16px;
        padding: 1px 0 1px 0;
    }

    .herbsmore-matter {
        text-align: center;
        font-size: 14px;
        padding: 30px 15px 10px 15px;
    }

    .herbsnmore-title {
        font-size: 16px;
    }

    .herbsmore-container-mid {
        padding: 10px 0 10px 0;
    }

    .herbsnmore-product-matter {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: 5px;
    }

    .index-product-info-herbs {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        margin-top: auto;
        margin-top: 5px;
        font-size: 14px;
    }

    .herbsnmore-link {
        padding: 30px 0 0 0;
    }

    .herbsnmore-link a {
        font-size: 14px;
    }

    .icon-matter {
        padding-bottom: 20px;
        font-size: 14px;
    }

    .naturamore-daily-product-matter {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        padding: 0 0 22px 0;
        font-size: 14px;
    }

    .naturamore-functional-product-matter {
        text-align: center;
        position: relative;
        vertical-align: middle;
        width: 100%;
        margin: auto;
        padding: 0 0 22px 0;
        font-size: 14px;
    }

    .shipping-info {
        font-size: 15px;
    }

    .links a {
        text-decoration: none;
        padding: 3px 14px;
        color: #FFFFFF;
        font-weight: bold;
        cursor: pointer
    }

    .links a:hover {
        text-decoration: none;
        background-color: #58595b;
    }

    .links a.selected {
        background-color: #58595b;
        color: #FFFFFF
    }
}



@media (max-width:767px) {
    .row.autoship-edit-details {
        margin-right: auto;
    }
}



.acc-btn {
    font-size: 13px;
}

@media (max-width:480px) {
    /*.about-product{
	text-align:center;
	margin-top:15px;
}*/
}

@media (max-width:360px) {
    .club-info {
        background-color: #535050;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 0px;
        padding: 4px;
        font-size: 11px;
        width: 135px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: auto
    }

    .autoship-edit-title {
        font-size: 12px;
        font-weight: normal;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
        background-color: #cccccc;
        width: 75px;
        height: 50px;
    }

    .autoship-edit-title-Index {
        font-size: 12px;
        font-weight: bold;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }

    .autoship-edit-info {
        font-size: 13px;
        font-weight: bold;
        padding-bottom: 10px;
        text-align: center;
        background-color: #cccccc;
        width: 75px;
    }

    .accordion-retail-business {
        font-size: 18px;
        color: #939598;
    }

    .accordion-disbursement {
        font-size: 22px;
        color: #6dc289;
    }

    /*.about-product{
	text-align:center;
	margin-top:15px;
}*/
    .productname {
        font-size: 20px;
        color: #58595b;
        line-height: 24px;
    }
}

@media (max-width:320px) {
    .club-info {
        background-color: #535050;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 0px;
        padding: 4px;
        font-size: 11px;
        width: 130px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: auto
    }

    .video-info {
        background-color: #535050;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 0px;
        padding: 4px;
        font-size: 11px;
        width: 130px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        margin: auto
    }

    .accordion-retail-business {
        font-size: 16px;
        color: #939598;
    }

    .accordion-disbursement {
        font-size: 20px;
        color: #6dc289;
    }

    .product-container {
        height: 70px;
        margin: auto;
    }

    .product-shell {
        height: 150px;
        margin: auto;
    }

    .product-page-footer-links a {
        text-align: center;
        color: #58595b;
        text-decoration: none;
        padding: 0 3px;
        font-size: 12px;
    }

    .pullr {
        float: right;
        text-align: right;
        padding-right: 5px;
    }

    /*.about-product{
	text-align:center;
	margin-top:10px;
}*/


    .product-shoponline {
        text-align: left;
        font-weight: bold;
        padding: 5px 0 0 15px;
        text-transform: uppercase;
        font-size: 13px;
        float: left;
        width: 70%
    }

    .cancel-button {
        float: right;
        width: 20%;
    }

    .cancel-button a {
        float: right;
        padding-top: 5px;
        padding-right: 10px;
        font-size: 13px;
    }

    .cancel-button a:hover {
        color: #000000;
    }

    .yellow-patch-shoponline {
        text-align: center;
        padding-top: 70px;
        padding-left: 20px;
        padding-right: 20px;
        width: 120px;
        background-color: #ffcb05;
        margin: auto;
        float: left;
        height: 152px;
        font-weight: bold;
    }

    .proceedtopayment {
        position: relative;
        max-width: 313px;
        width: 100%;
        margin: auto;
        z-index: 10
    }

    .proceedtopayment1 {
        display: block;
        max-width: 313px;
        width: 100%;
        height: 18px;
        margin: auto;
        background-color: Green;
        position: absolute;
        top: 295px;
        font-size: 12px;
        z-index: 9;
        color: #ffffff;
        "

    }

    .about-product-info {
        text-align: left;
        width: 160px;
        float: right;
        padding-right: 20px;
        padding-top: 50px
            /*margin-top:155px;*/
    }

    .productname {
        font-size: 18px;
        color: #58595b;
        line-height: 24px;
    }

    .addtocart {
        float: right;
        margin-top: 18px;
        position: relative;
        right: 21px;
        top: -13px;
    }

    .whitebg {
        background-image: url(../images/white-bg-small.jpg);
        height: 313px;
        width: 313px;
        background-repeat: no-repeat;
        margin: auto
    }
}

/* Testimonies css*/


.farmer-info {
    float: left;
    width: 80%;
    font-size: 14px;
    padding-bottom: 15px;
    color: #000000;
    padding-top: 10px;
}

.readmore {
    float: right;
    width: auto;
    padding-top: 9px;
}

.readmore a {
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    text-align: right;
}

.readmore a:hover {
    color: #58595b;
}

.testimonylinks {
    padding: 30px 0 0px 0
}

.testimonylinks a {
    color: #000000;
    font-size: 15px;
    text-decoration: none;
    font-weight: normal
}

.testimonylinks a:hover {
    color: #58595b;
}

.testimonylinks a.active {
    color: #000000;
    font-weight: bold
}

.borderbottom {
    height: 1px;
    background-color: #000000;
    color: #000000;
    width: 97%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 30px;
}

.videosort {
    text-align: right;
    margin-top: 25px;
}

.videodrop {
    padding: 7px 10px;
    color: #000000;
    background-color: #f1f1f1;
    border: 1px solid #000000;
    outline: none;
    font-size: 14px;
}

.farmer-info-video {
    float: left;
    width: 100%;
    font-size: 14px;
    padding-bottom: 5px;
    color: #000000;
    padding-top: 10px;
    font-weight: 500;
}

.readmore-video {
    float: left;
    width: auto;
    padding-bottom: 15px;
}

.readmore-video a {
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    padding-right: 10px;
}

.readmore-video a:hover {
    color: #58595b;
}

.viewshare {
    display: inline-block;
    color: #000000;
    text-align: right;
    float: right
}

.sharebtn {
    display: inline-block;
    color: #000000;
    text-align: right;
    float: right;
    padding-top: 5px;
}