@import "../fonts/fonts.css";

@import "../fonts/icon.css";

@import 'animate.css';

@import "../fonts/fontawesome/web-fonts-with-css/css/fontawesome-all.css";



/*font-family: 'Montserrat', sans-serif;*/





/*font-family: 'Source Sans Pro', sans-serif;*/



/*-- common styles --*/



input[type="text"],input[type="password"],input[type="email"]{

    -webkit-appearance: none;

}

/*-- CONTAINER STYLES STARTS --*/


@media (min-width: 1024px) {
  .windowHeight1{
    height: 650px !important;
    min-height: auto !important;
  }
}


@media (min-width: 1200px) {

    .container {

        width: 1170px;

    }

    .experience_container>.container, .revolutionary_section .container, .experience-container>.container{
      width: 85% !important;
    }
}



@media (min-width: 1300px) {

    .container {

        width: 1270px;

    }

    .experience_container>.container, .experience-container>.container{
      width: 85% !important;
    }
    .windowHeight{
      height: 900px !important;
    }
}


@media only screen and (max-width: 1100px) and (min-width: 1000px)  {
  .windowHeight{
    height: 700px !important;
    min-height: auto !important;
  }

}

@media only screen and (max-width: 5000px) and (min-width: 2000px)  {

  .windowHeight.product_banner_content{
      width: 560px !important;
  }
  
  #benefits{
      padding-left:40px !important;
  }

}



@media (min-width:2000px){

    .windowHeight,
    .moringorian_section_bg,
    .experience_container,
    .container,
    .product_video_section,
    .subMenu,#features,
    .containerSection,
    .supplimentry_section,
    .parallax,.comes_from_section,
    .what_you_get_section,
    .evolve_container,
    .we_lead_container, 
    .experience-container
    {

        width:1900px !important;

        margin:0 auto;

    }
    .we_lead_container .container, .we_lead_container + .container{
        padding:0px 100px;
    }

    .subMenu.sticky{

        width:1900px !important;

        transform: translateX(-50%);

        left:50%!important;

    }

    .containerSection{

        padding: 70px 0 !important;

    }

    .space100{

        padding:0 50px;

    }


    .experience_container .container .right, .experience_container .container .left, .experience-container .container .right, .experience-container .container .left{
      width: 800px !important
    }
    .experience_container .container .left, .experience-container .container .left{
      padding: 175px 100px !important;

    }
    .what_we_do_parallex_content{
      right: -15% !important;
    }
    .blue_polygon_section>div{
      right: 15%;
    }
}

@media (min-width: 1350px) {

    .container {

        width: 1300px;

    }

}



@media (min-width:768px) {

    .space100 .row {

        margin-left: -20px;

        margin-right: -20px;

    }
    
    .space100 .row>div[class*='col-'] {

        padding-left: 20px;

        padding-right: 20px;

    }

    .philosophy_section .polygon_container{
      width: 70%;
    }
}



@media (min-width:1199px) {

    .space100 .row {

        margin-left: -35px;

        margin-right: -35px;

    }

    .space100 .row>div[class*='col-'] {

        padding-left: 35px;

        padding-right: 35px;

    }

}


@media (max-width:360px) {

}


/*-- CONTAINER STYLES ENDS --*/


/*-- Hide Consultaiton menu from header Starts--*/

/*-- Hide Consultaiton menu from header Ends --*/





/*-- HEADING STYLES STARTS --*/



h1 {

    font-family: 'Cambridge';

    font-size: 64px;

    line-height: 74px;

    color: #5d311a;

    margin-bottom: 15px;

    margin-top: 0;

    text-transform: uppercase;

}



h1 .middle {

    display: inline-block;

    top: -6px;

    position: relative;

}



h1 span.green,

h1.green {

    color: #88aa2d;

}



h1 span.green-line {

    color: #88aa2d;

    position: relative;

    white-space: nowrap;

}



h1 span.green-line:after {

    background-color: #88aa2d;

    position: absolute;

    height: 2px;

    bottom: -3px;

    width: 100%;

    left: 0;

    content: "";

}



h1 span.white,

h1.white {

    color: #ffffff;

    white-space: nowrap;

}



h1 span.white-line {

    color: #ffffff;

    position: relative;

}



h1 span.white-line:after {

    background-color: #ffffff;

    position: absolute;

    height: 2px;

    bottom: -3px;

    width: 100%;

    left: 0;

    content: "";

}



h1 span.small {

    font-size: 44px;

    color: #5d311a;

}



h4 {

    font-family: 'Cambridge';

    font-size: 25px;

    line-height: 30px;

    color: #88aa2d;

    margin-bottom: 40px;

    margin-top: 50px;

    text-transform: uppercase;

}



h4.white {

    color: #ffffff;

}



h4.brown {

    color: #5d311a;

}



h4 span.white-line {

    color: #ffffff;

    position: relative;

}



h4 span.white-line:after {

    background-color: #ffffff;

    position: absolute;

    height: 2px;

    bottom: -3px;

    width: 100%;

    left: 0;

    content: "";

}



h4.sub_title {

    margin-top: 30px;

    margin-bottom: 25px;

}



h6 {

    font-family: 'Source Sans Pro';

    font-weight: 700;

    font-size: 16px;

    line-height: 24px;

    color: #464646;

    margin-bottom: 0;

    margin-top: 0;

}





/*-- HEADING STYLES ENDS --*/



.mb30 {

    margin-bottom: 30px;

}



.mt30 {

    margin-top: 30px;

}



.mar0Auto {

    margin: 0 auto;

}



section.pv70 {

    padding-top: 70px;

    padding-bottom: 70px;

}



.pv90 {

    padding-top: 90px;

    padding-bottom: 90px;

}



.pb70 {

    padding-bottom: 70px;

}



p {

    font-family: 'Source Sans Pro';

    font-weight: 300;

    line-height: 30px;

    margin-bottom: 0;

}



p.white {

    color: #fff;

}



.blue_sq_trans_bg {

    padding: 90px;

    height: 100%;

}



.blue_sq_trans_bg.right {

    text-align: right;

    position: relative;
}



.blue_sq_trans_bg>div {

    background-color: rgba(0, 114, 151, 0.8);

    width: 480px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    height: 100%;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 50px;

    -webkit-transition: 0.35s all ease-out;

    -o-transition: 0.35s all ease-out;

    transition: 0.35s all ease-out;

}



.blue_sq_trans_bg.contact_blue_bg>div {

    background-color: rgba(0, 142, 170, 0.8);

}



.blue_sq_trans_bg>div h1 {

    text-align: center;

    margin-bottom: 0;

}



.blue_sq_trans_bg>div p {

    color: #fff;

    margin-bottom: 27px;

    margin-top: 15px;

    text-align: left;

    width: 100%;

}



.parallax {

    position: relative;

    /* perspective: 1000px;

    transform-style: preserve-3d; */

    overflow: hidden;

}

section.parallax{
  margin-bottom: 40px;
}


.parallax_bg {

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    /* transform: translateZ(-10px) scale(1.3); */

    /* transition: 0.35s all ease-out; */

    background-position: center 0;

    background-attachment: fixed;

}



.containerSection {

    height: 100%;

    padding: 70px 40px;

    background-color: #fff;

    position: relative;

}




.no-wrap {

    white-space: nowrap;

}



.form-horizontal.left label.control-label {

    text-align: left;

}



label.control-label {

    text-align: left;

    font-weight: 300;

    font-size: 17px;

    color: #464646;

    line-height: 28px;

    margin-bottom: 0px;

}



label.control-label span.mand {

    color: red;

}



.form-group {

    margin-bottom: 18px;

}



.form-control {

    -webkit-box-shadow: none;

    box-shadow: none;

    color: #5d311a;

}



.form-control:focus {

    border-color: #88aa2d;

    -webkit-box-shadow: 0px 0px 8px -1px rgba(137, 173, 46, 0.34);

    box-shadow: 0px 0px 8px -1px rgba(137, 173, 46, 0.34);

}



.checkbox-custom input[type="checkbox"] {

    opacity: 0;

    position: absolute;

    z-index: -5;

}



