/** Generated by FG **/
@font-face {
    font-family: 'Conv-Lato-Regular';
    src: url('../fonts/Lato-Regular.html');
    src: local('☺'), url('../fonts/Lato-Regular.woff') format('woff'), url('../fonts/Lato-Regular.ttf') format('truetype'), url('../fonts/Lato-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/** Generated by FG **/
@font-face {
    font-family: 'Conv-Brush 445 Regular';
    src: url('../fonts/Brush%20445%20Regular.eot');
    src: local('☺'), url('../fonts/Brush%20445%20Regular.woff') format('woff'), url('../fonts/Brush%20445%20Regular.ttf') format('truetype'), url('../fonts/Brush%20445%20Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/** Generated by FG **/
@font-face {
    font-family: 'Conv-Lato-Light';
    src: url('../fonts/Lato-Light.eot');
    src: local('☺'), url('../fonts/Lato-Light.woff') format('woff'), url('../fonts/Lato-Light.ttf') format('truetype'), url('../fonts/Lato-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/****** image hover-animation-css start ******/
.image-hover * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.image-hover {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.bg-body-Instagram .image-hover {
    display: block;
}

.image-hover a {
    text-decoration: none
}
/*** effect zoom in ***/

.img-zoom-in img {
    transition: all .1s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.img-zoom-in:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1)
}
/****** image hover-animation-css end ******/

.flag-usa {
    border-radius: 50%;
    height: 30px;
    margin-left: 5px;
    position: relative;
    z-index: 1;
}

}

.dark-skin .logo-dark, .light-skin .logo-light {
    position: absolute;
    top: -40px;
    z-index: 999;
}

.navbar .navbar-nav > li > .nav-link {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
}

.nav-link:hover {
    background: #72c02c;
}

.nav-fixed .logo-dark {
    position: absolute;
    top: 2px !important;
    width: 50px;
}

.dark-skin:not([class*="bg-"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
    background-color: #fff;
    box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);
    border: 1px solid #e6e6e6;
    /*width: 50%;*/
    float: right;
    position: absolute;
}

a:hover {
    color: #28844e !important;
}

.heading-s1 h2::after {
    content: "";
    background: url(../images/head-line.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    display: block;
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 10px;
}

.heading-s1 p {
    margin-top: 25px;
}

.wrapper-bg-img {
    background: url("../images/IMC-body-pattern.png");
    position: relative;
    /* z-index: -1; */
}

.bg-body {
    background-color: #fff;
    width: 70%;
    margin: 0 auto;
}

.nav-link:hover {
    background: #05480c;
    color: #fff !important;
}

.icon-bar {
    position: fixed;
    top: 40%;
    /* -webkit-transform: translateY(-50%); */
    /* -ms-transform: translateY(-50%); */
    /* transform: translateY(-50%); */
    z-index: 999;
    right: 0px;
}

.widget-title {
    padding-bottom: 5px;
    display: inline-block;
}


.icon-bar a {
    display: block;
    text-align: center;
    padding: 8px;
    transition: all 0.3s ease;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    margin-right: 5px;
    margin-bottom: 10px;
    height: 42px;
    width: 40px;
}

.facebook, .twitter, .instragram, .email {
    background: #05480c;
    color: #fff;
}

/* =======about page=========== */
.mobile-screen-show {
    display: none;
}

.about-bg {
    background-image: url(../images/about-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.about-wrapper .main-text {
    width: 80%;
    margin: 0 auto;
    font-family: 'Conv-Lato-Light';
    font-size: 16px;
}

.main-heading h1 {
    font-family: 'LatoSemibold', sans-serif !important;
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 0;
}

.our-story-bg h6 {
    font-size: 22px;
}

.story-content p {
    font-size: 18px;
}

.main-heading:after {
    content: "";
    background: url(../images/head-line.png);
    display: block;
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.about-wrapper h1 {
    color: #000 !important;
}

.about-wrapper h2 {
    color: #000 !important;
}

.story-head h6 {
    color: #000 !important;
}

.our-story-bg h6 {
    color: #000 !important;
}

.story-head {
    font-family: 'Conv-Brush 445 Regular' !important;
}

p {
    font-size: 16px !important;
}

.our-story-bg p {
    font-size: 20px !important;
}

.story-padding {
    padding: 80px 0px 10px 0px;
}

.text-lights {
    color: #000;
    letter-spacing: 1px;
    font-family: 'Conv-Lato-Light',Sans-Serif;
}

/*-- ALOEVEDA CSS START ---*/
.aloeved-wrapper {
    background-image: url(../images/aloeved-bg.jpg);
    padding: 270px 0 270px;
    background-size: cover;
    background-repeat: no-repeat;
}

.aloeved-head {
    font-size: 70px;
    letter-spacing: 8px;
    margin-bottom: 0;
}

.aloeved-subhead {
    font-size: 40px;
    letter-spacing: 5px;
}

/*-- ALOEVEDA CSS END ---*/

/*-- ingredients CSS START --*/

.grey-img {
    background-image: url(../images/grey-img-bg.html);
}

.white-bg {
    background-color: #fff;
    padding: 30px 0;
}

.products-inner {
    transition: all 500ms ease;
    padding: 6px;
}

    .products-inner:hover {
        box-shadow: 0 3px 20px #d2d2d2;
    }

/*-- ingredients CSS END --*/
/*-- OUR BRAND CSS START --*/
.main-text h5 {
    line-height: 28px;
}

.our-brand h1, .philosophy-wrapper h1 {
    text-transform: capitalize;
    color: #545252;
    margin-bottom: 0;
}

.green-heading {
    color: #29864f;
}

.our-brand p, .philosophy-wrapper .main-text p {
    font-size: 18px;
    color: #555;
}

.philosophy-inner p, .values-inner p {
    color: #000;
    font-size: 16px;
}

.main-text p {
    font-size: 16px;
}

.banner-wrapper img {
    max-width: 100%;
    width: 100%;
}

.philosophy-inner p, .values-inner p {
    color: #000;
}

.values-wrapper h1 {
    color: #29864f;
}
/*-- OUR BRAND CSS END --*/

/*--  OUR-TEAM CSS START --*/
.green-bg-btn {
    background-color: #28844e;
    color: #fff;
    font-size: 15.5px;
}

.scrollbar {
    height: 287px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.force-overflow {
    min-height: 450px;
}

#team-scroll {
    width: 500px;
}

#scroll-style::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#scroll-style::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#scroll-style::-webkit-scrollbar-thumb {
    background-color: #28844e;
}

.ms-overflow-style
.team-inner h2 {
    color: #545252;
}

.our-team-wrapper p {
    font-size: 18px;
}

.members-wrapper h1 {
    text-transform: capitalize;
}

.green-text {
    color: #28844e;
}

.members-inner {
    border: 1px solid #737272;
}

.members-content strong.green-text {
    font-size: 18px;
}

.grey-text {
    color: #737272;
}

.other-item-circle {
    position: relative;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin: 20px auto 20px;
}

.other-members-img {
    width: 170px;
    height: 170px;
    border: 2px solid #0a7f43;
    border-right-color: #fff;
    border-left-color: #fff;
    border-bottom-color: #0a7f43;
    border-radius: 50%;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    opacity: 0.1;
}

.other-item-circle .other-members-img-inner {
    width: auto;
    height: auto;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 0;
    right: 0;
}

.other-members-img-inner img {
    width: 100%;
}

.other-members-img-inner {
    width: 220px;
    height: 220px;
    text-align: center;
    border-radius: 50%;
    border: 0px solid #000;
    overflow: hidden;
    position: absolute;
}

.members-inner:hover .other-members-img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
}
/*--  OUR-TEAM CSS END --*/

/*--- CONTACT CSS START --*/
address.contact-address {
    color: #555;
    font-size: 14px;
}

button.btn.btn-outline {
    border: 1px solid #28844e;
    font-size: 20px;
    width: 40%;
}

.contact-form .form-control {
    border: 1px solid #28844e;
}
/*--- CONTACT CSS END --*/
/*--- Past-Events CSS START ---*/
.green-bg {
    background: #28844e;
    border-radius: 15px;
    margin: -1px;
}

.events-mainimg {
    border-radius: 50%;
    border: solid 1px rgba(114, 192, 44, 0.6);
    padding: 3px;
}

.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success.active {
    color: #fff;
    background-color: #28844e;
    border-color: #fff;
}

.events-main-img {
    width: 80px;
    border-radius: 50%;
    border: solid 1px rgba(114, 192, 44, 0.6);
    padding: 3px;
}

.filter-option {
    font-size: 18px !important;
    padding: 7px 40px !important;
}

.gallery-item:hover .gallery-content {
    text-align: center;
}

.upcoming-events-inner h4 {
    color: #72c02c;
    font-weight: normal;
    font-size: 16px;
    font-family: "Open Sans", Arial, sans-serif;
}

    .upcoming-events-inner h4:hover {
        text-decoration: underline;
    }

hr {
    margin: 30px 0;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
    border-top: 1px solid #eee;
}

.green-bg p {
    font-size: 18px;
}

.traning-inner {
    background-color: #fff;
    /*box-shadow: 0 10px 31px 2px #0000002b;*/
    border-radius: 15px;
    border: 1px solid #0000002b;
}

.traning-white-bg p {
    margin-bottom: 0;
    padding: 10px 0 0 0;
}
/*--- Past-Events CSS END ---*/
/*---upcomming-events CSS START---*/
.upcoming-events-inner {
    cursor: pointer;
}

.modal-dialog.upcoming-events-body {
    max-width: 60% !important;
    margin: 15% auto;
}

.upcoming-events-body .modal-content {
    background-color: transparent;
    border: none;
}

.traning-white-bg td {
    border: none;
    padding: 5px 16px 0 0;
}
/*---upcomming-events CSS END---*/
/*----crown-president-CSS-START---*/
.crown-img {
    box-shadow: 0 0 18px #00000042;
    background-color: #fff;
}

.crown-content p {
    font-size: 16px;
}
/*----crown-president-CSS-END---*/

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

.caption h3 {
    font-size: 18px;
}

.thumbnail-img {
    margin-bottom: 10px;
}

.caption p {
    color: #333;
    line-height: 26px;
    font-size: 15px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px;
}

/*.service-block i {
    float: left;
    margin: 3px 9px 0 0;
}*/

.btn {
    font-size: 13px;
}

.app4-btn {
    margin-bottom: 10px;
}

.panel-heading {
    color: #fff;
    padding: 5px 15px;
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel, .panel-heading, .panel-group .panel {
    border-radius: 0;
}

.panel-default {
    border-color: #ddd;
}

.panel-body {
    padding: 15px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-heading h4 {
    color: #29854f;
    margin: 7px 0;
}

.red-star {
    color: #CC0000;
    font-weight: bold;
    font-size: 16px;
}

.gallary {
    padding: 30px 15px 10px 15px;
    position: relative;
    width: 100%;
    z-index: 1;
}


/*-- OUR BRAND CSS START --*/
.main-text h5 {
    line-height: 28px;
}

.our-brand h1, .philosophy-wrapper h1 {
    text-transform: capitalize;
    color: #555;
    margin-bottom: 0;
}

.green-heading {
    color: #29864f;
}

.banner-wrapper img {
    max-width: 100%;
    width: 100%;
}

.list-none.widget-links {
    margin-bottom: 30px;
}

.blog_box {
    margin-bottom: 30px;
}

.blog_title {
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #ffffff;
    text-shadow: 0px 0px 0px #fff;
}

.bg-body-Instagram {
    background-color: #fff;
    width: 98%;
    margin: 0 auto;
}

.insta-feed img {
    margin-bottom: 30px;
}

.details-blog {
    position: relative;
    margin-top: -150px;
    background: #fff;
    padding: 20px 30px;
}

.blog-details-img {
    margin-top: 20px;
}

.blog-recent-img {
    margin-bottom: 50px;
    margin-top: 50px;
}

.details-blog ul {
    padding-left: 40px;
}

.details-blog li {
    margin-bottom: 10px;
    font-weight: bold;
}

.offers_img img {
    max-width: 100%;
    box-shadow: 11px 11px 3px #c7cdcf;
}

.bg-body-crown.crown-block {
    background: #aed1bc;
}

.Crown-content h4 {
    margin: 0px;
    margin-top: 0px;
    margin-top: 15px;
    font-size: 22px;
    font-weight: bold;
}

.crown-president .col-md-3 {
    max-width: 20%;
    text-align: center;
}

.crownpresident {
    margin: 0 auto;
    max-width: 1200px;
}

.Crown-inner .rounded-circle {
    width: 150px;
    height: 150px;
}

.Crown-inner:hover {
    background: rgba(255,255,255,0.5);
    border-radius: 15px;
    transition: all 0.5s ease 0s;
}

.first-crown-banner {
    background: url("../images/Health-and-Nutrition-1.png");
    color: #fff;
    padding: 266px 0;
    margin-bottom: 5px;
    background-size: cover;
}

.second-crown-banner {
    background: url("../images/Health-and-Nutrition-2.png");
    color: #fff;
    padding: 266px 0;
    margin-bottom: 5px;
    background-size: cover;
}

.first-crown-banner a {
    color: #fff !important;
}

.second-crown-banner a {
    color: #fff !important;
}

.btn.btn-success.rounded-0.add-to-bag.mb-4 {
    width: 100%;
    padding: 10px 0;
    background: #28844e;
    border-color: #28844e;
}

.Our-association p {
    font-size: 16px;
}

.Group-companies p {
    font-size: 16px;
}

.sucess-story-desc p {
    font-size: 16px;
}

.overflow-hidden {
    overflow: hidden;
}

.Grievance-Redressal strong {
    color: #29854f;
}

.products-inner p {
    font-size: 18px !important;
}

.product_info h6 {
    height: 52px;
}

.download-img {
    padding: 0px;
    border: 4px solid #e4e4e4;
}

.download-box {
    margin-bottom: 30px;
}

.btn-success {
    color: #fff;
    background-color: #29854f;
    border-color: #29854f;
}

.downloads-block i {
    float: left;
    margin: 0px 5px 0 0;
}

.bg-body-downloads {
    background-color: #fff;
    width: 85%;
    margin: 0 auto;
}

.download-box .caption {
    padding-left: 10px;
    padding-right: 10px;
}

.download-dd {
    height: 33px !important;
    padding: 0px 15px !important;
    font-size: 14px;
    width: 100px !important;
}

.form-control.selectpicker.download-dd {
    width: 100% !important;
    color: #000;
    border-color: #999;
}

.btn.btn-success.reset {
    width: 100%;
    margin-bottom: 20px;
    text-align: right;
    font-size: 12px;
}

.download-box .caption h3 {
    font-size: 15px;
    color: #029650;
    margin-bottom: 20px;
}

.download-box .form-control, .download-box .btn {
    box-shadow: none;
    border-radius: 6px !important;
}

.service-block-v6 i {
    float: left;
    margin: 5px 15px 0 0;
}

.download-box .thumbnails {
    background-color: #e4e4e4;
    border: solid 1px #efefef;
}
/*-- footer --*/
.footer-top {
    margin-right: 26px;
}

.inner-banner-main .img-responsive {
    width: 100%;
}

.inner-banner-main .img-fluid {
    width: 100%;
}

.padding-lefts {
    padding-left: 40px;
}

.bg-footer {
    background: url("../images/footer_img.jpg");
    background-repeat: repeat;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-desc {
    width: 100%;
    float: left;
}

.footer-img-1 {
    float: left;
    width: 195px;
}

.footer-img-2 {
    float: right;
    width: 195px;
    right: 15px;
    position: relative;
}
/*-- footer --*/

/*-- OUR BRAND CSS END --*/
.app4-btn .btn-default {
    text-align: left;
}
/*-- RESPOSNIVE CSS START ---*/

.bredcrumb-navigation {
    margin-bottom: 40px;
    width: 100%;
}

.toggle {
    width: 100%;
    text-align: right;
    background: #05480c;
    padding: 5px 20px;
    box-sizing: border-box;
    display: none;
}

.active {
    color: #28844e;
}
/*--  OUR-TEAM CSS START --*/
span.green-bg {
    background-color: #28844e;
    color: #fff;
    font-size: 14px;
}

.scrollbar {
    height: 266px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.force-overflow {
    min-height: 450px;
}

#team-scroll {
    width: 500px;
}

#scroll-style::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

#scroll-style::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#scroll-style::-webkit-scrollbar-thumb {
    background-color: #28844e;
}

.team-inner h2 {
    color: #545252;
}

.our-team-wrapper h1, .members-wrapper h1 {
    text-transform: capitalize;
}

.green-text {
    color: #28844e;
}

.members-inner {
    border: 1px solid #999999;
}

.members-content strong.green-text {
    font-size: 18px;
}

.members-content .grey-text {
    color: #737272;
    margin-bottom: 0;
}

.other-members-img-inner img {
    width: 100%;
}

.members-inner:hover .other-members-img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 1;
}

.center-menu ul > li > a::after {
    content: " | ";
    margin-left: 20px;
    margin-right: 0px;
    color: #ccc;
}

.navbar-nav.direct-selling-navbars {
    flex-direction: column;
    width: 100%;
    float: left;
    display: block !important;
}

.center-menu ul > li > a {
    display: block ruby;
    text-transform: none;
    padding: 10px 15px 10px 15px;
}

.direct-selling-navbars .nav-item {
    width: auto !important;
    float: left;
    position:;
}

.center-menu ul > li:last-child a:after {
    content: " " !important;
}

.direct-selling-wrapper .main-text p {
    font-size: 17px;
}

.direct-selling-wrapper .main-heading h2 {
    color: #545252;
    text-transform: capitalize;
}

hr.green-line {
    border-top: 2px solid #28844e;
}

.grey-btn {
    background-color: #dddedf;
    border: none;
    width: 100%;
    padding: 6px;
    color: #333333;
}

    .grey-btn:before, .grey-btn:after {
        content: "";
        background: url(../images/shape1.png);
        position: absolute;
        width: 100%;
        height: 38px;
        background-repeat: no-repeat;
        background-position: left;
        top: 0;
    }

    .grey-btn:before {
        left: 9%;
    }

    .grey-btn:after {
        left: 98%;
    }

button.grey-btn:hover {
    background: #93c1a6;
}

.btn-wrapper {
    position: relative;
    overflow: hidden;
}

.green-shape {
    height: 42px;
    width: 42px;
    background-color: #28844e;
    position: absolute;
}
/*--- CONTACT CSS START --*/
address.contact-address {
    color: #555;
    font-size: 14px;
}

button.btn.btn-outline {
    border: 1px solid #28844e;
    font-size: 20px;
    width: 40%;
}

.image-grid-cover {
    width: 100%;
    background-size: cover;
    min-height: 180px;
    position: relative;
    margin-bottom: 30px;
    border-radius: 4px;
}

.image-grid-clickbox {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: #bbc9e4;
}

.About-Inspiring-World p {
    font-size: 16px;
}

.cover-wrapper {
    font-size: 21.5px;
    text-align: center;
    display: block;
    color: #6e6c6c;
    z-index: 21;
    position: relative;
    top: 80px;
    font-weight: bold;
}

.product-title p {
    font-size: 16px;
}

.btn-active {
    background: #93c1a6;
}
/*--- CONTACT CSS END --*/
/*--- product --*/
.product-customer {
    background-color: #fff;
    border: 1px solid #28844e;
    position: relative;
    margin-bottom: 30px;
    transition: all 0.5s ease-in-out;
}

.product-inner {
    padding: 0px;
}

.pr-detail .list-none li {
    font-size: 22px;
}

.fb {
    background: #3b5998;
    color: #fff;
    border: 1px solid #3b5998 !important;
}

.lkde {
    background: #0e76a8;
    color: #fff;
    border: 1px solid #0e76a8 !important;
}

.tw {
    background: #26a6d1;
    color: #fff;
    border: 1px solid #26a6d1 !important;
}

.ev {
    background: #414141;
    color: #fff;
    border: 1px solid #414141 !important;
}

.wt {
    background: #55cd6c;
    color: #fff;
    border: 1px solid #55cd6c !important;
}


.aloevera-wrapper {
    background-image: url(../images/aloevera-bg.png);
    background-size: cover;
}

.aloevera-grey-bg {
    background-color: #f2f2f2;
}

.aloevera-white-bg {
    background-color: #fff;
}

.aloevera-grey-bg h3 {
    color: #545252;
    margin-bottom: 0px;
}

.title-product h3 {
    /*border-bottom: 3px solid #28844e;*/
    padding: 8px 0;
}

.how-to-use {
    border-top: 3px solid #28844e;
    border-bottom: 3px solid #28844e;
}

.aloeved-beverage-wrapper {
    background-image: url(../images/aloeved-beverage.jpg);
    background-size: cover;
}

.beverage-img {
    background-color: #fff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.carousel-slide-52 .img-fluid.pb-2 {
    width: auto;
    display: table-cell !important;
}

.border-social .social-icons li a:hover, .border-social.social-icons li a:hover {
    color: #fff !important;
}

.carousel-slide-52 .owl-dots.disabled, .carousel-slide-52 .owl-nav.disabled {
    display: block;
}

.product-share {
    display: block ruby !important;
    text-align: right;
}

.black-head {
    color: #000;
    font-size: 22px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.black-heads {
    color: #000;
    font-size: 18px;
}

.aver-head {
    font-size: 18px;
    color: #545252;
}

.green-btn {
    background: #28844e;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px 28px;
    font-size: 18px;
}

select.reviews-option {
    float: right;
    color: #28844e;
    font-size: 24px;
    padding: 4px 0 3px 5px;
}

section.reviews-wrapper {
    border-bottom: 3px solid #28844e;
}

.traning-white-bg {
    width: 90%;
    margin: 0 auto;
}

.Crown-members-img-inner img {
    max-width: 100%;
    width: 185px;
    height: auto;
    border-radius: 50%;
    height: 185px;
}
/*--- product end --*/

.btn-addtocart {
    background: #28844e;
    color: #fff;
}

.blog-nav {
    margin: 0 auto;
}

.icon-bar a:hover {
    color: #fff !important;
    text-decoration: none;
    background: #28844e;
}

#navbarSupportedContent1 .navbar-nav li {
    float: left !important;
}

#navbarSupportedContent1 .navbar-nav {
    display: block !important;
}

.crown-heading {
    text-transform: capitalize !important;
}

.popup-table td, .popup-table th {
    padding: 8px !important;
    border-top: 0px solid #dee2e6 !important;
}

.zoomContainer {
    display: none !important;
}

.product-title h4 {
    font-weight: bold;
}

.product_info p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.main-heading h6 {
    color: #000;
}

.story-content h2 {
    color: #000;
}

.story-content .story-head {
    color: #000;
}

.story-content p {
    color: #000;
}

.offer-box {
    margin-bottom: 30px;
}

.offer-img {
    overflow: hidden;
}

.offer-box:hover .offer-img img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.Beverage-special {
    color: #000;
    font-size: 35px;
}

.first-crown-banner a:hover {
    text-decoration: underline;
    opacity: 0.8;
}

.second-crown-banner a:hover {
    text-decoration: underline;
    opacity: 0.8;
}

.btn:hover {
    background: #333 !important;
    border-color: #333 !important;
    color: #fff !important;
}

.aloevera-grey-bg p {
    font-size: 18px;
    padding: 0 15px;
}

.aloevera-white-bg p {
    font-size: 18px;
}

.blog-link {
    color: #28844e !important;
}

.Crown-content h4 {
    color: #000;
}

.Crown-content p {
    color: #000;
}

.our-events h5 {
    color: #000;
}

.our-events p {
    color: #000;
    font-size: 16px;
}

/*.Grievance-Redressal .btn {
    border-radius: 8px;
}*/

.about-wrapper p {
    color: #000;
    line-height: 26px;
}

.members-content .green-text {
    font-size: 18px;
}

.members-content h6 {
    font-size: 18px;
}

.members-content .grey-text {
    font-size: 13px;
}

#upcoming-popup .close {
    position: relative;
    right: 10px;
    z-index: 9999999;
}

#upcoming-popup .modal-header {
    border: 0px solid transparent;
    position: absolute;
    right: 0px;
}

.checked-star {
    color: #ff9f1a;
}
/* .modal-open .modal { */
/* overflow-x: hidden; */
/* overflow-y: hidden; */
/* } */
.vedio-slider .carousel-caption {
    right: 0;
    bottom: 6px;
    left: 0;
    z-index: 10;
    padding-top: 300px;
    width: 100%;
    /* background-color: rgba(36, 42, 53, 0.2); */
}

    .vedio-slider .carousel-caption h2 {
        color: #fff;
    }

    .vedio-slider .carousel-caption p {
        color: #fff;
    }

.vedio-slider .read-more {
    background: #396;
    font-size: 15px;
    line-height: 25px;
    padding: 5px 30px;
}

.sellers-main {
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.sellers-img-main {
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0;
    padding: 10px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.sellers-hover-main {
    text-align: center;
    width: 100%;
    height: auto;
    background: rgb(255, 255, 255, 0.8);
    float: left;
    padding: 20px;
    position: absolute;
    bottom: 80px;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateY(250px);
    -moz-transform: translateY(250px);
    -ms-transform: translateY(250px);
    -o-transform: translateY(250px);
    transform: translateY(250px);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.hover-star-main {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #0a7f43;
    display: none;
}

    .hover-star-main ul, .hover-star-main ul li {
        padding: 0;
        margin: 0;
        display: inline;
        list-style: none;
    }

        .hover-star-main ul, .hover-star-main ul li {
            padding: 0;
            margin: 0;
            display: inline;
            list-style: none;
        }

.seller-hover-hedding {
    width: 100%;
    height: auto;
    float: left;
    font-weight: 500;
    font-size: 20px;
    margin: 10px 0;
}

.seller-hover-para {
    width: 100%;
    height: 50px;
    overflow: hidden;
    float: left;
    font-weight: 500;
    font-size: 16px;
    margin: 5px 0;
}

.btn-hover {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
    opacity: 0;
    z-index: 2;
    text-align: center;
    font-size: 18px;
    color: #666;
    padding: 10px 0;
    background: #efefef;
    /*min-height: 78px;*/
    display: table;
}

    .btn-hover a {
        color: #666;
        text-decoration: none;
        /*display: table-cell;*/
        vertical-align: middle;
    }

.btn-arrow {
    border: 1px solid #0a7f43;
    color: #0a7f43;
    font-size: 12px;
    padding: 3px 6px;
    line-height: 0px;
    margin-left: 10px;
    margin-top: -2px;
    position: absolute;
    top: 18px;
    margin-left: 7px;
}

.sellers-btn-main-table {
    width: 100%;
    height: auto;
    float: left;
    border-top: 2px solid #0a7f43;
    text-align: center;
    color: #666;
    padding: 0 10px;
    background: #efefef;
    position: relative;
    display: table;
    /*min-height: 80px;*/
}

.sellers-btn-main {
    width: 100%;
    height: auto;
    float: left;
    /*border-top: 2px solid #0a7f43;*/
    text-align: center;
    font-size: 14px;
    color: #666;
    padding: 10px 0;
    background: #efefef;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.sellers-main:hover .sellers-hover-main {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.sellers-main:hover .sellers-img-main {
    opacity: 0.6;
}

.sellers-main:hover .btn-hover {
    opacity: 1;
}

.bg-bodys {
    background-color: #fff;
}

.seller-heading-txt p {
    font-size: 18px;
    color: #28844e;
}

.achivers-home-main {
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 20px;
    text-align: center;
}

.achivers-home-img-main {
    width: 250px;
    height: 250px;
    margin: 0 auto 20px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #000;
    overflow: hidden;
}

.ratio {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}

.achivers-home-txt-main {
    width: 100%;
    height: auto;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 20px;
}

    .achivers-home-txt-main strong {
        line-height: 40px;
        font-size: 21px;
    }

.img-container-home {
    margin: 0;
    padding: 0;
    height: auto;
    position: relative;
    font-family: 'Roboto', sans-serif;
}

    .img-container-home img {
        width: 100%;
        object-fit: cover;
        height: auto;
    }

.about-vision-txt-main-home {
    height: auto;
    background: #fff;
}

.about-vision-txt-home {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 3%;
    text-align: center;
    color: #747272;
    font-size: 18px;
}

#fade-quote-carousel.carousel, #fade-quote-carousel1.carousel, #fade-quote-carousel2.carousel, .product-carousel {
    padding-bottom: 0px;
    padding-top: 0%;
}

    .carousel-indicators, #fade-quote-carousel1.carousel .carousel-indicators, #fade-quote-carousel2.carousel .carousel-indicators, .product-carousel .carousel-indicators {
        bottom: 0px;
        margin-bottom: 0;
    }

.crausel-product {
    width: 150px;
    width: 190px;
    height: 190px;
    height: 150px;
    margin: 0 auto 10px;
}

    .crausel-product img {
        width: 100%;
    }

.crausel-product-blockquote {
    padding: 10px 10px;
    font-size: 18px;
    text-align: center;
    border: none;
}

.product-name-heading {
    color: #28844e;
    font-size: 18px !important;
}

.product-name-subheading {
    color: #28844e;
    font-size: 16px;
}

.product-name-para {
    color: #666;
    font-size: 14px;
}

.crausel-product-blockquote a {
    color: #666;
    text-decoration: none;
}

.crausel-product-btn {
    text-transform: uppercase;
    color: #666;
    text-decoration: none;
}

    .crausel-product-btn i {
        font-size: 12px;
        margin-left: 10px;
        border: 1px solid #0a7f43;
        color: #0a7f43;
        padding: 3px 5px;
    }

.navbar-default .navbar-nav > li > a {
    border: 1px solid #f3f3f3;
    color: #fff;
    font-size: 100%;
    text-transform: uppercase;
    text-align: center;
}

.nav > li > a {
    padding: 15px 0;
}

.navbar-nav > li {
    width: 30%;
}

.navbar-nav > li {
    float: left;
}

.navbar-nav {
    width: 45%;
    position: relative;
}

.navbar-nav {
    float: left;
    margin: 0;
}
/* .navbar-brand .img-fluid { */
/* width: 65px; */
/* } */
.header-wrap.dark-skin.main-menu-uppercase.nav-fixed {
    background: #fff;
}

.nav-fixed .navbar-nav {
    background: #28844e;
}

.nav-fixed .header-list > li a {
    color: #000;
    font-size: 14px;
    vertical-align: middle;
}

.nav-fixed .border-list > li::before {
    content: "";
    position: absolute;
    left: 0;
    height: 18px;
    width: 1px;
    background-color: #000;
    top: 55%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.navbar-brand {
    margin-right: 0px;
}

.owl-dots {
    display: none;
}

.about-wrapper {
    margin-top: 150px;
}

.bg-body .navbar-nav {
    width: 100% !important;
    position: relative;
}

    .bg-body .navbar-nav > li {
        width: auto !important;
    }

.award-certificate-main {
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #ccc;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.award-certificate-img-main {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    padding: 20px;
}

.bg-body .navbar-nav > li {
    width: auto !important;
    margin: 0 auto;
    display: table-cell !important;
}

.award-certificate-main a {
    display: table;
}

.overflow-hidden {
    overflow: hidden;
}

.cbp-lightbox img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
}

.award-certificate-img-main img {
    width: 300px;
    height: 200px;
}

.transmistion-new {
    transition: all 0.8s ease-in-out;
    width: 300px !important;
    height: 200px !important;
}

.award-certificate-txt-main {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #666;
    border-top: 2px solid #0a7f43;
    padding: 10px 20px;
    background: #efefef;
    max-height: 96px;
    overflow: hidden;
    min-height: 96px;
}

.panel-grey {
    border-color: #95a5a6;
}

    .panel-grey > .panel-heading {
        background: #95a5a6;
    }

.panel-heading {
    color: #fff;
    padding: 5px 15px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    line-height: 27px;
}

.news-v1 h3 {
    margin-bottom: 0;
    font-weight: 400;
    line-height: 28px;
    padding: 10px 15px 15px;
    font-size: 18px;
}

    .news-v1 h3 a {
        color: #555;
    }

@media only screen and (min-width: 1600px) and (max-width: 2000px) {
    /*.navbar-nav:last-child .last-child-dropdown-menu .dropdown-menu {
        position: relative;
        left: 0px;
    }*/

    .about-vision-txt-home {
        padding: 12% 3%;
    }

    .vedio-slider .carousel-caption {
        padding-top: 500px;
    }
}
/*Responsive media*/
@media only screen and (min-width: 1280px) and (max-width: 1599px) {
    .grey-btn:before {
        left: 13%;
    }

    .vedio-slider {
        height: 100vh;
    }

    .modal-dialog.upcoming-events-body {
        max-width: 80% !important;
    }

    .navbar-nav:last-child .last-child-dropdown-menu .dropdown-menu {
        position: relative;
        left: -80px;
    }
}

@media only screen and (max-width: 1136px) {
    .grey-btn:before {
        left: 16%;
    }

    .green-bg {
        padding: 4rem !important;
    }
}

@media only screen and (max-width: 1023px) {
    .nav-link {
        color: #000 !important;
    }
}

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

    .table-responsive-lg {
        padding: 0 0 30px 0;
    }

    .grey-btn:before {
        left: 17%;
    }

    .aver-head {
        font-size: 16px;
    }

    .other-item-circle {
        width: 160px;
        height: 160px;
    }

    .other-members-img {
        width: 170px;
        height: 170px;
    }
}


@media only screen and (min-width: 1000px) and (max-width: 1265px) {
    .navbar .navbar-nav > li > .nav-link {
        padding: 15px 5px !important;
        font-size: 9.5px !important;
    }

    /*.last-child-dropdown-menu .dropdown-menu {
        position: absolute !important;
        left: -120px;
    }*/

    .main-menu-uppercase .navbar .navbar-nav > li > .nav-link {
        color: #fff !important;
    }
}

@media only screen and (min-width: 991px) and (max-width: 999px) {
    .main-menu-uppercase .navbar .navbar-nav > li > .nav-link {
        color: #fff !important;
    }

    /*.last-child-dropdown-menu .dropdown-menu {
        position: absolute !important;
        left: -100px;
    }*/
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .product-share {
        display: block !important;
    }

    .news-v1 h3 {
        font-size: 15px;
    }

    .aloeved-wrapper {
        padding: 80px 0 270px;
    }

    .aver-head {
        width: 100% !important;
    }

    .green-bg {
        padding: 4rem !important;
    }

    .navbar .navbar-nav > li > .nav-link {
        padding: 15px 5px;
        font-size: 9px;
    }
}

@media only screen and (max-width: 990px) {
    .grey-btn:before {
        left: 11%;
    }

    .blog-nav {
        margin: 0px;
        margin-bottom: 0px;
    }

    .banner-slider {
        overflow: hidden;
        margin-top: 0px;
        z-index: -0;
    }

    .navbar.navbar-expand-lg.navbar-default {
        background: #28844e;
        padding: 0 10px;
        height: 55px;
    }

    .navbar-brand .img-fluid {
        width: 50px;
    }

    .navbar-brand {
        padding: 2px 0px;
    }

    .navbar-nav {
        width: 100% !important;
        position: relative;
    }

        .navbar-nav > li {
            width: 100% !important;
        }

    .header-wrap .navbar-collapse {
        background: #fff !important;
    }

    .header-wrap .navbar {
        display: block;
        background: #28844e;
    }

    .dark-skin:not([class*="bg-"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
        width: 96%;
        text-align: center;
    }

    .nav-fixed .navbar-nav > li > a {
        color: #fff !important;
    }

    .header-list > li a {
        color: #000 !important;
        font-size: 14px;
        vertical-align: middle;
    }

    .nav-fixed .border-list > li::before {
        content: "";
        position: absolute;
        left: 0;
        height: 18px;
        width: 1px;
        background-color: #000 !important;
        top: 55%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .banner-slider {
        margin-top: 0px !important;
    }

    .about-wrapper {
        margin-top: 0px !important;
    }

    .vedio-slider .carousel-caption {
        padding-top: 150px;
    }

    .dark-skin:not([class*="bg-"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
        background: #e6e6e6;
    }
}

@media only screen and (min-width: 767px) and (max-width: 896px) {
    .grey-btn:before {
        left: 13%;
    }

    .blog-nav {
        margin: 0px;
        margin-bottom: 0px;
    }

    .traning-white-bg td {
        padding: 5px 15px 0 54px;
    }

    .banner-slider {
        overflow: hidden;
        margin-top: 0px;
        z-index: -0;
    }

    .navbar.navbar-expand-lg.navbar-default {
        background: #28844e;
        padding: 0 10px;
        height: 55px;
    }

    .navbar-brand .img-fluid {
        width: 50px;
    }

    .navbar-brand {
        padding: 4px 0px;
    }

    .navbar-nav {
        width: 100% !important;
        position: relative;
    }

        .navbar-nav > li {
            width: 100% !important;
        }

    .header-wrap .navbar-collapse {
        background: #fff !important;
    }

    .header-wrap .navbar {
        display: block;
        background: #28844e;
    }

    .dark-skin:not([class*="bg-"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
        width: 100%;
        text-align: center;
    }

    .nav-fixed .navbar-nav > li > a {
        color: #fff !important;
    }

    .header-list > li a {
        color: #000 !important;
        font-size: 14px;
        vertical-align: middle;
    }

    .nav-fixed .border-list > li::before {
        content: "";
        position: absolute;
        left: 0;
        height: 18px;
        width: 1px;
        background-color: #000 !important;
        top: 55%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .banner-slider {
        margin-top: 0px !important;
    }

    .about-wrapper {
        margin-top: 0px !important;
    }

    .vedio-slider .carousel-caption {
        padding-top: 150px;
    }

    .dark-skin:not([class*="bg-"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
        background: #e6e6e6;
    }
}

@media only screen and (max-width: 768px) {
    .grey-btn:before {
        left: 12%;
    }

    .dark-skin .logo-dark, .light-skin .logo-light {
        position: absolute;
        top: 3px;
    }

    .nav-fixed .logo-dark {
        position: absolute;
        top: 3px !important;
        width: 50px;
    }

    .header-wrap .navbar {
        padding: 0px 10px;
    }

    .banner-slider {
        margin-top: 0px !important;
    }

    .scrollbar {
        height: 177px;
    }

    .crown-president .col-md-3 {
        max-width: 25%;
        text-align: center;
        margin: 0 auto;
    }

    .modal-dialog.upcoming-events-body {
        max-width: 100% !important;
    }

    .address-map {
        text-align: center;
    }

    .aloeved-wrapper {
        background-size: cover;
    }

    .center-menu ul > li > a::after {
        content: " " !important;
    }

    .center-menu ul > li {
        border-bottom: solid 1px #eaeaea;
        text-align: center;
    }

    .story-padding {
        padding: 30px 0 !important;
    }

    .navbar-nav {
        width: 100% !important;
        position: relative;
    }

        .navbar-nav > li {
            width: 100% !important;
        }

    .header-wrap .navbar-collapse {
        background: #fff !important;
    }

    .header-wrap .navbar {
        display: block;
        background: #28844e;
    }

    .dark-skin:not([class*="bg-"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
        width: 100%;
        text-align: center;
    }

    .nav-fixed .navbar-nav > li > a {
        color: #fff !important;
    }

    .header-list > li a {
        color: #000 !important;
        font-size: 14px;
        vertical-align: middle;
    }

    .nav-fixed .border-list > li::before {
        content: "";
        position: absolute;
        left: 0;
        height: 18px;
        width: 1px;
        background-color: #000 !important;
        top: 55%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .about-wrapper {
        margin-top: 0px !important;
    }

    .vedio-slider .carousel-caption {
        padding-top: 150px;
    }

    .dark-skin:not([class*="bg-"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
        background: #e6e6e6;
    }
}

@media only screen and (max-width: 767px) {
    .header-list > li a {
        color: #000 !important;
    }

    .aloeved-wrapper {
        padding: 0px 0 0px;
    }

    .center-menu.mt-3.blog-nav {
        width: 100%;
    }

    .dark-skin:not([class*="bg-"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
        background: #e6e6e6;
    }

    .about-wrapper {
        margin-top: 0px !important;
    }

    .nav-fixed .navbar-nav > li > a {
        color: #fff !important;
    }

    .header-wrap.dark-skin.main-menu-uppercase.nav-fixed {
        background: #fff;
        z-index: 15 !important;
    }

    .dark-skin:not([class*="bg-"]):not([class*="bg-"]) .navbar-nav .dropdown-menu {
        width: 100%;
        text-align: center;
    }

    .product_info p {
        min-height: auto;
    }

    .header-wrap .navbar {
        display: block;
        background: #28844e;
    }

    .banner-slider {
        margin-top: 0px !important;
    }

    .header-wrap .navbar {
        height: 55px;
        padding: 0 10px;
    }

    .vedio-slider .carousel-caption {
        padding-top: 40px;
    }

    .navbar-nav {
        width: 100% !important;
        position: relative;
    }

        .navbar-nav > li {
            width: 100% !important;
        }

    .header-wrap .navbar-collapse {
        background: #fff !important;
    }

    .mobile-screen-show {
        display: block;
    }

    .reviews-wrapper .text-center.aver-head {
        text-align: left;
        float: left;
    }

    .reviews-writen .green-btn {
        float: left;
        width: 100%;
    }

    .reviews-wrapper .reviews-option {
        float: left;
        width: 100%;
    }

    .mobile-screen-none {
        display: none;
    }

    .our-story-bg .text-left, .our-story-bg .text-right {
        text-align: center !important;
    }

    .aloeved-head {
        font-size: 44px;
        font-weight: bold;
    }

    .navbar-brand img {
        width: 68px;
    }

    .padding-lefts {
        padding-left: 0px;
    }

    .bg-body {
        background-color: #fff;
        width: 90%;
        margin: 0 auto;
    }

    .bg-footer {
        background-repeat: repeat;
    }

    .direct-selling-navbars .nav-item {
        width: 100% !important;
        float: left;
    }

    .product-inner {
        padding: 15px;
    }

    .product-category-1 {
        margin-top: 10px !important;
    }

    .product-category {
        margin-top: 100px;
    }

    .blog-nav {
        margin: 0px;
        margin-bottom: 0px;
    }

    .bg-footer .pl-5 {
        padding-left: 0 !important;
    }

    .address-map {
        text-align: left;
        margin: 0px !important;
    }

    .nav-link:hover {
        color: #fff !important;
    }

    .main-heading h1 {
        font-size: 25px;
    }

    .green-bg-btn {
        font-size: 12px;
    }

    .direct-selling-bottom {
        padding: 0px !important;
    }

    .product-share {
        margin-bottom: 10px;
    }

    .rating {
        margin: 0 auto;
    }

    .product_price {
        text-align: center;
        margin: 0 auto;
    }

    .list-unstyled.mb-2 {
        margin: 0 auto;
        margin-bottom: 0px;
        text-align: center;
    }

    .text-center.aver-head {
        text-align: center !important;
        float: none !important;
    }

    .rating-sharing .float-right {
        float: none !important;
        margin: 0 auto;
        text-align: center;
    }

    .black-head {
        font-size: 21px;
    }

    .black-heads {
        font-size: 15px;
    }

    .Beverage-special {
        font-size: 22px;
    }

    .aloevera-grey-bg p {
        font-size: 16px;
    }

    .about-wrapper .main-text {
        width: 100%;
    }

    /*#navbarSupportedContent1 .navbar-nav li {
        float: none !important;
    }*/

    .image-hover {
        width: 100%;
    }

    .Crown-content h4 {
        font-size: 21px !important;
    }

    .upcoming-event .col-xl-3.col-lg-4.col-sm-6.mb-5 {
        width: 50%;
        float: left;
    }

    .upcoming-events-inner h4 {
        font-size: 15px;
    }

    .dark-skin .logo-dark, .light-skin .logo-light {
        top: 3px !important;
        width: 48px !important;
    }

    .blog-nav ul > li > a {
        font-size: 14px;
    }
    /*11-06-2020 added for past events tab css*/
    .product-tab {
        width: 80% !important;
        margin: 0 auto;
    }
    /*11-06-2020 added for past events tab css*/
}

@media only screen and (max-width: 667px) {
    .grey-btn:before {
        left: 14%;
    }

    .traning-white-bg td {
        padding: 5px 6px 0 40px;
    }
}

@media only screen and (max-width: 580px) {
    .grey-btn:before {
        left: 8%;
    }
}

@media only screen and (max-width: 425px) {
    .grey-btn:before {
        left: 13%;
    }

    .about-bg {
        background-size: cover;
    }

    #team-scroll {
        width: auto;
    }

    .bg-footer .pl-5 {
        padding-left: 0 !important;
    }

    .story-content p {
        font-size: 16px;
    }

    .traning-white-bg p {
        padding: 4px 0 0 0;
    }

    .aloeved-wrapper {
        padding: 49px 0 70px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .aloeved-head {
        font-size: 50px;
    }

    .aloeved-subhead {
        font-size: 30px;
    }

    .our-story-bg h6 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 384px) {
    .address-wrapper {
        margin: 0;
    }

    .grey-btn:before {
        left: 12%;
    }

    .traning-white-bg td {
        padding: 0 6px 0 2px;
    }
}

@media only screen and (max-width: 320px) {
    .aloeved-head {
        font-size: 30px;
    }

    .aloeved-subhead {
        font-size: 20px;
    }

    .grey-btn:before {
        left: 14%;
    }

    .traning-white-bg td {
        padding: 0 3px 0 6px;
    }
}
/*-- RESPOSNIVE CSS END ---*/


/***** image hover-animation-css end *****/
@media only screen and (min-width: 100px) and (max-width: 320px) {
    .footer-logo .img-fluid {
        width: 85px !important;
    }

    .contact-detail > li, .header-list > li {
        padding: 2px 3px !important;
    }
}

@media only screen and (min-width: 500px) and (max-width: 900px) {
    .business-starter-guide .caption h3 {
        font-size: 15px !important;
        font-weight: bold;
    }



    .product_info p {
        min-height: 100px;
    }

    .navbar .navbar-nav li .dropdown-menu {
        margin: 0px !important;
    }
}

/*11-06-2020 added for past events tab css*/

.gallery-tab {
    width: 40%;
    margin: 0 auto;
}

    .gallery-tab .nav-item.show .nav-link, .gallery-tab .nav-link.active {
        color: #fff !important;
        background-color: #28844e;
        border-color: #28844e;
        border-radius: 0px;
    }

    .gallery-tab .nav-item {
        border: 1px solid #9999 !important;
        border-radius: 0px !important;
    }

.tab-contents .gallery-item .youtube-icon {
    width: auto !important;
    transition: all 0.5s ease-in-out;
    position: relative;
    top: -2px;
}

.tab-contents .gallery-item:hover .youtube-icon {
    transform: initial !important;
}

.tab-contents .gallery-item:hover .gallery-content {
    bottom: 40%;
    opacity: 1;
    visibility: visible;
}
/*11-06-2020 added for past events tab css*/

/*12-06-2020 added for contact page css*/

.list-unstyled li i {
    color: #28844e;
    font-size: 13px;
    min-width: 15px;
    margin-right: 8px;
    text-align: center;
    position: relative;
}

.headline h2 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #28844e;
    font-size: 22px;
    color: #28844e;
    font-weight: bold;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin-top: 10px;
}

.contact-us-new-1 span.c-name {
    padding-bottom: 10px;
    font-size: 16px;
}

.contact-us-new-1 span {
    display: block;
}

.color-green {
    color: #28844e;
}

.list-unstyled i {
    margin-right: 5px;
}

.panel-title i {
    margin-right: 5px;
}

.panel-body {
    padding: 15px 0px;
}

.list-unstyled li:hover a:hover {
    text-decoration: none;
}

.list-unstyled li:hover i, .who li:hover a {
    color: #777;
}

.panel-body {
    padding: 15px;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.list-unstyled li {
    margin-bottom: 6px;
    font-size: 13px;
}

.comp-name {
    font-size: 22px;
    color: #28844e;
}

#notfound {
    position: relative;
    height: 100vh;
}

    #notfound .notfound-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background: #f3fbd1;
        background-size: cover;
    }

    #notfound .notfound {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 0px;
    }

.notfound {
    max-width: 850px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}

    .notfound .notfound-404 {
        position: relative;
        height: 200px;
    }

        .notfound .notfound-404 h1 {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            font-size: 220px;
            font-weight: 900;
            margin: 0px;
            color: #28844e;
            text-transform: uppercase;
            letter-spacing: 10px;
            font-family: 'Montserrat', sans-serif;
        }

    .notfound h2 {
        font-size: 23px;
        font-weight: 700;
        text-transform: uppercase;
        color: #28844e;
        margin-top: 20px;
        margin-bottom: 15px;
        font-family: 'Montserrat', sans-serif;
    }

    .notfound .home-btn, .notfound {
        display: inline-block;
        font-weight: 700;
        text-decoration: none;
        background-color: transparent;
        border: 2px solid transparent;
        text-transform: uppercase;
        padding: 13px 25px;
        font-size: 14px;
        border-radius: 40px;
        -webkit-transition: 0.2s all;
        transition: 0.2s all;
        font-family: 'Montserrat', sans-serif;
    }

        .notfound .home-btn:hover, .notfound .contact-btn:hover {
            opacity: 0.9;
        }

        .notfound .home-btn {
            color: #fff;
            background: #28844e;
            margin-bottom: 30px;
        }

        .notfound p {
            color: #545252;
            line-height: 26px;
            font-size: 14px;
        }

.sucess-story-desc ul li {
    list-style-type: none;
    font-size: 16px;
}

.product-slider-ingredient {
    margin-bottom: 0px !important;
}

.product-slider-1 img.img-fluid.pb-2 {
    width: 367px !important;
    margin: 0 auto;
}

.product-info {
    color: #000;
}

.product-slider-1 .product {
    border: 0px solid;
}

.product-discrip {
    margin: 0 auto;
}

.aloevera-ingredients {
    background: #fff;
}

#pr-item-gallery img {
    height: 80px;
}

.grid-item .product-slider-1 a:nth-child(1n+2) {
    display: block !important;
}

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 h1 {
        font-size: 182px;
    }
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {
        height: 146px;
    }

        .notfound .notfound-404 h1 {
            font-size: 146px;
        }

    .notfound h2 {
        font-size: 16px;
    }

    .notfound .home-btn, .notfound .contact-btn {
        font-size: 14px;
    }
}

#notfound-error-page {
    position: relative;
    height: 100vh;
    background: #f3fbd1;
}

.notfound-error {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.notfound-error {
    max-width: 800px;
    width: 100%;
    text-align: center;
}

    .notfound-error .notfound-404-page {
        height: 280px;
        position: relative;
        z-index: -1;
    }

        .notfound-error .notfound-404-page h1 {
            font-family: 'Montserrat', sans-serif;
            font-size: 230px;
            margin: 0px;
            font-weight: 900;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            background: #28844e;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-size: cover;
            background-position: center;
        }


    .notfound-error h2 {
        font-family: 'Montserrat', sans-serif;
        color: #28844e;
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 0;
    }

    .notfound-error p {
        font-family: 'Montserrat', sans-serif;
        color: #545252;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .notfound-error a {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        background: #28844e;
        display: inline-block;
        padding: 15px 30px;
        border-radius: 40px;
        color: #fff;
        font-weight: 700;
        -webkit-box-shadow: 0px 4px 15px -5px #28844e;
        box-shadow: 0px 4px 15px -5px #28844e;
    }

.home-btn:hover {
    color: #FFF !important;
}

@media only screen and (max-width: 767px) {
    .notfound-error .notfound-404-page {
        height: 142px;
    }

        .notfound-error .notfound-404-page h1 {
            font-size: 112px;
        }

    #pr-item-gallery img {
        height: 50px;
    }

    .navbar .navbar-nav li .dropdown-menu {
        margin: 0px !important;
    }

    .center-menu ul > li > a {
        padding: 5px 5px 10px 5px !important;
    }
}



/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover,
    .mfp-arrow:focus {
        opacity: 1;
    }

    .mfp-arrow:before,
    .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.pricing {
    overflow: hidden;
    background: #eee;
    border: 1px solid #ddd;
}

    .pricing:hover {
        box-shadow: 0 0 15px #b5b5b5;
    }

    .pricing a:hover {
        color: #fff !important;
    }

.pricing-head h3 {
    font-size: 18px;
    background-color: rgba(224, 255, 197, 1);
    border-bottom: 2px solid #eee;
    padding: 12px 0;
    border-radius: 3px 3px 0 0;
    text-align: center;
    margin: 0px;
}

    .pricing-head h3 a {
        color: #333;
    }

.pricing-content li {
    color: #666;
    font-size: 13px;
    padding: 7px 15px;
    background-color: rgb(242, 255, 231);
    border-bottom: solid 1px #f5f9e7;
    border-bottom-color: rgb(245, 249, 231);
    font-family: 'Oswald', sans-serif;
    margin: 0px;
}

.pricing-picture {
    text-align: left;
}

.pricing i {
    margin-right: 5px;
}

.pricing-picture h3 {
    text-shadow: none;
    font-weight: normal;
    background: rgba(224, 255, 197, 1);
    font-size: 14px;
    padding: 12px 17px;
    margin: 0px;
    border-right: 1px solid #eee;
}

.pricing-picture span {
    display: inline-block;
    font-size: 23px;
    padding-left: 15px;
    color: #333;
    position: relative;
    top: 5px;
}

.pricing-picture a {
    color: #fff;
}

.event-name {
    color: #333 !important;
}

.share-icon {
    width: 220px;
    position: fixed;
    right: -180px;
    z-index: 1000;
    transition: all .25s ease;
}

    .share-icon .share {
        padding: 12px;
        transition: all 0.3s ease;
        color: #fff;
        font-size: 20px;
        border-radius: 50%;
        height: 42px;
        width: 40px;
    }

    .share-icon:hover {
        right: 0;
    }

    .share-icon a {
        color: #fff;
        display: inline !important;
        margin-left: 10px;
        margin-bottom: 0;
    }

.share-icon {
    background: #05480c;
}

.icon-bar a {
    border-radius: 0% !important;
    margin-right: 0px !important;
}

.carousel-slide4-1 .item {
    margin: 10px;
}

.tblProduct th {
    background-color: rgba(224, 255, 197, 1) !important;
}

.right {
    text-align: right;
}

#navbarSupportedContent1 .navbar-nav {
    display: inline-block;
    top: 0;
    right: 0;
    transition:;
    transform: none;
    width: 100%;
    text-align: center !important;
}

    #navbarSupportedContent1 .navbar-nav li {
        float: none !important;
        display: inline-block !important;
    }

.carousel-caption h1 {
    color: #fff;
    font-weight: bold;
}

.banner-btn {
    color: #fff;
    margin: 10px auto;
    font-size: 18px;
    text-decoration: none;
    border: 1px solid #ffff;
    padding: 8px 15px;
    border-radius: 0px;
    display: inline-block;
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 8%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    top: 41%;
    text-align: left;
}

.contact-panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    padding: 10px;
}

    .contact-panel .panel-body {
        padding: 0px;
    }

    .contact-panel .color-green {
        font-weight: bold;
        margin-bottom: 10px;
        font-size: 20px;
    }

.product-description .table td, .table th {
    padding: .15rem !important;
}

.accordion .table td, .table th {
    padding: .65rem !important;
}

.field-validation-valid {
    color: red;
}

@media only screen and (min-width: 100px) and (max-width:500px) {
    #pr-item-gallery img {
        height: 50px;
    }
}

/* ====================Business-pages css start====================== */

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #e2dfdf;
}

.thead-success th, td {
    font-size: 14px;
    font-weight: normal;
    color: #545252;
}

.table .thead-success th {
    color: #fff;
    background-color: #28844e;
    border-color: #28844e;
}

.business-list li {
    font-size: 18px;
    line-height: 45px;
}

.success-failure-img {
    width: 100%;
    margin: 0 auto;
}

.business-list {
    margin-left: 32px;
}

.Business-Opportunity p {
    font-size: 18px;
    width: 100%;
    margin: 0px auto;
}

.joining-Opportunity p {
    font-size: 18px;
    margin: 0px auto;
}

.Activation-Opportunity p {
    font-size: 18px;
    margin: 0px auto;
}

.plan-heading {
    border-bottom: 2px solid #53ac50;
}

.business-list {
    margin-left: 20px;
}

.business_info li {
    font-size: 18px;
    line-height: 35px;
}

.business_info p {
    font-size: 16px;
}

.business-heading h1 {
    text-transform: capitalize;
}

.business-img img {
    width: 100%;
}

.green-shape big {
    position: relative;
    left: -3px;
    top: 5px;
}

.benifits-title {
    font-size: 18px;
    text-align: left;
    position: relative;
    top: 28px;
}

.download-box .caption h3 {
    font-size: 18px !important;
}

@media only screen and (min-width: 1000px) and (max-width:1366px) {
    .Benefits-icons h4 {
        font-size: 20px;
    }

    .business-list {
        margin-left: 1rem !important;
    }

        .business-list li {
            font-size: 17px;
            line-height: 34px;
            margin-bottom: 10px;
        }

    .thead-success th, td {
        font-size: 14px;
        font-weight: normal;
        color: #545252;
    }

    .business_info ul li {
        margin-bottom: 0px !important;
    }

    .Business-Opportunity p {
        font-size: 21px;
    }

    .joining-Opportunity p {
        font-size: 21px;
    }

    .Activation-Opportunity p {
        font-size: 21px;
    }
}

@media only screen and (min-width: 100px) and (max-width:999px) {
    .Benefits-icons h4 {
        font-size: 17px;
    }

    .benifits-title {
        font-size: 18px;
        text-align: left;
        position: relative;
    }

    .gallery-tab {
        width: 100%;
        margin: 0 auto;
    }

    .business-list li {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .thead-success th, td {
        font-size: 14px;
        font-weight: normal;
        color: #545252;
    }

    .business_info ul li {
        margin-bottom: 0px !important;
    }

    .business-list {
        margin-left: 13px;
    }

    .pdf-media h4 {
        font-size: 18px;
    }

    .Business-Opportunity p {
        font-size: 18px;
    }

    .joining-Opportunity p {
        font-size: 18px;
    }

    .Activation-Opportunity p {
        font-size: 18px;
    }

    .benifits-title {
        font-size: 15px;
    }
}
/* ====================Business-pages css End====================== */
.aloeved-wrapper-bg {
    background: url(../images/IMC-aloeveda-bg.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom;
    background-size: cover;
}

.aloeved-head {
    font-size: 50px;
    letter-spacing: 0px;
    margin-bottom: 0;
    color: #333;
}

.aloeved-subhead {
    letter-spacing: 0px;
    font-size: 30px;
    color: #333;
}

.aloveda-benefits-heading {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 30px;
    margin-bottom: 20px;
    text-align: center;
    color: #333;
}

    .aloveda-benefits-heading span {
        position: relative;
    }

.aloeved-wrapper-bg p, .aloeved-phr {
    text-align: center;
    font-size: 16px;
}

.aloveda-benefits-heading span::before {
    content: " ";
    background: url(../images/aloeveda-img2.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    position: absolute;
    left: -60px;
    height: 44px;
    width: 45px;
    background-position: center;
    background-repeat: no-repeat;
}

.aloveda-benefits-heading span::after {
    content: " ";
    background: url(../images/aloeveda-img3.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    position: absolute;
    right: -60px;
    height: 44px;
    width: 45px;
    background-position: center;
    background-repeat: no-repeat;
}

.aloveda-benefits-heading {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 30px;
}

.table-packing td {
    font-size: 14px;
}

.bg-body .navbar-nav > li {
    margin-bottom: 10px;
}

.main-heading h2 {
    font-size: 35px;
}

.main-heading::after {
    content: "";
    background: url(../images/head-line.png);
    display: block;
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.heading-s1 h2, .heading-s2 h2, .heading-s3 h2 {
    font-size: 35px;
}

@media only screen and (min-width: 100px) and (max-width: 767px) {
    .story-padding div {
        text-align: center !important;
    }

    .heading-s1 h2, .heading-s2 h2, .heading-s3 h2 {
        font-size: 28px;
    }

    .main-heading h2 {
        font-size: 28px;
    }
}

@media only screen and (min-width: 100px) and (max-width: 330px) {
    .nav-fixed .border-list > li::before {
        width: 0px !important;
    }

    .nav-fixed .header-list > li a {
        font-size: 13px !important;
    }

    .aloveda-benefits-heading span::before {
        content: none;
    }

    .aloveda-benefits-heading span::after {
        content: none;
    }
}

.loader-btn {
    border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid #3498db;
    width: 15px;
    height: 15px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
    float: right;
    margin-left: 10px;
    margin-top: 2px;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* ====================Eshop pages====================== */
.prodDetail {
    color: #fff;
    font-weight: bold;
    padding: 20px;
    position: absolute;
    bottom: 5%;
    left: auto;
}

.col-side img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.cols-1 .prodDetail {
    bottom: 0 !important;
    opacity: 0.800000011920928955078125;
    height: auto;
    min-height: 175px;
}

.prodDetail h4 {
    color: #D9BF23;
    font-weight: bolder;
    letter-spacing: 1px;
    text-shadow: 1px 1px 1px #000;
}

.prodDetail > a {
    text-decoration: none;
    text-align: center;
}

.col-side .prodDetail .product-btn {
    background: none 0 0 repeat scroll #ffffff;
    color: #000000;
    display: block;
    opacity: 1;
    padding: 6px;
    text-transform: uppercase;
    width: 165px;
    text-align: center;
    height: 38px;
}

.prodDetail p {
    color: #fff;
}

.pr-detail th, td {
    font-size: 16px !important;
}

.bg-grey {
    background: #f2f0f0;
}

.btn {
    font-size: 16px;
}

.modal-header {
    background: #29854f;
    border: 1px solid #29854f;
    padding: 5px 10px;
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #fff;
}

.modal-content {
    border: 1px solid #29854f;
}

select, input {
    height: 37px !important;
    padding: 0px 15px !important;
}

.check-box {
    height: 17px !important;
    padding: 10px 15px !important;
}

table th {
    background: #28844e;
    color: #fff;
}

/* =======================Login Form CSS================== */

#login-body {
    margin: 0;
    padding: 0;    
    background: url('../images/banner-image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#login .container #login-row #login-column #login-box {
    margin-top: 120px;
    max-width: 600px;
    box-shadow: 0px 1px 8px 0px #888;
    background: rgb(255,255,255,0.2);
    margin-bottom: 120px;
    padding: 0px;
}

    #login .container #login-row #login-column #login-box #login-form {
        padding: 10px 40px 40px 40px;
    }

.logo-green {
    margin: 0 auto;
    display: table;
}

.nav-tabs li.nav-item a {
    padding: 5px 0px !important;
}

.submit-group {
    width: 100%;
}

    .submit-group .btn {
        width: 100%;
        background: #28844e;
        border-radius: 0px;
    }

#login-form .form-group input {
    background: transparent;
    border: 1px solid #28844e;
    border-radius: 0;
    font-weight: bold;
}

.form-control:focus {
    color: #28844e;
    background-color: #fff;
    border-color: #28844e;
    outline: 0;
    box-shadow: none;
    text-decoration: navajowhite;
}

.text-success-group {
    color: #28844e;
}

#username::placeholder {
    color: #28844e;
    font-weight: bold;
}

#password::placeholder {
    color: #28844e;
    font-weight: bold;
}

.form-control {
    color: #28844e;
}

.btn-links-all .btn-link {
    padding: 0px 0px;
    color: #28844e;
}

.btn-links-all {
    margin: 0px;
}

.table-condensed th {
    background: transparent;
    color: #000;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    [type="checkbox"]:not(:checked) + label,
    [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 1.95em;
        cursor: pointer;
        position: relative;
        font-weight: bold;
    }

        /* checkbox aspect */
        [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 1.30em;
            height: 1.30em;
            border: 1px solid #28844e;
            box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
            background: transparent;
        }
        /* checked mark aspect */
        [type="checkbox"]:not(:checked) + label:after,
        [type="checkbox"]:checked + label:after {
            content: '\2713\0020';
            position: absolute;
            top: .10em;
            left: .18em;
            font-size: 1.3em;
            line-height: 0.8;
            color: #09ad7e;
            transition: all .2s;
        }
        /* checked mark aspect changes */
        [type="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        [type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }

[type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

[type="checkbox"]:disabled + label {
    color: #aaa;
}

.btn.btn-link:hover {
    background: transparent !important;
    border: 0px solid #000;
    color: #000 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #28844e;
    border-color: #dee2e6 #dee2e6 #fff;
}

    .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {
        color: #fff !important;
        background: #28844e;
    }

.nav-tabs li.nav-item a {
    background-color: #edecec !important;
    border-radius: 0px !important;
    border: 1px solid #28844e !important;
}

    .nav-tabs li.nav-item a active {
        background-color: #28844e !important;
        border-radius: 0px !important;
        color: #fff !important;
        border: 1px solid #28844e !important;
    }

.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover {
    color: #28844e;
    background: #28844e !important;
}

.btn {
    font-size: 16px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 0px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.cart-border-top {
    border-top: 3px solid #28844e;
}

.box.box-success {
    border-top-color: #29854f;
}

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    border-top-color: rgb(210, 214, 222);
    margin-bottom: 15px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.box-header {
    display: block;
    padding: 8px;
    position: relative;
    background: #29854f;
}

    .box-header::before, .box-body::before, .box-footer::before, .box-header::after, .box-body::after, .box-footer::after {
        content: " ";
        display: table;
    }

    .box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
        display: inline-block;
        font-size: 18px;
        margin: 0;
        line-height: 1;
        color: #fff;
    }

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px 0px;
    border: 1px solid #ccc;
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
    vertical-align: middle;
}

.Order-Description-custom th {
    background: #fff;
    color: #000;
}

.left-meni {
    float: left;
    width: 65%;
}

    .left-meni h5 {
        font-weight: 500;
        font-size: 16px;
    }

.right-meni {
    float: left;
    width: 35%;
}

    .right-meni h5 {
        font-weight: 500;
        font-size: 16px;
        text-align: right;
    }

.clear {
    clear: both;
}

.subtotal-right {
    border: 1px solid #ccc;
    padding: 11px;
}

/* ====================Timeline======================= */
.color-white {
    color: #fff;
}

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 22px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #29854f;
}

input:focus + .slider {
    box-shadow: 0 0 1px #29854f;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.time-line-box .timeline {
    list-style-type: none;
    display: flex;
    padding: 0;
    text-align: center;
}

.time-line-box .timestamp {
    margin: auto;
    margin-bottom: 15px;
    padding: 5px 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.time-line-box .status {
    padding: 10px 10px;
    display: flex;
    justify-content: center;
    border-top: 4px solid #29854f;
    position: relative;
    transition: all 200ms ease-in;
}

    .time-line-box .status span {
        padding-top: 8px;
    }

        .time-line-box .status span:before {
            content: '';
            width: 12px;
            height: 12px;
            background-color: #29854f;
            border-radius: 12px;
            border: 10px solid #29854f;
            position: absolute;
            left: 50%;
            top: -3%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            transition: all 200ms ease-in;
        }

.close {
    color: #fff;
    opacity: 1;
}

.swiper-container {
    width: 95%;
    margin: auto;
    overflow-y: auto;
}

.swiper-wrapper {
    display: inline-flex;
    flex-direction: row;
    overflow-y: auto;
    justify-content: center;
}

.swiper-container::-webkit-scrollbar-track {
    background: #a8a8a8b6;
}

.swiper-container::-webkit-scrollbar {
    height: 2px;
}

.swiper-container::-webkit-scrollbar-thumb {
    background: #4F4F4F !important;
}

.swiper-slide {
    text-align: center;
    font-size: 15px;
    width: 200px;
    height: 100%;
    position: relative;
}

.alert {
    padding: 0.4rem 1.25rem;
    border-radius: 0px;
}

.picker-switch.accordion-toggle {
    display: none;
}

/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.1.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */ .bootstrap-datetimepicker-widget {
    top: 0;
    left: 0;
    width: 250px;
    padding: 4px;
    margin-top: 1px;
    z-index: 99999 !important;
    border-radius: 4px
}

    .bootstrap-datetimepicker-widget.timepicker-sbs {
        width: 600px
    }

    .bootstrap-datetimepicker-widget.bottom:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: rgba(0,0,0,.2);
        position: absolute;
        top: -7px;
        left: 7px
    }

    .bootstrap-datetimepicker-widget.bottom:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -6px;
        left: 8px
    }

    .bootstrap-datetimepicker-widget.top:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #ccc;
        border-top-color: rgba(0,0,0,.2);
        position: absolute;
        bottom: -7px;
        left: 6px
    }

    .bootstrap-datetimepicker-widget.top:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #fff;
        position: absolute;
        bottom: -6px;
        left: 7px
    }

    .bootstrap-datetimepicker-widget .dow {
        width: 14.2857%
    }

    .bootstrap-datetimepicker-widget.pull-right:before {
        left: auto;
        right: 6px
    }

    .bootstrap-datetimepicker-widget.pull-right:after {
        left: auto;
        right: 7px
    }

    .bootstrap-datetimepicker-widget > ul {
        list-style-type: none;
        margin: 0
    }

    .bootstrap-datetimepicker-widget a[data-action] {
        padding: 6px 0
    }

        .bootstrap-datetimepicker-widget a[data-action]:active {
            box-shadow: none
        }

    .bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
        width: 54px;
        font-weight: 700;
        font-size: 1.2em;
        margin: 0
    }

    .bootstrap-datetimepicker-widget button[data-action] {
        padding: 6px
    }

    .bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
        width: 4px;
        padding: 0;
        margin: 0
    }

    .bootstrap-datetimepicker-widget .datepicker > div {
        display: none
    }

    .bootstrap-datetimepicker-widget .picker-switch {
        text-align: center
    }

    .bootstrap-datetimepicker-widget table {
        width: 100%;
        margin: 0
    }

    .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
        text-align: center;
        border-radius: 4px
    }

    .bootstrap-datetimepicker-widget td {
        height: 54px;
        line-height: 54px;
        width: 54px
    }

        .bootstrap-datetimepicker-widget td.cw {
            font-size: 10px;
            height: 20px;
            line-height: 20px;
            color: #777
        }

        .bootstrap-datetimepicker-widget td.day {
            height: 20px;
            line-height: 20px;
            width: 20px
        }

            .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover {
                background: #eee;
                cursor: pointer
            }

        .bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new {
            color: #777
        }

        .bootstrap-datetimepicker-widget td.today {
            position: relative
        }

            .bootstrap-datetimepicker-widget td.today:before {
                content: '';
                display: inline-block;
                border-left: 7px solid transparent;
                border-bottom: 7px solid #29854f;
                border-top-color: rgba(0,0,0,.2);
                position: absolute;
                bottom: 4px;
                right: 4px
            }

        .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
            background-color: #29854f;
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0,0,0,.25)
        }

            .bootstrap-datetimepicker-widget td.active.today:before {
                border-bottom-color: #fff
            }

        .bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover {
            background: 0 0;
            color: #777;
            cursor: not-allowed
        }

        .bootstrap-datetimepicker-widget td span {
            display: inline-block;
            width: 54px;
            height: 54px;
            line-height: 54px;
            margin: 2px 1.5px;
            cursor: pointer;
            border-radius: 4px
        }

            .bootstrap-datetimepicker-widget td span:hover {
                background: #eee
            }

            .bootstrap-datetimepicker-widget td span.active {
                background-color: #29854f;
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0,0,0,.25)
            }

            .bootstrap-datetimepicker-widget td span.old {
                color: #777
            }

            .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover {
                background: 0 0;
                color: #777;
                cursor: not-allowed
            }

    .bootstrap-datetimepicker-widget th {
        height: 20px;
        line-height: 20px;
        width: 20px
    }

        .bootstrap-datetimepicker-widget th.picker-switch {
            width: 145px
        }

        .bootstrap-datetimepicker-widget th.next, .bootstrap-datetimepicker-widget th.prev {
            font-size: 21px
        }

        .bootstrap-datetimepicker-widget th.disabled, .bootstrap-datetimepicker-widget th.disabled:hover {
            background: 0 0;
            color: #777;
            cursor: not-allowed
        }

    .bootstrap-datetimepicker-widget thead tr:first-child th {
        cursor: pointer
    }

        .bootstrap-datetimepicker-widget thead tr:first-child th:hover {
            background: #eee
        }

