ul{list-style: circle;}
.page1 .card, .page1 .card1, .page1 .card2, .page1 .card3, .page1 .card4, .page1 .card5, .page1 .card6, .page1 .card7 {
    width: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.page1 .card div, .page1 .card1 div, .page1 .card2 div, .page1 .card3 div, .page1 .card4 div, .page1 .card5 div, .page1 .card6 div, .page1 .card7 div {
    display: block;
    width: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 36px 30px 20px;
    
}
/*.card .front {
  background: red;
}*/
.page1 .card .back, .page1 .card1 .back, .page1 .card2 .back, .page1 .card3 .back, .page1 .card4 .back, .page1 .card5 .back, .page1 .card6 .back, .page1 .card7 .back  {
    background: #cbe88c;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
        min-height: 450px;
}
.page1 .card.flipped, .page1 .card1.flipped, .page1 .card2.flipped, .page1 .card3.flipped, .page1 .card4.flipped, .page1 .card5.flipped, .page1 .card6.flipped, .page1 .card7.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.page1 .flip-section {
    position: relative;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    width:100%;
        min-height: 450px;


    
}

.page1 .flip-class {
    width: 100%;
    float: left;
}

.page1 .flip-class .front {
    background: #ffcc10;
    min-height: 450px;
    border-top: 3px solid #679611;
}
.page1 .flip-class button.btn.btb1 {
    background: green;
    border-radius: 0;
    padding: 5px 8px;
    font-size: 14px;
    float: right;
}
.page1 .flip-class p {
    text-align: justify;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
    margin-bottom: 16px;
    width: 100%;
    padding: 8px 10px;
    border: 0;
    border-radius: 5px;
    border: 0.5px solid #f1ebeb;
}


.submit {
    text-align: center;
}

.cnt2 h3 {
    margin: 0;
    padding-bottom: 1em;
}


.cnt2 {
    background: #a0b57c26;
    padding: 2em;
    border-radius: 3px;
}


textarea {
    min-height: 120px;
}
.ghs1 h3 {
    margin: 0;
    padding-bottom: 1em;
}

.ghs1 {
    padding: 2em;
    background-color: #f1f4eb;
    border-right: 2px solid white;
}
section {
    width: 100%;
    float: left;
}

.button1 {
    width: 100%;
    text-align: right;
}
.page1 .navbar-light .navbar-nav .active>.nav-link, .page2 .navbar-light .navbar-nav .active2>.nav-link, .page3 .navbar-light .navbar-nav .active3>.nav-link, .page4 .navbar-light .navbar-nav .active4>.nav-link, .page5 .navbar-light .navbar-nav .active5>.nav-link, .page6 .navbar-light .navbar-nav .active6>.nav-link, .page7 .navbar-light .navbar-nav .active7>.nav-link, .page8 .navbar-light .navbar-nav .active8>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0,0,0,.7);
    background: #aed856;
}.clr11 {
    background: #f8f7ca63;
    padding: 2em;
    border-radius: 4px;
}
.clr11 img {
    border-radius: 3px;
}

button.btn.btb1 a {
    color: #fff;
}
ul.list-1 li:before {
    content: "\f0a4";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    padding: 0;
    top: 4px;
    font-size: 16px;
}

ul.list-1 {
    list-style: none;
    padding: 0;
}
ul.list-1 li {
    position: relative;
    padding: 5px 25px;
}
body.page2 p {
    text-align: justify;
}
.metabolic, .hormones, .obesity, .psychology, .sandalbg p {
    text-align: justify;
}





li.dropdown {
  float: left;

}

li.dropdown .dropbtn {
  font-size: 16px;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
li.dropdown:hover .dropbtn {
  background-color: red;
}

ul.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 355px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

ul.dropdown-content li a {
  float: none;
  color: black;
  padding: 7px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

ul.dropdown-content li a:hover {
  background-color: #ddd;
}

li.dropdown:hover ul.dropdown-content {
  display: block;
}
ul.nav1 li {
    margin: 0;
}

ul.navbar-nav li.active3 ul li a {
    background-color: transparent;
}
ul.nav1 li a {
    text-decoration: none;
}
ul.nav1 {
    list-style: none;
    padding: 0;
}

ul.list1 {
    padding-left: 15px;
}
.page1 ul.navbar-nav li ul.nav1 li {
    width: auto;
}







#myBtn1{
 position: fixed;
    bottom: 41px;
    right: 0px;
    z-index: 99;
    font-size: 15px;
    border: none;
    outline: none;
    background-color: #678c1b;
    color: white;
    cursor: pointer;
    padding: 9px;
    border-radius: 2px;
}

#myBtn1:hover {
  background-color: #678c1b;
}
@media (min-width:768px) and (max-width:1600px) {
    .flip-section {
    position: relative;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    width:100%;
        min-height: 590px;


    }
    
    .card .back, .card1 .back, .card2 .back, .card3 .back, .card4 .back, .card5 .back, .card6 .back, .card7 .back  {
    background: #cbe88c;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
        min-height: 450px;
}
 .card.flipped,  .card1.flipped,  .card2.flipped,  .card3.flipped, .card4.flipped,  .card5.flipped,  .card6.flipped,  .card7.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card, .card1, .card2, .card3, .card4, .card5, .card6, .card7 {
    width: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div, .card1 div, .card2 div, .card3 div, .card4 div, .card5 div, .card6 div, .card7 div {
    display: block;
    width: 100%;
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 36px 30px 20px;
    
}

.flip-class .front {
    background: #ffcc10;
    min-height: 450px;
    border-top: 3px solid #679611;
}
.flip-class button.btn.btb1 {
    background: green;
    border-radius: 0;
    padding: 5px 8px;
    font-size: 14px;
    float: right;
}
.flip-class p {
    text-align: justify;
}

}
@media (max-width:1199px){
    .ghs1 {
    padding: 1em;
    background-color: #f1f4eb;
    border-right: 2px solid white;
}
}
@media (min-width:767px) and (max-width:1199px){
    .box-content {
    display: block;
   
}
}


@media (max-width:991px){
    ul.dropdown-content {
        position: relative;
         min-width:auto;
    }
    img.fs1-img {
        max-width:100%;
    }
    p.ghq1 img {
    padding: 10px 40px;
    text-align: center;
    margin: 0;
}

}
@media (min-width:768px) and (max-width:991px){
    img.fs2 {
    padding: 10px !important;
}
}


@media only screen and (min-width:320px) and (max-width:767px){
    .irritable1 .flip-section.flip-class {
    min-height: 1400px;
}
button.btn.btb1 {
    display: none;
}
.page1 button.btn.btb1 {
    display: block;
}
}
#purechat-container .purechat-messenger-frame.purechat-messenger-frame-bottom-right{
        max-height: 80vh;
}