.checkbox-custom label {

    padding-left: 45px;

    font-weight: 300;

    font-size: 17px;

    color: #464646;

    margin-top: 31px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.checkbox-custom input[type="checkbox"]+span {

    position: relative;

    display: block;

}



.checkbox-custom input[type="checkbox"]+span:after {

    position: absolute;

    content: "";

    top: 0px;

    left: -44px;

    width: 25px;

    height: 25px;

    border: 1px solid #cccccc;

    -webkit-transition: all ease-out 0.3s;

    -o-transition: all ease-out 0.3s;

    transition: all ease-out 0.3s;

}



.checkbox-custom input[type="checkbox"]:checked+span:after {

    background-color: #88aa2d;

}



.checkbox-custom input[type="checkbox"]+span:before {

    position: absolute;

    content: "\f00c";

    top: 0px;

    left: -44px;

    width: 25px;

    height: 25px;

    font-size: 12px;

    z-index: 99;

    color: #fff;

    text-align: center;

    line-height: 25px;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all ease-out 0.1s 0.2s;

    -o-transition: all ease-out 0.1s 0.2s;

    transition: all ease-out 0.1s 0.2s;

    font-family: 'Font Awesome 5 Free';

    font-weight: 600;

}



.checkbox-custom input[type="checkbox"]:checked+span:before {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

}





/*-- GLOBAL CUSTOMIZATION STARTS --*/



.img-res {

    width: 100%;

}



.br-sm,

.br-md {

    display: block;

}



.btn.btn-lg {

    padding: 20px 40px 19px 25px;

    font-family: 'Montserrat';

    font-weight: 500;

    font-size: 16px;

    border: none;

    position: relative;

    text-transform: uppercase;

    height: 60px;

    -webkit-transition: all ease-out 0.35s;

    -o-transition: all ease-out 0.35s;

    transition: all ease-out 0.35s;

    margin-right: 36px;

}



.btn.btn-lg::after {

    position: absolute;

    content: "";

    top: 0;

    right: 0%;

    width: 50px;

    bottom: 0;

    background-color: inherit;

    -webkit-transform: skewX(-30deg);

    -ms-transform: skewX(-30deg);

    transform: skewX(-30deg);

    z-index: 1;

    -webkit-transform-origin: bottom;

    -ms-transform-origin: bottom;

    transform-origin: bottom;

}



.btn:hover,

.btn:focus,

.btn:active {

    outline: none;

}



.btn:hover {

    outline: none !important;

    border: none !important;

}



a:hover,

a:active,

a:focus {

    text-decoration: none !important;

}



.btn.btn-lg.btn-outline {

    padding-top: 18px;

    border: 2px solid #108ba7;

    background-color: #fff;

    color: #108ba7;

    -webkit-transition: all ease-out 0.45s;

    -o-transition: all ease-out 0.45s;

    transition: all ease-out 0.45s;

}



.btn.btn-lg.btn-outline:hover,

.btn.btn-lg.btn-outline:focus,

.btn.btn-lg.btn-outline:active {

    border: 2px solid #108ba7 !important;

    background-color: #108ba7;

    color: #fff;

}



.btn.btn-lg.btn-outline:after {

    border: 2px solid #108ba7;

    background-color: inherit;

    top: -2px;

    bottom: -2px;

    right: -2px;

    border-left: 0 none;

}





/*-- GLOBAL CUSTOMIZATION ENDS --*/





/*-- NAVBAR STYLES STARTS --*/



.navbar-default {

    background-color: #fff;

    border: none;

    position: relative;

    -webkit-box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.45);

    box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.45);

    z-index: 100;

    max-height: 200px;

}



.nav_logo {

    padding: 20px 7px;

}

.nav_logo img{
    width:230px;
}



.menu-options {

    margin: 0;

    list-style: none;

    float: right;

    padding-left: 5px;

}



.menu-options>li {

    float: left;

    position: initial;

}



.menu-options>li:not(:last-child), .menu-options>li:last-child{

    margin-top: 30px;

}



ul.menu-options>li>a {

    font-family: 'Montserrat';

    font-weight: 300;

    color: #000;

    padding: 40px 12px;

    font-size: 16px;

    background-color: transparent;

    text-decoration: none;

    display: inline-block;

    text-transform: uppercase;
}


ul.menu-options>li>a{
  background-image: url(../images/moringo_leaf.svg);
  background-repeat: no-repeat;
  background-position: center -24px;
  background-size: 32px;
}

ul.menu-options>li.active a, ul.menu-options>li>a:hover{
    background-image: url(../images/moringo_leaf.svg);
    background-repeat: no-repeat;
    background-position: center 6px;
    -webkit-transition: 0.20s all ease-out;
    -o-transition: 0.20s all ease-out;
    transition: 0.20s all ease-out;
    background-size: 32px;
}



.menu-options1>li>a:after,

.menu-options1>li.active>a:after {

    position: absolute;

    content: "";

    top: -40px;

    opacity: 0;

    left: 0;

    width: 100%;

    height: 30px;

    background-image: url(../images/selection_leaf.png);

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-transition: 0.35s all ease-out;

    -o-transition: 0.35s all ease-out;

    transition: 0.35s all ease-out;

}



.menu-options1>li.active>a:after,

.menu-options1>li>a:hover:after {

    top: -23px;

    opacity: 1;

}



.main-menubar .mob_menu {

    display: none;

}


.mobile-dropdown-menu{
    display: none;
}


.language_select {

    padding-left: 12px;

    padding-top: 29px;

    padding-bottom: 25px;

    margin: 0;

}



.language_select select {

    height: 40px;

    width: 180px;

    border-color: #3f3f3f;

    font-family: 'Montserrat';

    font-weight: 500;

    color: #000;

    font-size: 14px;

}



.language_select .form-control:focus {

    border-color: #3f3f3f;

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}



.language_select button:hover {

    border: 0px solid #000 !important;

    outline: none;

}


.menu-options>.open>a,

.menu-options>.open>a:hover,

.menu-options>.open>a:focus {

    background-color: transparent;

    color: #000;

}



.menu-options>li>a:hover,

.menu-options>li>a:focus {

    color: #000;

}



.menu-options>.active>a,

.menu-options>.active>a:hover,

.menu-options>.active>a:focus {

    background-color: transparent;

    color: #000;

}



.menu-options li.dropdown.open .dropdown-menu {

    top: 67px;

}



li.dropdown .dropdown-menu {

    border: none;

    background-color: transparent;

    -webkit-box-shadow: none;

    box-shadow: none;

    min-width: 550px;

    padding: 0;

    margin: 0;

}



li.dropdown .dropdown-menu li {

    float: left;

    padding: 5px 0px;

    width: 50%;

}



li.dropdown .dropdown-menu>li>a {

    padding: 0px;

    float: left;

}



.dropdown-menu>li>a {

    color: #5d311a;

    font-weight: 400;

}



li.dropdown .dropdown-menu li span {

    padding: 0 50px;

    background-color: #fff;

    float: left;

}



li.dropdown .dropdown-menu li p {

    background-color: #f7f7f7;

    color: #000;

    text-align: center;

    float: left;

    width: 100%;

    padding: 8px;

}


#productMenu:hover .product-menu{
  display: block;
}


.loginHeader {

    background-color: rgba(0, 0, 0, 0.2);

}



.login a{
  color: #ffffff !important;
  padding: 11px 26px !important;
  background-color: #108ba7 !important;
  text-decoration: none;
  margin-top: 28px !important;
  margin-left: 5px;
}
ul.menu-options>li.login>a:hover{
  background-image: none;
}

.loginHeader a {

    font-size: 15px;

    font-family: 'Montserrat';

    color: #fff;

    text-transform: uppercase;

    padding: 11px 26px;

    margin: 8px 0;

    background-color: #108ba7;

    text-decoration: none;

}



.loginHeader a:hover {

    text-decoration: none;

    background-color: #0e677b;

}




.mobile_login,

.mobile_menus {

    display: none;

}



.scroll_none {

    overflow: hidden;

}



.font_img {

    display: block;

}



.font_img img {

    margin: 0 auto;

}





/*-- NAVBAR STYLES ENDS --*/





/*-- HAMBURGER MENU STARTS --*/



.animated-icon {

    width: 30px;

    height: 20px;

    position: relative;

    margin: 0px;

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .5s ease-in-out;

    -o-transition: .5s ease-in-out;

    transition: .5s ease-in-out;

    cursor: pointer;

}



.animated-icon span {

    display: block;

    position: absolute;

    height: 3px;

    width: 100%;

    border-radius: 9px;

    opacity: 1;

    left: 0;

    -webkit-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    transform: rotate(0deg);

    -webkit-transition: .25s ease-in-out;

    -o-transition: .25s ease-in-out;

    transition: .25s ease-in-out;

}



.animated-icon span {

    background: #108ba7;

}



.animated-icon span:nth-child(1) {

    top: 0px;

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center;

}



.animated-icon span:nth-child(2) {

    top: 10px;

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center;

}



.animated-icon span:nth-child(3) {

    top: 20px;

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center;

}



.animated-icon.open span:nth-child(1) {

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    top: 0px;

    left: 4px;

}



.animated-icon.open span:nth-child(2) {

    width: 0%;

    opacity: 0;

}



.animated-icon.open span:nth-child(3) {

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    transform: rotate(-45deg);

    top: 21px;

    left: 4px;

}



.navbar-button {

    background-color: transparent;

    border: none;

    outline: none;

    height: 90px;

    padding: 0 6px 0 0;

}





/*-- HAMBURGER MENU ENDS --*/





/*-- BANNER STYLES STARTS --*/



.slider {

    height: 100%;

    width: 100%;

    position: relative;

}



.slider .slider_area {

    padding: 0;

    margin: 0;

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

}



.slider .slider_area li {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    list-style: none;

    padding: 0;

    margin: 0;

    -webkit-transition: all linear .1s;

    -o-transition: all linear .1s;

    transition: all linear .1s;

    background-color: #fff;

    pointer-events: all;

}



.slider .slider_area .play_btn a {

    display: block;

    -webkit-transition: all ease-out 0.25s;

    -o-transition: all ease-out 0.25s;

    transition: all ease-out 0.25s;

}



.slider .slider_area li span {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    list-style: none;

    padding: 0;

    margin: 0;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    z-index: 1;

    -webkit-animation-duration: 10s;

    animation-duration: 10s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-play-state: running;

    animation-play-state: running;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-name: zoom-in-out;

    animation-name: zoom-in-out;

}



@-webkit-keyframes zoom-in-out {

    0%,

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    30%,

    50% {

        -webkit-transform: scale(1.12);

        transform: scale(1.12);

    }

}



@keyframes zoom-in-out {

    0%,

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    10%,

    30% {

        -webkit-transform: scale(1.12);

        transform: scale(1.12);

    }

}