.input-group.date .input-group-addon span {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.bootstrap-datetimepicker-widget.left-oriented:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.left-oriented:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
    padding: 0 !important
}

@media screen and (max-width:767px) {
    .bootstrap-datetimepicker-widget.timepicker-sbs {
        width: 283px
    }
}


.collapse.in {
    display: block;
    visibility: visible;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-addon {
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.input-group-addon, .input-group-btn {
    white-space: nowrap;
    vertical-align: middle;
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px;
}

.bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget th {
    text-align: center;
    border-radius: 4px;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

.thumbnail .caption {
    display: none;
    position: absolute;
    overflow: hidden;
    background: #ededed;
    left: 0%;
    padding: 20px;
    z-index: 1000;
}

.caption:hover {
    box-shadow: 0 0 15px rgba(0,0,0,0.40);
}

.thumbnail:hover .caption {
    display: block;
    box-shadow: 0px 15px 15px rgba(0,0,0,0.40) !important;
}

.owl-stage {
    margin: 0 auto;
}

.dropdown.top-bar-dropdown {
    z-index: 10000000;
    position: relative;
}

.top-bar-dropdown .dropdown-menu {
    border-radius: 0;
    padding: 0;
    margin-top: 0px;
    border: 0;
    transform: none !important;
    top: 100% !important;
    will-change: auto !important;
    min-width: 350px;
}

.top-bar-dropdown .header-dropdown .dropdown-menu {
    padding: 15px !important;
}

.product-img {
    height: auto;
}

#datetimepicker1 .input-group-addon {
    border-radius: 0px;
}

#datetimepicker2 .input-group-addon {
    border-radius: 0px;
}

.not-allowed {
    cursor: not-allowed !important;
}

@media(min-width: 200px) and (max-width: 991px) {
    .header-dropdown li:hover .dropdown-menu {
        display: block;
    }

    .top-bar-dropdown .dropdown-menu {
        min-width: 270px;
    }
}

li.nav-item.active a {
    background: #28844e !important;
}