.message_success {border-left: 5px solid #7ad03a;margin-top: 20px;}
.message {background-color: #fff;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);margin-bottom: 10px;padding: 6px 8px;}
.message_error {border-left:5px solid red;}

.pvelpopup-outer {position: fixed;width: 100%;height: 100%;left: 0;top: 0;padding: 0;overflow: auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;z-index: 999;}
.pvelpopup-overflow {
    width: 100%;
    overflow: auto;
    height: 100%;
    box-shadow: 0 0 15px rgb(0 0 0 / 30%);
    margin: auto;
    position: relative;
    background: #fff;
}
.pvelpopup-inner {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 30px 15px;}
.pvelpopup-left-sec, .pvelpopup-right-sec {padding: 0 15px;width: 50%;}
.pvelpopup-left-sec {text-align: center;}
.pvelpopup-left-sec img {width: auto;max-width: 100%;}
.pvelpopup-right-sec h2 {line-height: 1.2;margin: 0 0 5px 0;font-size: 22px;font-weight: bold;}
.pvelpopup-right-sec p {
    line-height: 24px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}
.pvelpopup-right-sec p:last-child {margin: 0;}
.cross-btn {
background: var(--nectar-accent-color);
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
border-radius: 50%;
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;
}
.cross-btn img {
	width: 20px !important;
    margin-bottom: 0 !important;
}
@media (max-width:991px) {
.pvelpopup-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.pvelpopup-left-sec {
    margin: 0 0 50px 0;
}
.pvelpopup-left-sec, .pvelpopup-right-sec {
    width: 100%;
}
}

.ingredient-images {position: absolute;width: 400px;left: calc(50%);height: 530px;top: 420px;}
.panel_ani_section,.panel_ani {width: 100%;height: 95vh;display: flex;align-items: center;flex-direction: column;text-align: center;position: relative;}
.panel_ani_section .images-wrapper,.panel_ani .images-wrapper {display: flex;flex-direction: column;align-items: center;width: 100%;}
.panel_ani_section .images-wrapper img,.panel_ani .images-wrapper img {position: absolute;}
.panel_ani_section .panel_inner {width: 100%;}
.panel_ani_section .panel_inner img{left: 21.5%;}
.panel-left.panel-left-1{margin-top: 156px;}
.panel-left.panel-left-2{margin-top: 24px;}
.panel-left.panel-left-3{margin-top: 40px;}
.panel-left.panel-left-4{margin-top: 30px;}

.panel-right.panel-right-1{margin-top: 161px;}
.panel-right.panel-right-2{margin-top: 43px;width: 80% !important;}
.panel-right.panel-right-3{margin-top: 90px;}

.panel-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.panel-content h3 {
  font-size: 14px!important;
  line-height: 20px!important;
  font-weight: 600!important;
  color: #000!important;
  margin: 0 0 2px!important;
}
.panel-content{
  width: 204px;
  border: 1px solid #C9D1ED;
  padding: 16px 22px;
  border-radius:4px;
  background: #fff;
  position: relative;
  z-index: 99;
}
.panel-left:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  top: calc(50% - 1px);
  right: 0;
  background: #C9D1ED;
  z-index: 1;
}
.panel-right:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  top: calc(50% - 1px);
  right: 0;
  background: #C9D1ED;
  z-index: 1;
} 
.panel-timeline.timeline-right .panel-right .panel-content {
  float: right;
}

.panel-timeline.timeline-right .panel-right {
  float: right;
  width: 100%;
}
.panel-timeline.timeline-right {
  width: 50%;
  position: relative;
}
.panel-timeline.timeline-right .panel-right .panel-content {
  float: right;
}
.panel-timeline.timeline-right .panel-right {
  float: right;
  width: 100%;
}
.panel-timeline.timeline-right {
  width: 50%;
  position: relative;
}
.panel-left:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: calc(50% - 5px);
  right: 0;
  background: #C9D1ED;
  border-radius: 16px;
  z-index: 1;
}
.panel-right:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: calc(50% - 5px);
  left: 0;
  background: #C9D1ED;
  border-radius: 16px;
  z-index: 1;
}
.panel-left-1:after {right: 102px;}
.panel-left-1:before {right: 107px;width: 75%;}
.panel-timeline.timeline-left {
  width: 38%;
  position: relative;
}
.panel-timeline.timeline-right {
  width: 37%;
  position: relative;
}
.panel-left, .panel-right {
  position: relative;
}
.pvelpopup-outer.hidden {
  display: none;
}
.popup_view,.cross_popup {cursor: pointer;}
.popup_open #ajax-content-wrap .main-content .row > div, .popup_open #footer-outer {
    opacity: 0;
    visibility: hidden;
}
.popup_open #ajax-content-wrap .main-content .row > div:nth-child(2) {
    opacity: 1;
	visibility: visible;
}
body.popup_open #header-outer {
    z-index: 9 !important;
}


/* Hide scrollbar for Chrome, Safari and Opera */
.popup_open::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.popup_open {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.popup_open a#to-top {
    opacity: 0;
    visibility: hidden;
}