.slider .slider_area li span video {

    transform: scale(0);

    transition: .35s ease-in-out;

    min-width: 101%;

    min-height: 101%;

}



.slide_control {

    z-index: 4;

    position: absolute;

    top: 0;

    padding: 20px;

    left: 0;

    height: 100%;

    width: 40%;

    background-color: rgba(0, 0, 0, 0.40);

}



.slide_control .text_area {

    margin-top: 80px;

    padding: 0 50px;

}



.slide_control ul {

    position: absolute;

    list-style: none;

    margin: 0 auto;

    width: 100%;

    display: block;

    overflow: hidden;

    padding: 0 70px;

    left: 0;

    bottom: 70px;

}



.slide_control ul li {

    float: left;

    width: 33.33%;

    border-left: 1px solid #fff;

    height: 180px;

    cursor: pointer;

    border-right: 1px solid #fff;

    background-color: rgba(255, 255, 255, 0.22);

}



.slide_control ul li.active {

    pointer-events: none;

}



.slider .slider_area li .content {

    z-index: 9;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    width: 60%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: 100px;

    padding-bottom: 150px;

}



.slide_control ul li>span {

    width: 100%;

    background-position: center, center;

    background-size: auto, cover;

    height: 100%;

    display: inline-block;

    background-repeat: repeat, no-repeat;

    background-color: transparent;

    -webkit-transition: 1s all ease-in-out;

    -o-transition: 1s all ease-in-out;

    transition: 1s all ease-in-out;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.slide_control ul li>span>span {

    color: #fff;

    font-family: 'Montserrat';

    font-weight: 500;

}



.slide_control ul li.active>span {

    background-color: rgba(255, 255, 255, 0.22);

    background-image: url(../images/pattern.png), none !important;

}


.mobile_play_btn{
  text-align: center;
  margin-top: 50px;
  display: none;
}


/*-- BANNER STYLES ENDS --*/


/*-- revolutionary_section --*/

.revolutionary_section{
  background: url('../images/bg_grey.png') repeat-x 0 -150px #f7f7f8;
}

.revolutionary_section h1{
    font-size: 60px;
    font-weight: 500;
    margin-bottom: 100px;
}

.revolutionary_section h1 .blue{
  color:#108ba7;
}

.revolutionary_section h1 .brown{
  color:#5d311a;
}

.revolutionary_section h1 .green{
  color:#88aa2d;
}

.revolutionary_section .owl-carousel img{
  height: 525px;
  margin: auto;
  width: inherit !important;
}

.revolutionary_section .containerSection{
  background: none;
}



/*-- rejuvenate_section --*/



.rejuvenate_section {

    /*-- background-image: url(https://ik.imagekit.io/in21jdlqua/tr:w-500/rejuvenate_bg_-m69S2cd-.jpg);
 --*/
    background-image: url(https://ik.imagekit.io/jfvrvlcst/home-page/product-banner/rejuvenate_bg_30CHjjezL.jpg);
    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;
    height: 100%;
    position: absolute;
}



.experience_section {

    background-image: url(../images/experience_bg.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding: 30px;

    overflow: hidden;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}


.experience_container .experience_title, .experience-container .experience_title{
  font-family: "whitelistdemo";
  font-size: 60px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 40px;
}


.experience_section>div {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

}



.experience_section>div>img {

    -ms-flex-item-align: center;

    -ms-grid-row-align: center;

    align-self: center;

}



.experience_section>div>span {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 20px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: rgba(137, 173, 46, 0.85);

    padding: 6px 25px 6px 15px;

}



.experience_section>div>span:nth-last-child(2) {

    background-color: rgba(0, 133, 166, 0.85);

}



.experience_section>div>span:last-child {

    background-color: rgba(59, 37, 22, 0.85);

}



.experience_section>div>span>span:first-child {

    width: 85px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 88px;

}



.experience_container, .experience-container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    height: 750px;

    padding: 20px 0 !important;
}



.experience_container .container.energy .right, .experience-container .container.energy .right{
    background: url('https://ik.imagekit.io/jfvrvlcst/home-page/experience_carousel/energy_banner_ED-cTfW72.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 65%;
    height: 600px;
    float: left;
}

.experience_container .container.endurance .right, .experience-container .container.endurance .right{
    background: url('https://ik.imagekit.io/jfvrvlcst/home-page/experience_carousel/endurance_banner_To5g_A3w8.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 65%;
    height: 600px;
    float: left;
}

.experience_container .container.excel .right, .experience-container .container.excel .right{
    background: url('https://ik.imagekit.io/jfvrvlcst/home-page/experience_carousel/excel_banner_Js2KPuMH9.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 65%;
    height: 600px;
    float: left;
}

.experience_container .container .left, .experience-container .container .left{
    width:35%;
    height: 600px;
    background: #5d311a;
    padding: 12% 2%;
    float: left;
}
.experience_container .container .left H1, .experience-container .container .left H1{
   text-align: center;
   color: #ffffff;
}

.experience_container .container .left img, .experience-container .container .left img{
    width: 65% !important;
    margin: auto;
}

.experience_container .container .left p, .experience-container .container .left p{
  color: #ffffff;
  margin-top: 20px;
}

.exp_bottom_content {

    padding: 30px 0;

    background-color: #f1f1f1;

}



.restore_section {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/home-page/product-banner/restore_bg_F4Y59cM99.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;
    height: 100%;
    position: absolute;
}


.betterSection_main{
  margin-top: -200px;
  position: relative;
}


.betterSection {

    padding: 40px 0px;

    overflow: hidden;

}



.betterSection>div:last-child {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    min-height: 500px;

    height: 500px\0/;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.betterSection .left_area,

.betterSection .right_area {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 32%;

}



.betterSection .left_area {

    margin:0px 9%;
}



.betterSection .right_area {

    margin:0px 9%;
}



.betterSection .title_area {

    background-color: #5d311a;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-item-align: stretch;

    align-self: stretch;

    padding: 20px 20px;

    overflow: hidden;

    width: 36%;

    margin: auto;
}



.betterSection .left_area .item,

.betterSection .right_area .item {

    display: table;

}



.betterSection .left_area .item:not(:last-child),

.betterSection .right_area .item:not(:last-child) {

    margin-bottom: 50px;

}



.betterSection .left_area .item>span:first-child,

.betterSection .right_area .item>span:first-child {


    padding-top: 10px;

    width: 40px;
    
    margin-right: 40px;

    overflow: visible;

}

.betterSection .right_area .item>span img{
    width:40px;
}


.betterSection>div p {

    line-height: 24px;

}



.betterSection .title_area_res {

    margin-bottom: 30px;

}



.revive_section {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/home-page/product-banner/revive_bg_wM0MK0H2k.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    width: 100%;
    height: 100%;
    position: absolute;
}



.revolutionary_content {

    margin-top: 30px;

    margin-bottom: 230px;
}



.moringorian_section_bg {

    background-color: #f2f2f2;

    overflow: hidden;

    padding-top: 20px;

}



.moringorian_section {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.moringorian_section>div:last-child {

    width: 60%;

    padding: 0 15px;

}



.moringorian_section>div:first-child {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding: 0 15px;

    width: 40%;

}



footer {

    background-color: #5d311a;

    -webkit-box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.5);

    box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.5);

}



footer .logo_area .address>p:last-child a {

    color: #fff;

}



footer .footer_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    color: #fff;

    padding: 60px 0;

    border-bottom: 1px solid #4f3121;

    margin: 0 40px;

}



footer .footer_logo {

    margin: 40px
 0;
    text-align:center;
}



.footer_logo a img {

    width: 233px;

    margin: auto;
}



footer .link_area {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    padding: 0 5%;

}



footer .links {

    text-align: center;
    margin: 40px 0 10px 0;
}


footer .dots{
  font-size: 30px;
  color: #ffffff;
  position: relative;
  top: -3px;
}


footer .links a {

    color: #fff;

    font-family: 'Source Sans Pro';

    font-weight: 300;

    line-height: 30px;

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

    cursor: pointer;

    text-transform: uppercase;
    margin: 0px 10px;
}



footer .links a:hover {

    text-decoration: none;

    color: #88aa2d;

}



footer .social_area {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
}


footer .social_area ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    list-style: none;

    padding: 0;

    width: 256px;
    margin: 16px auto;
}



footer .social_area ul li{
  border:1px solid #ffffff;
  width: 64px;
  height: 64px;
  text-align: center;
  position: relative;
  margin-left: -1px;
  margin-right: 0px !important;
}

footer .social_area ul li a{
      width: 64px;
      height: 64px;
      padding-top:16px;
      display:block;
}

footer .social_area ul li img{
  height: 30px;
}



footer .copyRights {

    padding: 23px 0;

    font-size: 16px;

    color: #fff;

    text-transform: uppercase;
    margin-bottom: 20px;
}



footer .copyRights p+p {

    padding-top: 5px;

}


.backToTop,

.backToTop:active,

.backToTop:focus {

    background-color: rgba(200, 200, 200, 0.2);

    position: fixed;

    bottom: 100px;

    right: -105px;

    z-index: 5;

    width: 60px;

    height: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 26px;

    color: #88aa2d;

    border: 1px solid rgba(204, 204, 204, 0.2);

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

    text-decoration: none;

    font-size: 18px;

}



.backToTop:hover {

    background-color: #88aa2d;

    text-decoration: none;

    color: #fff;

}





/*======================================================================================*/





/*=============================       NUTRAMATRIX      =================================*/





/*======================================================================================*/



.ingredients_container {

    overflow: hidden;

}



.ingredients_section {

    position: relative;

    margin: 0 auto;

}



.ingredients_section .leaf_container {

    position: absolute;

    top: 0;

    left: 0;

    padding: 0;

    width: 100%;

    height: 100%;

    list-style: none;

    margin: 0;

}



.ingredients_section .leaf_container>li {

    position: absolute;

    width: 50%;

    left: 50%;

    top: 50%;

    -webkit-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.ingredients_section .leaf_container>li>div.leaf {

    min-width: 180px;

    min-height: 180px;

    position: relative;

    background-color: transparent;

}



.ingredients_section .leaf_container>li>div.leaf>span.content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 4;

    background-color: transparent;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-repeat: no-repeat;

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

    background-position: center;

    cursor: pointer;

    z-index: 6;

}



.ingredients_section .leaf_container>li>div.leaf>span.content p {

    position: absolute;

    top: 50%;

    left: 100%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    display: inline-block;

    height: 20px;

    white-space: nowrap;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.ingredients_section .leaf_container>li>div.leaf.left>span.content p {

    right: 100%;

    left: auto;

}



.ingredients_section .leaf_container>li>div.leaf.right>span.content p {

    left: 100%;

    right: auto;

}



.ingredients_section .leaf_container>li>div.leaf>span.content:hover {

    -webkit-transform: translateY(-20px);

    -ms-transform: translateY(-20px);

    transform: translateY(-20px);

}



.amla {

    background-image: url(../images/ingredients/amla.jpg), url(../images/ingredients/amla_active.jpg);

}



.amla:hover {

    background-image: url(../images/ingredients/amla_active.jpg);

}



.curcumin {

    background-image: url(../images/ingredients/curcumin.jpg), url(../images/ingredients/curcumin_active.jpg);

}



.curcumin:hover {

    background-image: url(../images/ingredients/curcumin_active.jpg);

}


.cuminseeds{
    background-image: url(../images/ingredients/black_cumin_seeds.jpg), url(../images/ingredients/black_cumin_seeds_active.jpg);
}
.cuminseeds:hover{
    background-image: url(../images/ingredients/black_cumin_seeds_active.jpg);
}

.fenugreek {

    background-image: url(../images/ingredients/fenugreek.jpg), url(../images/ingredients/fenugreek_active.jpg);

}



.fenugreek:hover {

    background-image: url(../images/ingredients/fenugreek_active.jpg);

}



.moringa_leaf {

    background-image: url(../images/ingredients/moringa_leaf.jpg), url(../images/ingredients/moringa_leaf_active.jpg);

}



.moringa_leaf:hover {

    background-image: url(../images/ingredients/moringa_leaf_active.jpg);

}



.oregano {

    background-image: url(../images/ingredients/oregano.jpg), url(../images/ingredients/oregano_active.jpg);

}



.oregano:hover {

    background-image: url(../images/ingredients/oregano_active.jpg);

}



.piper {

    background-image: url(../images/ingredients/piper.jpg), url(../images/ingredients/piper_active.jpg);

}



.piper:hover {

    background-image: url(../images/ingredients/piper_active.jpg);

}



.pomegranate {

    background-image: url(../images/ingredients/pomegranate.jpg), url(../images/ingredients/pomegranate_active.jpg);

}



.pomegranate:hover {

    background-image: url(../images/ingredients/pomegranate_active.jpg);

}



.rosemary {

    background-image: url(../images/ingredients/rosemary.jpg), url(../images/ingredients/rosemary_active.jpg);

}



.rosemary:hover {

    background-image: url(../images/ingredients/rosemary_active.jpg);

}



.shilajit {

    background-image: url(../images/ingredients/shilajit.jpg), url(../images/ingredients/shilajit_active.jpg);

}



.shilajit:hover {

    background-image: url(../images/ingredients/shilajit_active.jpg);

}



.spirulina {

    background-image: url(../images/ingredients/spirulina.jpg), url(../images/ingredients/spirulina_active.jpg);

}



.spirulina:hover {

    background-image: url(../images/ingredients/spirulina_active.jpg);

}


.tulsi{
  background-image: url(../images/ingredients/tulsi.jpg), url(../images/ingredients/tulsi_active.jpg);
}

.tulsi:hover {

    background-image: url(../images/ingredients/tulsi_active.jpg);
}

.papaya_leaf{
  background-image: url(../images/ingredients/papaya_leaf.jpg), url(../images/ingredients/papaya_leaf_active.jpg);
}

.papaya_leaf:hover{
  background-image: url(../images/ingredients/papaya_leaf_active.jpg);
}


/*___________________________________________________*/



.grape {

    background-image: url(../images/ingredients/cell_grape.jpg), url(../images/ingredients/cell_grape_active.jpg);

}



.grape:hover {

    background-image: url(../images/ingredients/cell_grape_active.jpg);

}



.seaweed {

    background-image: url(../images/ingredients/cell_seaweed.jpg), url(../images/ingredients/cell_seaweed_active.jpg);

}



.seaweed:hover {

    background-image: url(../images/ingredients/cell_seaweed_active.jpg);

}



.ashwagandha {

    background-image: url(../images/ingredients/cell_ashwagandha.jpg), url(../images/ingredients/cell_ashwagandha_active.jpg);

}



.ashwagandha:hover {

    background-image: url(../images/ingredients/cell_ashwagandha_active.jpg);

}



.tomato {

    background-image: url(../images/ingredients/cell_tomato.jpg), url(../images/ingredients/cell_tomato_active.jpg);

}



.tomato:hover {

    background-image: url(../images/ingredients/cell_tomato_active.jpg);

}



.apple {

    background-image: url(../images/ingredients/cell_apple.jpg), url(../images/ingredients/cell_apple_active.jpg);

}



.apple:hover {

    background-image: url(../images/ingredients/cell_apple_active.jpg);

}



.pomegranatePeel {

    background-image: url(../images/ingredients/cell_pomegranatePeel.jpg), url(../images/ingredients/cell_pomegranatePeel_active.jpg);

}



.pomegranatePeel:hover {

    background-image: url(../images/ingredients/cell_pomegranatePeel_active.jpg);

}



.cellPomegranate {

    background-image: url(../images/ingredients/cell_pomegranate.jpg), url(../images/ingredients/cell_pomegranate_active.jpg);

}



.cellPomegranate:hover {

    background-image: url(../images/ingredients/cell_pomegranate_active.jpg);

}





/*___________________________________________________*/



.leaf_marker {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    z-index: 9;

    border-radius: 1000px;

    overflow: hidden;

}


.leaf_marker .marker_bg {

    position: absolute;

    top: 0;

    left: 0;

    background-image: url(../images/ingredients/marker.png);

    background-size: cover;

    bottom: 0;

    right: 0;

    z-index: 9;

    border-radius: 1000px;

    overflow: hidden;

}



.leaf_marker .content {

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    padding: 20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-line-pack: center;

    align-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    text-align: center;

}



.leaf_marker .content h1 {

    font-size: 25px;

    line-height: 1;

    margin-bottom: 5px;

    letter-spacing: -1px;

}



.animateZoom {

    -webkit-animation-name: animateZoom;

    animation-name: animateZoom;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

    transform-origin: center;

}



@-webkit-keyframes animateZoom {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



@keyframes animateZoom {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}



.ingredient_res_section {

    display: none;

}





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



.innovationBanner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    overflow: hidden;

}



.innovationBanner>div {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.innovationBanner p {

    margin: 30px 0;

}



.innovationBanner .imgSection {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: 35px;

}




.innovationBanner .imgSection img{
  height: 580px;
}
/*--------------------------------------------*/



.add_bg.added_bg {

    background-image: url(../images/texture_bg.png);

    background-size: cover;

    background-repeat: no-repeat;

    padding: 70px;

}


.add_bg.video_bg{

}


.product_video_section {

    display: table;

    height: 650px;

    overflow: visible;

    position: relative;

    width: 100%;

    background-image: url(../images/texture_bg.png);
}


.product_video_section.play_video .content_section, .product_video_section.play_video .video_section, .product_video_section.play_video .content_section.responsive{
  display: none !important;
}

.product_video_section.play_video .content_section h1, 
.product_video_section.play_video .content_section p,
.product_video_section.play_video .video_section .play_btn{
    /* display:none; */
}
.product_video_section.play_video .video_section{
    /* background:none; */
}
.product_video_section.play_video .content_section,
.product_video_section.play_video .video_section{
   /* width:0px !important; */
}
.product_video_section.play_video .content_section>div{
    /* min-width:0px !important;
    padding:0px !important; */
}

.product_video_section.stop_video .content_section h1, 
.product_video_section.stop_video .content_section p,
.product_video_section.stop_video .video_section .play_btn{
   /* display:block; */
}


.product_video_section .video-wrapper{
  display: none;
}
.product_video_section.play_video .video-wrapper{
  display: block;
  margin: 50px auto;
  width: 90% !important;
}

.close-btn-wrap{
  width: 100% !important;
  text-align: right;
  margin-bottom: 0px;
}

.product_video_section.play_video .video-wrapper iframe{
  width: 100%;
  height: 100%;
}

.product_video_section.play_video .video-wrapper .video-close-btn{
  background: #5d311a;
  color:#ffffff;
  border: none;
  -webkit-transition: all ease-out 0.35s;
  -o-transition: all ease-out 0.35s;
  transition: all ease-out 0.35s;
  font-size: 22px;
  padding: 10px 12px;
  position: relative;
  right:0px;
  display: inline-block;
}

.product_video_section.play_video .video-wrapper .video-close-btn:hover {
  background: #88aa2d;
}

.video_container{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.product_video_section.play {

    height: auto !important;

    padding-bottom: 56.2%;

}



.product_video_section .content_section{

    display: table-cell;

    position: relative;

    width: 40%;

    vertical-align: middle;

    background-blend-mode: multiply;

    background-image: url(https://ik.imagekit.io/jfvrvlcst/products-page/blue_texture_azTAEAUlM.png);

    background-size: cover;

    background-repeat: no-repeat;

}

.product_video_section.stop_video .content_section {
    display:table-cell;
}



.product_video_section.play .content_section {

    display: none;

}



.product_video_section .content_section>div {

    background-color: transparent;

    padding: 0 40px 0;

    min-width: 580px;

}



.product_video_section .content_section>div p {

    margin-top: 30px;

}



.product_video_section .video_section {

    background-size: contain;

    background-repeat: no-repeat;

    display: table-cell;

    position: relative;

    width: 60%;

    vertical-align: middle;

    text-align: center;

}

.product_video_section.stop_video .video_section {
    display:table-cell;
}



.product_video_section.play .video_section {

    display: none;

}



.product_video_section .video_section .play_btn {

    display: inline-block;

    z-index: 99;

}



.product_video_section .video_section.nutramatrix {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/global/menu/phytoshine_YsW8cEgf3.png);

    background-position: center;

}

.product_video_section .video_section.phytozing {
    background-image: url(https://ik.imagekit.io/jfvrvlcst/global/menu/phytozing_zh9Rw2IgM.png);
    background-position: center;
}



.product_video_section .video_section.cellerix {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/global/menu/cellerik_CVPz7JEy1.png);

    background-position: center;

}


.product_video_section .video_section.ziozing {
    background-image: url(https://ik.imagekit.io/jfvrvlcst/global/menu/Zoizing_Single_bottle_with_capsules_on_floor_Ayurvedic_proprietary_Medicine_bQmjd2BSh.png);
    background-position: center;
}

.no-underline:after{
    text-decoration:none;
    display:none;
}


.product_video_section.play>div:last-child {

    opacity: 1;

    z-index: 9999;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    left: 50%;

}



.product_video_section.play>div:last-child>a {

    position: absolute;

    top: 0px;

    right: 0;

    width: 42px;

    height: 42px;

    padding: 0;

    color: #ffff;

    z-index: 999;

    opacity: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    outline: none;

    border: none;

    pointer-events: all;

    font-size: 25px;

}



.product_video_section .content_section.responsive {

    display: none;

}



.dummySpace {

    -webkit-transition: all ease-out 1s;

    -o-transition: all ease-out 1s;

    transition: all ease-out 1s;

}



.dummySpace.addSpace {

    height: 65px;

}


.video-wrapper{

}

.video-wrapper iframe{
  width: 100%;
  height: 100%;
}




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



.subMenu {

    background-color: #f9f9f9;

    width: 100%;

    z-index: 99;

    /* -webkit-transition: all ease-out 1s;

    -o-transition: all ease-out 1s;

    transition: all ease-out 1s; */

}



.subMenu.sticky {

    -webkit-box-shadow: 0px 4px 8px -6px rgba(0, 0, 0, 0.52);

    box-shadow: 0px 4px 8px -6px rgba(0, 0, 0, 0.52);

    position: fixed;

    top: 0;

    left: 0;

    background-color: #fff;

}



.subMenu ul {

    padding: 0;

    list-style: none;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.subMenu ul li {

    padding: 0 20px;

    position: relative;

}



.subMenu.sticky ul li a {

    height: 65px;

    line-height: 65px;

}



.subMenu ul li a {

    height: 90px;

    display: inline-block;

    line-height: 90px;

    font-family: 'Montserrat';

    font-weight: 300;

    color: #000;

    font-size: 16px;

    background-color: transparent;

    text-decoration: none;

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

}



.subMenu ul li.active::after {

    position: absolute;

    content: "";

    left: 0%;

    bottom: 0px;

    height: 5px;

    width: 100%;

    background-color: #88aa2d;

    border-radius: 10px;

}



.subMenu ul li.active::before {

    content: "";

    bottom: -10px;

    left: 50%;

    border-top: 10px solid #88aa2d;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    position: absolute;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

}



.subMenu ul li a:active,

.subMenu ul li a:hover,

.subMenu ul li a:focus {

    text-decoration: none;

}





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



.keyFeatures_container {

    background-image: url(../images/texture_bg.png);

    background-size: cover;

    /* background-repeat: no-repeat;
*/
}



.keyFeatures {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

}



.keyFeatures>div {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding: 35px 15px 0;

}



.keyFeatures>div>p {

    text-align: center;

    margin-top: 25px;

}



.keyFeatures img {

    margin: 0 auto;

    display: block;

    height: 80px;
}





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



.benifits_section_container {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/global/menu/benifits_bg_tnS-5I_VV.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 80% 0;

    z-index: 0;

}



.benifits_cellerik_section_container {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/global/menu/benifits_cellerik_bg_ryjAkXDdQ.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 80% 0;

    z-index: 0;

}


.benifits__ziozing_section_container {
    background-image: url(https://ik.imagekit.io/jfvrvlcst/global/menu/benifits_cellerik_bg_yXBgJD2Ws.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 80% 0;
    z-index: 0;

}


.benifits_section {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    background-color: rgba(0, 114, 152, 0.8);

    padding: 60px 70px;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    min-width: 550px;

    position: relative;

}



.benifits_section ul {

    list-style: none;

    padding: 0;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    width: 100%;

}



.benifits_section ul li {

    padding: 0;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 15px;

}



.benifits_section ul li div {

    width: 38px;

    height: 38px;

    border-radius: 50px;

    background-color: #5d311a;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    overflow: hidden;

    margin-right: 15px;

    padding: 2px;

}



.benifits_section ul li p {

    color: #fff;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}


#benefits{
  padding-top: 110px;
}

#benefits .benifits_section img{
    max-width: 24px;
    max-height: 24px;
}


/*-- FAQ section --*/



.faq_section .panel-group .panel+.panel {

    margin: 0;

}



.faq_section .panel-default {

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-bottom: 1px solid #5d311a;

}



.faq_section .panel-default>.panel-heading {

    background-color: transparent;

    border-bottom: none;

    padding: 15px 10px 15px;

}



.faq_section .panel-default .panel-collapse .panel-body {

    border: none;

    padding: 0 10px;

}



.faq_section .panel-title a {

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 19px;

    color: #5d311a;

    font-weight: 400;

    text-decoration: none;

    display: block;

    position: relative;

    padding-right: 30px;

    line-height: 25px;

}



.faq_section .panel-title a span {

    position: absolute;

    color: #008da9;

    font-size: 22px;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

}



.faq_section .panel-body p {

    font-family: 'Source Sans Pro', sans-serif;

    font-size: 17px;

    color: #464646;

    font-weight: 400;

    margin-bottom: 16px;

    margin-top: -8px;

}



.faq_section.mobile_div {

    display: none;

}



.display_none {

    display: none;

}



.display_block {

    display: inline-block;

}





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



.supplimentry_section_container {

    background-image: url(../images/texture_bg.png);

}



.supplimentry_section .supplimentry_text {

    margin-top: 20px;

    margin-bottom: 20px;

}



.supplimentry_text_last {

    margin-top: 25px;

}



.supplimentry_text_first {

    margin-bottom: 40px;

}



.supplimentry_section .bl {

    position: relative;

    padding-bottom: 20px;

}



.supplimentry_section .bl:after {

    position: absolute;

    top: 100%;

    left: 0%;

    width: 100%;

    height: 1px;

    background-color: #5d311a;

    content: "";

}



.supplimentry_section h4 {

    margin-top: 20px;

    margin-bottom: 20px;

    color: #5d311a;

}





/*======================================================================================*/





/*=============================       COMPANY PAGE     =================================*/





/*======================================================================================*/



.product_banner_container {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/company_banner_bg_rhXH8iemZ.jpg);

    background-size: cover;

    background-position: 50% !important;
}



.product_banner_content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    width: 560px;

    margin: auto;
}



.white_rec_bg {

    background-color: rgba(255, 255, 255, 0.80);

    padding: 60px 70px;

}



.product_banner_content p {

    color: #000;

    padding: 0 20px;

}





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



.philosophy_container {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/philosophy_bg_Xddv8ny_p.jpg);

    background-size: cover;

    background-position: 50% !important;
}



.philosophy_section {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.philosophy_section .content_section {

    padding: 100px 0 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.philosophy_section .controller_section {

    height: 110px;

}



.philosophy_section .polygon_container {

    position: relative;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    max-width: 650px;

}



.philosophy_section .polygon_content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 21.63% 7.86% 11.37% 9.23%;

}



.philosophy_section .polygon_content>div {

    padding: 0 20px;

    color: #000000;

}



.philosophy_section .polygon_content h4 {

    margin-bottom: 10px;

    margin-top: 30px;

}



.philosophy_section .polygon_content>div>div {

    padding: 0 50px;

}



.philosophy_section .controller_section ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    list-style: none;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0;

    margin: 10px 0;

}



.philosophy_section .controller_section ul li {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.philosophy_section .controller_section ul li:not(:last-child) {

    padding-right: 10px;

}



.philosophy_section .controller_section ul li a,

.philosophy_section .controller_section ul li a:active,

.philosophy_section .controller_section ul li a:focus {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background-color: #fff;

    line-height: 90px;

    height: 90px;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0 25px;

    color: #1a1a1a;

    text-decoration: none;

    -webkit-transition: all ease-out 0.35s;

    -o-transition: all ease-out 0.35s;

    transition: all ease-out 0.35s;

}



.philosophy_section .controller_section ul li a:hover,

.philosophy_section .controller_section ul li.active a {

    background-color: #88aa2d;

}



.philosophy_section .controller_section ul li a:hover h4,

.philosophy_section .controller_section ul li.active a h4 {

    text-decoration: none;

    color: #fff;

}



.philosophy_section .controller_section ul li a:hover h4 i,

.philosophy_section .controller_section ul li.active a h4 i {

    color: #fff;

}



.philosophy_section .controller_section ul li a h4 {

    margin: 0;

    color: inherit;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: all ease-out 0.35s;

    -o-transition: all ease-out 0.35s;

    transition: all ease-out 0.35s;

}



.philosophy_section .controller_section ul li a h4 i {

    color: #959595;

    font-size: 40px;

    margin-right: 20px;

    -webkit-transition: all ease-out 0.35s;

    -o-transition: all ease-out 0.35s;

    transition: all ease-out 0.35s;

}



.philosophy_section .move_btn a {

    background-color: rgba(255, 255, 255, 0.75);

    color: #88aa2d;

    font-size: 36px;

    line-height: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    width: 75px;

    height: 75px;

    border-radius: 75px;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-transition: all ease-out 0.35s;

    -o-transition: all ease-out 0.35s;

    transition: all ease-out 0.35s;

}



.philosophy_section .move_btn a:hover {

    background-color: rgba(137, 173, 46, 0.75);

    color: #ffffff;

}



.philosophy_section .move_btn a:hover {

    text-decoration: none;

}



.philosophy_section .move_btn.left {

    margin-right: 20px;

}



.philosophy_section .move_btn.right {

    margin-left: 20px;

}





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



.what_we_do_container {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/company_what_we_do_bg_rlQzI-Ndz.jpg);

    background-size: cover;

    background-position: 90%;

    background-repeat: no-repeat;

    background-position: 50% !important;
}



.blue_polygon_section {

    padding: 0 0px;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.blue_polygon_section.right {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.blue_polygon_section>div {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    position: relative;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.blue_polygon_content {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    padding: 21.63% 7.86% 11.37% 9.23%;

}



.blue_polygon_content>div {

    padding: 20px 10px 0;

}



.blue_polygon_content h4 {

    margin: 30px 0;

    color: #fff;

    text-align: center;

}



.blue_polygon_content p {

    color: #fff;

    text-align: center;

}





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



.innovation_icons ul {

    list-style: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 0;

    margin-top: 50px;

}



.innovation_icons ul li {

    width: 11.11%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-top: 30px;

    cursor: pointer;

}



.innovation_icons ul li span {

    display: inline-block;

    position: relative;

}



.innovation_icons ul li span i:first-child {

    font-size: 90px;

    color: #fff;

    padding: 0 0 0 0;

    color: #fff

}



.innovation_icons ul li span i:first-child:before {

    -webkit-transition: all ease-out 0.3s;

    -o-transition: all ease-out 0.3s;

    transition: all ease-out 0.3s;

}



.innovation_icons ul li:hover span i:first-child:before {

    color: #77ad19;

}



.innovation_icons ul li span i:first-child:after {

    content: '\e90d';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    color: #000;

    z-index: 3;

}



.innovation_icons ul li:hover span i:first-child:after {

    color: #77ad19;

}



.innovation_icons ul li span i:last-child {

    font-size: 40px;

    position: absolute;

    color: #5d311a;

    width: 100%;

    height: 100%;

    line-height: 90px;

    left: 0;

    text-align: center;

    top: 0;

    -webkit-transform: translate(-7px, -3px);

    -ms-transform: translate(-7px, -3px);

    transform: translate(-7px, -3px);

    -webkit-transition: all ease-out 0.25s;

    -o-transition: all ease-out 0.25s;

    transition: all ease-out 0.25s;

}



.innovation_icons ul li:hover span i:last-child {

    color: #fff;

}



.innovation_icons ul li span i.icon-Vegetarian {

    font-size: 26px;

}



.innovation_icons ul li span i.icon-NonGmo,

.innovation_icons ul li span i.icon-HaccpCertified,

.innovation_icons ul li span i.icon-Fssai {

    font-size: 23px;

}



.innovation_icons ul li p {

    color: #1a1a1a;

    text-align: center;

    font-size: 16px;

    line-height: 17px;

    margin-top: 20px;

    word-wrap: break-word;
    
    width:100%;
}





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



.comes_from_section {

    background-color: #f9f9f9;

}



.comes_from_title {

    padding-top: 90px;

    padding-bottom: 40px;

}



.comes_from__gallery>div {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.comes_from__gallery>div>div {

    border: 5px solid #fff;

    background-size: 110%;

    background-repeat: no-repeat;

    background-position: center;

    position: relative;

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

    cursor: pointer;

    overflow: hidden;

}



.comes_from__gallery>div>div>div {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center;

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

}



.comes_from__gallery>div>div:hover>div {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



.comes_from__gallery>div>div:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.6);

    opacity: 0;

    content: "";

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

    z-index: 1;

}



.comes_from__gallery>div>div:hover:after {

    opacity: 1;

}



.comes_from__gallery>div>div h4 {

    color: #5d311a;

    margin: 0 20px;

    padding: 20px 0 10px;

    text-transform: none;

    position: relative;

    display: inline-block;

    position: relative;

    z-index: 4;

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

}



.comes_from__gallery>div>div h4:after {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 0;

    height: 3px;

    background-color: #88aa2d;

    content: "";

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

}



.comes_from__gallery>div>div:hover h4:after {

    width: 100%;

}



.comes_from__gallery>div>div:hover h4 {

    color: #fff;

}



.comes_from__gallery>div>div:first-child {

    border-left: 0 none;

}



.comes_from__gallery>div>div:last-child {

    border-right: 0 none;

}



.comes_from__gallery>div:first-child>div {

    border-top: 0 none;

}



.comes_from__gallery>div:last-child>div {

    border-bottom: 0 none;

}



.first_row>div {

    width: 33.33%;

    height: 350px;

}



.second_row>div {

    width: 50%;

    height: 500px;

}



.third_row>div {

    width: 30%;

    height: 350px;

}



.third_row>div:first-child {

    width: 40%;

}



.himalayan>div {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/himalayan_mountains_y7zDe8sm8.jpg)

}



.guangdong>div {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/guangdong_mountains_cQDIQmx46.jpg)

}



.tasmanian>div {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/tasmanian_sea_o3UmZSAWF.jpg)

}



.iceland>div {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/iceland_sea_ubVQzNdM5.jpg)

}



.antarctica>div {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/antarctica_3veiq4BXZ.jpg)

}



.pacific>div {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/pacific_ocean_24Qpo8QKU.jpg)

}



.chile_rain>div {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/chile_rain_forest_XQmiH6wfO.jpg)

}



.mediterranean>div {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/mediterranean_region__ZTyKpQXT.jpg)

}





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



.why_we_do_container {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/company-page/company_why_we_do_It4VZznDj.jpg);

    background-size: cover;

    background-position-x: 20%;

    background-position: 50% !important;

}





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



.what_you_get_section {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.what_you_get_section .img_section {

    width: 65%;

}



.what_you_get_section .content_section {

    width: 35%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

}



.what_you_get_section .content_section h1 {

    margin-bottom: 0;

}





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



.evolve_container {

    background-color: #f9f9f9;

}



.evolve_container .evolve_gallery {

    padding: 0;

    list-style: none;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-pack: distribute;

    justify-content: space-around;

    padding-top: 50px;

}





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



.we_lead_section {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.we_lead_container {

    background-color: #f9f9f9;

}



.we_lead_section .img_section {

    width: 45%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    padding-top: 45px;

}



.we_lead_section .img_section:first-child {

    padding-right: 65px;

}



.we_lead_section .img_section:last-child {

    padding-left: 65px;

}



.we_lead_section .content_section {

    width: 55%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding: 30px 0;

}



.we_lead_section .content_section p {

    width: 100%;

}



.we_lead_section h1 {

    margin: 0;

}



.we_lead_section h4 {

    margin: 5px 0 25px;

}



.we_lead_section p+p {

    margin-top: 15px;

}





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



.contact_banner {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/contact-page/contact_bg_tZyrmuu5n.png);

    background-size: cover;

    background-position: 50% !important;
}



.contact_section {

    padding: 90px 70px;

}



.contact_section.blue_sq_trans_bg>div {

    padding: 40px;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    width: auto;

}



.contact_section.blue_sq_trans_bg>div h1 {

    text-align: left;

}





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



.tab_container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    padding-top: 70px;

}



.tab_container>div {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    border: 1px solid #008eaa;

}



.tab_container ul {

    list-style: none;

    padding: 0;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background-color: #008eaa;

}



.tab_container ul li a {

    background-color: #fff;

    color: #5d311a;

    padding: 0px 35px;

    height: 60px;

    line-height: 60px;

    text-transform: uppercase;

    font-size: 16px;

    font-family: 'Montserrat';

    font-weight: 400;

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    position: relative;

    -webkit-transition: all ease-out 0.4s;

    -o-transition: all ease-out 0.4s;

    transition: all ease-out 0.4s;

}



.tab_container ul li:nth-child(2) a {

    margin: 0 16px;

}



.tab_container ul li a::after {

    position: absolute;

    top: 0;

    right: -15px;

    content: "";

    z-index: 0;

    border-left: 15px solid #fff;

    border-top: 0px solid transparent;

    border-bottom: 60px solid transparent;

    -webkit-transition: all ease-out 0.4s;

    -o-transition: all ease-out 0.4s;

    transition: all ease-out 0.4s;

}



.tab_container ul li a::before {

    position: absolute;

    top: 0;

    left: -15px;

    content: "";

    z-index: 0;

    border-right: 15px solid #fff;

    border-top: 60px solid transparent;

    border-bottom: 0px solid transparent;

    -webkit-transition: all ease-out 0.4s;

    -o-transition: all ease-out 0.4s;

    transition: all ease-out 0.4s;

}



.tab_container ul li a:hover,

.tab_container ul li.active a {

    background-color: #008eaa;

    color: #fff;

}



.tab_container ul li.active a::after,

.tab_container ul li a:hover::after {

    border-left-color: #008eaa;

    z-index: 4;

}



.tab_container ul li.active a::before,

.tab_container ul li a:hover::before {

    border-right-color: #008eaa;

    z-index: 4;

}



.tab_container ul li:last-child a::after {

    content: none;

}



.tab_container ul li:first-child a::before {

    content: none;

}



.tabHead {

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

    top: -200px;

}



.tabHead.sticky {

    position: fixed;

    top: -55px;

    z-index: 99;

    padding-bottom: 15px;

    width: 100%;

    background-color: rgba(255, 255, 255, 1);

    -webkit-box-shadow: 1px 1px 9px -5px rgb(0, 0, 0);

    box-shadow: 1px 1px 9px -5px rgb(0, 0, 0);

}



.tab_container.tabHead.sticky ul li a {

    padding: 0px 35px;

    height: 40px;

    line-height: 40px;

}



.tab_container.tabHead.sticky ul li a::before {

    border-top-width: 40px;

}



.tab_container.tabHead.sticky ul li a::after {

    border-bottom-width: 40px;

}



.fix {

    height: 132px;

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

}





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



.map {

    width: 100%;

    height: 700px;

}



.leaflet-top.leaflet-left {

    position: absolute;

    width: 100%;

    height: 100%;

}



.leaflet-control {

    position: absolute;

    top: 89%;

}



.leaflet-left {

    z-index: 1;

}



.mapbox-logo.mapbox-logo-true,

.leaflet-control-attribution {

    display: none;

}



.leaflet-control-zoom-in {

    background-image: url('../images/map/zoom_in.svg');

    background-position: center !important;

    background-size: 12px;

}



.leaflet-control-zoom-out {

    background-image: url('../images/map/zoom_out.svg');

    background-position: center !important;

    background-size: 12px;

}



.leaflet-container a {

    text-decoration: underline;

}



.leaflet-container p:last-child {

    margin: 0;

}



.leaflet-popup-content p {

    color: #464646;

    margin-bottom: 5px;

    font-size: 17px;

}



.leaflet-popup-content a {

    color: #008eaa;

}



.leaflet-popup-content a:hover {

    color: #008eaa;

    text-decoration: underline;

}





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



.contact_tab_content h1 {

    margin-bottom: 33px;

}



.contact_tab_content .row>div:first-child {

    padding-right: 25px;

}



.contact_tab_content .row>div:last-child {

    padding-left: 25px;

}



.contact_tab_content textarea {

    height: 317px;

}



.btn_section {

    text-align: center;

    padding-top: 22px;

}



.btn_section>a {

    display: inline-block;

}



.contact_tab_content {

    padding-top: 70px;

}





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



.country_section h1 {

    margin-bottom: 0;

}



.country_section>div:first-child {

    padding-top: 40px;

}



.country_section>div:not(:first-child) {

    padding-top: 35px;

}



.country_section>div:not(:last-child) {

    border-bottom: 1px solid #dadada;

    margin-bottom: 35px;

}



.country_section ul.states,

.country_section ul.states>li>ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.country_section ul.states {

    padding-top: 40px;

    padding-bottom: 70px;

}



.country_section ul.states>li+li {

    padding-top: 70px;

}



.country_section ul.states>li>ul>li:not(:last-child) {

    padding-bottom: 5px;

}



.country_section ul.states>li>ul>li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: start;

    -ms-flex-pack: start;

    justify-content: flex-start;

}



.country_section ul.states>li>ul>li>span {

    width: 40px;

    padding-top: 4px;

    color: #5d311a;

}



.country_section ul.states>li>ul>li>div {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.country_section ul.states>li>ul>li h4 {

    margin: 0;

    color: #333333;

    font-size: 20px;

}



.country_section ul.states>li>ul>li h6 {

    font-size: 17px;

}



.country_section ul.states>li>ul>li p {

    line-height: 30px;

}





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



.opportunities_section {

    padding-top: 40px;

    padding-bottom: 35px;

}



.opportunities_section .img_gallery {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    padding-top: 40px;

}



.opportunities_section .img_gallery h4 {

    text-align: center;

}



.opportunities_section .img_gallery p {

    color: #fff;

    padding-bottom: 50px;

    text-align: center;

}



.opportunities_section .img_gallery>div:not(:nth-child(2)) {

    border: 5px solid #fff;

    -ms-flex-preferred-size: 25%;

    flex-basis: 25%;

    position: relative;

    z-index: 5;

}



.opportunities_section .img_gallery>div:not(:nth-child(2))>div {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

    text-align: center;

    z-index: 4;

    overflow: hidden;

    cursor: pointer;

}



.opportunities_section .img_gallery>div:not(:nth-child(2))>div>div {

    position: relative;

    z-index: 2;

    padding: 0 20px;

    width: 100%;

}



.opportunities_section .img_gallery>div:not(:nth-child(2))>div>div:after {

    position: absolute;

    top: -50px;

    left: 0;

    content: "";

    width: 100%;

    height: 500px;

    background-color: rgba(66, 36, 22, 0.9);

    z-index: -1;

    -webkit-transform: skewY(25deg);

    -ms-transform: skewY(25deg);

    transform: skewY(25deg);

}



.opportunities_section .img_gallery>div:last-child>div>div:after {

    bottom: -50px;

    top: auto;

}



.opportunities_section .img_gallery>div:not(:nth-child(2)),

.opportunities_section .img_gallery>div:nth-child(2)>div {

    overflow: hidden;

}



.opportunities_section .img_gallery>div:not(:nth-child(2))>span,

.opportunities_section .img_gallery>div:nth-child(2)>div>span {

    -webkit-transition: all ease-out 0.5s;

    -o-transition: all ease-out 0.5s;

    transition: all ease-out 0.5s;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.opportunities_section .img_gallery>div:not(:nth-child(2)):hover>span,

.opportunities_section .img_gallery>div:nth-child(2)>div:hover>span {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}



.opportunities_section .img_gallery>div:last-child>div {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.opportunities_section .img_gallery>div:first-child {

    border-left: 0;

}



.opportunities_section .img_gallery>div:last-child {

    border-right: 0;

}



.opportunities_section .img_gallery>div:not(:nth-child(2)) img {

    width: 100%;

}



.opportunities_section .img_gallery>div:nth-child(2) {

    -ms-flex-preferred-size: 50%;

    flex-basis: 50%;

}



.opportunities_section .img_gallery>div:nth-child(2) {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

}



.opportunities_section .img_gallery>div:nth-child(2)>div {

    height: 50%;

    border: 5px solid #fff;

    position: relative;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

}



.opportunities_section .img_gallery>div:nth-child(2)>div>div {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: rgba(0, 141, 169, 0.7);

    padding: 0 20px;

    cursor: pointer;

}



.opportunities_section .img_gallery>div:nth-child(2)>div:last-child>div {

    background-color: rgba(119, 172, 25, 0.7);

}



.opportunities_section .img_gallery>div:nth-child(2)>div>span {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/opportunities-page/opp_img2_8iOOkab3y.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

    background-position: center;

}



.opportunities_section .img_gallery>div:nth-child(2)>div:last-child>span {

    background-image: url(https://ik.imagekit.io/jfvrvlcst/opportunities-page/opp_img3_UuQ3GLhBp.jpg);

}



.consultation_section .headings h3 {

    color: #88aa2d;

    font-size: 26px;

    line-height: 38px;

    margin: 20px 0 0px 0px;

    font-weight: 300;

}





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



.consultation_section {

    padding-top: 35px;

    padding-bottom: 70px;

}



.consultation_section p {

    margin: 15px 0;

    line-height: 22px;

}



.consultation_section .btn_area {

    margin-top: 50px;

}



.consultation_section .headings {

    margin-bottom: 35px;

    padding-top: 5px;

}



.modal-header {

    padding: 25px;

    border-bottom: none;

    background-color: #108ba7;

    color: #fff;

    font-family: 'Montserrat';

    font-weight: 500;

    font-size: 16px;

    position: relative;

}



.modal-header>h4 {

    color: #fff;

    text-align: center;

}



.close-btn {

    background: rgba(0, 0, 0, 0.15);

    border: none;

    float: right;

    opacity: 1;

    -webkit-transition: all ease-out 0.35s;

    -o-transition: all ease-out 0.35s;

    transition: all ease-out 0.35s;

    height: 24px;

    width: 24px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    outline: none;

    position: absolute;

    top: 0;

    right: 0;

    font-size: 14px;

    padding: 5px;

}



.close-btn:hover {

    opacity: 1;

}



.modal-body {

    position: relative;

    padding: 40px 50px 20px;

}



.modal-footer {

    padding: 10px 15px 40px;

    text-align: center;

    border-top: none;

}



.modal-backdrop.in {

    opacity: .8;

    filter: alpha(opacity=80);

}



.modal {

    text-align: center;

    padding: 0!important;

}



.modal-header.empty {

    background-color: transparent;

    padding: 20px;

}



.modal-header.empty+.modal-body {

    position: relative;

    padding: 30px 70px 90px;

    text-align: center;

}



.thank_content h1 {

    font-size: 40px;

}



.thank_content p {

    font-size: 30px;

    font-weight: 300;

    line-height: 40px;

}



.modal:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

    margin-right: -4px;

}



.modal-dialog {

    display: inline-block;

    text-align: left;

    vertical-align: middle;

}



.customRadio label {

    margin-top: 5px;

    margin-bottom: 7px;

    cursor: pointer;

}



.customRadio input {

    opacity: 0;

    position: absolute;

    z-index: -1;

}



.customRadio input+span {

    position: relative;

    padding-left: 30px;

    font-size: 16px;

    font-weight: 500;

    color: #333;

}



.customRadio input[type="radio"]+span:after {

    position: absolute;

    top: 1px;

    left: 0px;

    content: "";

    width: 20px;

    height: 20px;

    border: 1px solid #cecece;

    border-radius: 30px;

    background-color: transparent;

    -webkit-transition: all ease-out 0.35s;

    -o-transition: all ease-out 0.35s;

    transition: all ease-out 0.35s;

}



.customRadio input[type="radio"]+span:before {

    position: absolute;

    top: 5px;

    left: 4px;

    content: "";

    width: 12px;

    height: 12px;

    background-color: #88aa2d;

    border-radius: 30px;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all ease-out 0.35s;

    -o-transition: all ease-out 0.35s;

    transition: all ease-out 0.35s;

    opacity: 0;

}



.customRadio input[type="radio"]:checked+span:after {

    border: 1px solid #88aa2d;

}



.customRadio input[type="radio"]:checked+span::before {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    opacity: 1;

}



.customSelect>.btn.dropdown-toggle.btn-default {

    width: 100%;

    border: 1px solid #ccc;

}



.customSelect>.btn.dropdown-toggle.btn-default:hover {

    border: 1px solid #ccc !important;

}



.customSelect.open>.btn.dropdown-toggle.btn-default,

.customSelect.open>.btn.dropdown-toggle.btn-default:hover {

    border-color: #88aa2d !important;

    -webkit-box-shadow: 0px 0px 8px -1px rgba(137, 173, 46, 0.34);

    box-shadow: 0px 0px 8px -1px rgba(137, 173, 46, 0.34)

}



.customSelect.bootstrap-select.btn-group .dropdown-menu li a {

    padding: 10px 15px;

}



.bootstrap-select.customSelect>.dropdown-toggle,

.bootstrap-select.customSelect>.dropdown-toggle:active {

    font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;

    font-size: 17px;

}

.owl-next{
  width:34px;
  height: 70px;
  background: url('../images/arrow_next.png') no-repeat !important;
  background-size: 100% !important;
  right: -70px;
}

.owl-prev{
  width:34px;
  height: 70px;
  background: url('../images/arrow_prev.png') no-repeat  !important;
  background-size: 100% !important;
  left: -70px;
}

.owl-next span, .owl-prev span{
  display: none;
}

.revolutionary_section .owl-next, .revolutionary_section .owl-prev{
  margin-top: -360px;
  position: absolute;
}

.revolutionary_section .owl-next{
  right: -76px !important
}

.revolutionary_section .owl-prev{
  left: -76px !important
}

.experience_container .owl-next, .experience_container .owl-prev, .experience-container .owl-next, .experience-container .owl-prev{
 margin-top: -350px;
 position: absolute;
}

.experience_container .owl-item .container, .experience-container .owl-item .container{
  padding: 0px;
}

.product-menu{
  background: #f1f1f1;
  height: 600px;
  width: 100%;
  position: absolute;
  left: 0px;
  text-align: center;
  display: none;
  z-index: 8;
}

.product-menu.open{
  display: block;
}

.sub-menu{
  border-bottom: 1px solid #a8a8a8;
}
.sub-menu ul{
  margin: 0;
  padding: 0;
}

.sub-menu ul li{
  list-style: none;
  display: inline-block;
  font-family: 'Montserrat';
  font-weight: 300;
  color: #333;
  padding: 24px;
  font-size: 16px;
  cursor: pointer;
  text-transform: uppercase;
}
.sub-menu ul li a, .sub-menu ul li a:hover{
  background-image: none !important;
}
.sub-menu ul li:hover, .sub-menu li.active{
  color: #000;
  border-bottom: 1px solid #5d311a;
}

.sub-menu-product-image{
  margin-top: 40px;
}
.sub-menu-product-image div{
  display: none;
}
.sub-menu-product-image .open{
  display: block;
}

.sub-menu-product-image img{
  height: 450px;
}

.owl-dots {
  text-align: center;
  display: none;
  width:100%;
  -webkit-tap-highlight-color: transparent; }
  .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #ccc;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
     .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
      background: #333; }
      .owl-nav button{
        outline:none;
      }

      _::-webkit-full-page-media, _:future, :root .contact_banner,
      _::-webkit-full-page-media, _:future, :root .product_banner_container,
      _::-webkit-full-page-media, _:future, :root .philosophy_container,
      _::-webkit-full-page-media, _:future, :root .what_we_do_container,
      _::-webkit-full-page-media, _:future, :root .why_we_do_container {

        background-position-y: 0px !important;

      }

  .betterSection_icon{
      width:64px;
      display:table-cell;
  }
  
  .betterSection_icon img{
      width:40px;
  }
  
  .language_select{
      display:none;
  }

  #cookiescript_injected{
    background: #F0F5F9 !important;
    padding: 10px 0px 5px !important;
  }
  #cookiescript_wrapper, #cookiescript_header{
    text-align: left !important;
  }
  #cookiescript_wrapper{
    padding: 0 20px !important;
    font-family: 'Source Sans Pro';
    font-weight: 700;
    font-size: 14px !important;
    line-height: 22px !important;
    color: #000000 !important;
  }
  #cookiescript_header{
    font-size: 16px !important;
    color: #5d311a !important;
    background: none !important;
  }
  #cookiescript_reject, #cookiescript_readmore{
    display: none !important;
  }

  #cookiescript_accept{
    background: #ffffff !important;
    border: 1px solid #5d311a !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #5d311a !important;
    padding: 6px 16px !important;
  }

  #cookiescript_buttons{
    margin-bottom: 0px !important;
    margin: 14px auto 14px 20px !important;
  }
  
  .experience-container .container{
    width: 100%;
  }


  .language_select .english, .usa-flag{
    background: url(../images/flag/usa-flag.svg) no-repeat 12px center;
    background-size:26px;
  }
  .language_select .spanish, .spain-flag{
    background: url(../images/flag/spain-flag.svg) no-repeat 12px center;
    background-size:26px;
  }
    .language_select .german, .germany-flag{
    background: url(../images/flag/germany-flag.svg) no-repeat 12px center;
    background-size:26px;
  }
  .language_select .arabic, .uae-flag{
    background: url(../images/flag/uae-flag.svg) no-repeat 12px center;
    background-size:26px;
  }
  .language_select .hindi, .india-flag{
    background: url(../images/flag/india-flag.svg) no-repeat 12px center;
    background-size:26px;
  }
  .language_select .bengali, .bangladesh-flag{
    background: url(../images/flag/bangladesh-flag.svg) no-repeat 12px center;
    background-size:26px;
  }

  .country-us, .country-india, .country-bangladesh{
    display: none;
  }

  .country-flag-india .country-india{
    display: block;
  }

  .country-flag-india .new-footer .country-india{
    display: inline-block !important;
  }

  .country-flag-usa .country-us{
    display: block;
  }
  .country-flag-bangladesh .country-bangladesh{
    display: block;
  }

  .country-flag-india .opportunities_section .country-bangladesh, .country-flag-india .opportunities_section .country-usa{
    width: 0px !important;
  }

  .country-flag-usa .opportunities_section .country-india, .country-flag-usa .opportunities_section .country-bangladesh{
    width: 0px !important;
  }

  .country-flag-bangladesh .opportunities_section .country-usa, .country-flag-bangladesh .opportunities_section .country-india{
    width: 0px !important;
  }
  .country-flag-india .mobile-dropdown-menu .dropdown-menu.country-india,
  .country-flag-bangladesh .mobile-dropdown-menu .dropdown-menu.country-bangladesh,
  .country-flag-usa .mobile-dropdown-menu .dropdown-menu.country-us{
    display:none;
  }
  .country-flag-india .mobile-dropdown-menu.open .dropdown-menu.country-india,
  .country-flag-bangladesh .mobile-dropdown-menu.open .dropdown-menu.country-bangladesh,
  .country-flag-usa .mobile-dropdown-menu.open .dropdown-menu.country-us{
    display:block;
  }