a.action_button {
   top: 50px;
   color: #fff
 }

 .is-sticky a.action_button {
   top: 35px
 }

 .bg-grey {
   background-color: #eee !important
 }

 #Top_bar .top_bar_right a:not(.action_button) {
   color: #333
 }

 #Top_bar #logo,
 .header-transparent #Top_bar #logo {
   height: 150px;
   padding: 5px 0
 }

 #Top_bar #logo img.logo-sticky,
 #Top_bar #logo img.logo-mobile,
 #Top_bar #logo img.logo-mobile-sticky {
   display: none
 }

 #Top_bar.is-sticky {
   position: fixed !important;
   width: 100%;
   left: 0;
   height: 110px;
   z-index: 701;
   background: #fff;
   -webkit-box-shadow: 0 2px 5px 0 #00000019;
   -moz-box-shadow: 0 2px 5px 0 #00000019;
   box-shadow: 0 2px 5px 0 #00000019
 }

 #Top_bar.is-sticky .logo {
   width: auto;
   margin: 0 30px 0 20px;
   padding: 0
 }

 #Top_bar.is-sticky #logo {
   padding: 5px 0 !important;
   height: 50px !important;
   line-height: 50px !important
 }

 #Top_bar.is-sticky #logo img.logo-main {
   display: none
 }

 #Top_bar.is-sticky #logo img.logo-sticky {
   display: inline;
   max-height: 100px
 }

 #Footer {
   background-image: url(../images/footer-logo.webp);
   background-repeat: no-repeat;
   background-position: center bottom;
   background-size: contain;
   background-color: #DDD
 }

 #Footer .widgets_wrapper {
   padding: 100px 0 75px
 }

 a#back_to_top.button.button_js {
   color: #666;
   background: transparent;
   -webkit-box-shadow: none;
   box-shadow: none
 }

 a#back_to_top.button.button_js:after {
   display: none
 }

 .bg-white {
   background-color: #fff !important
 }

 .slider-promo-text {
   background-color: #FFFFFFA5;
   padding: 40px 20px;
   text-align: center
 }

 .border-left {
   border-radius: 10px 0 0 10px
 }

 .border-right {
   border-radius: 0 10px 10px 0
 }

 .slider-promo-text h2 {
   color: #1F242E !important;
   font-size: 62px;
   line-height: 64px;
   font-weight: 500;
   text-align: center;
   margin-bottom: 40px
 }

 .slider-promo-text h3 {
   color: #924 !important;
   font-size: 46px;
   line-height: 48px;
   text-align: center
 }

 .slider-promo-text h3.h3-2 {
   color: #1F242E !important;
   font-size: 50px;
   line-height: 48px
 }

 .slider-promo-text h4 {
   font-family: Fahkwang;
   color: #052 !important;
   font-size: 28px;
   line-height: 30px;
   font-weight: 500;
   text-align: center;
   margin-bottom: 45px
 }

 .slider-promo-text h5 {
   font-family: Fahkwang;
   color: #111 !important;
   font-size: 26px;
   line-height: 25px;
   font-weight: 500;
   text-align: center
 }

 #Subheader {
   background-color: #F7F7F7FF
 }

 #Subheader .title {
   color: #444
 }

 #Subheader ul.breadcrumbs li,
 #Subheader ul.breadcrumbs li a {
   color: #44444499
 }

 .bg-image-1 {
   background-image: url(../images/functional-medicine.webp);
   background-repeat: no-repeat;
   background-position: top center;
   background-size: cover
 }

 .overlay-box {
   background: #000000A5;
   border: 5px solid #fff;
   text-align: center;
   padding: 40px 20px;
   margin: 120px 0 80px
 }

 .overlay-box h4 {
   color: #fff !important
 }

 a:hover.icon_bar {
   color: #4C8 !important
 }

 a.content_link,
 a:hover.content_link {
   color: #4C8
 }

 a.content_link:before {
   border-bottom-color: #4C8
 }

 a.content_link:after {
   border-color: #4C8
 }

 html {
   background-color: #FFF
 }

 #Wrapper,
 #Content {
   background-color: #FFF
 }

 body,
 button,
 .offer_li .title h3 {
   font-family: "Fahkwang", Arial, Tahoma, sans-serif
 }

 a.action_button {
   font-family: "Fahkwang", Arial, Tahoma, sans-serif
 }

 #Subheader .title {
   font-family: "Fahkwang", Arial, Tahoma, sans-serif
 }

 h1,
 h2,
 h3,
 h4,
 .text-logo #logo {
   font-family: "Suranna", Arial, Tahoma, sans-serif
 }

 h5,
 h6 {
   font-family: "Fahkwang", Arial, Tahoma, sans-serif
 }

 body {
   font-size: 18px;
   line-height: 28px;
   font-weight: 400;
   letter-spacing: 0
 }

 #Subheader .title {
   font-size: 30px;
   line-height: 35px;
   font-weight: 400;
   letter-spacing: 1px;
   font-style: italic
 }

 h1,
 .text-logo #logo {
   font-size: 48px;
   line-height: 50px;
   font-weight: 500;
   letter-spacing: 0
 }

 h2 {
   font-size: 64px;
   line-height: 62px;
   font-weight: 500;
   letter-spacing: 0
 }

 h3 {
   font-size: 48px;
   line-height: 46px;
   font-weight: 500;
   letter-spacing: 0
 }

 h4 {
   font-size: 32px;
   line-height: 32px;
   font-weight: 500;
   letter-spacing: 0
 }

 h5 {
   font-size: 20px;
   line-height: 30px;
   font-weight: 500;
   letter-spacing: 0
 }

 h6 {
   font-size: 10px;
   line-height: 20px;
   font-weight: 500;
   letter-spacing: 4px
 }

 @media only screen and (min-width:768px) {
   .header-semi #Top_bar:not(.is-sticky) {
     background-color: #FFFFFFCC
   }
 }

 @media only screen and (min-width:992px) {
   .slider-promo .dark {
     padding: 100px 5% 20px
   }

   .hide-desktop {
     display: none !important
   }
 }

 @media only screen and (min-width:1240px) {

   .section_wrapper,
   .container {
     max-width: 1060px
   }

   .layout-boxed.header-boxed #Top_bar.is-sticky {
     max-width: 1080px
   }
 }

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

   #Footer .footer_copy .copyright,
   #Footer .footer_copy .social,
   #Footer h3,
   #Footer h4 {
     text-align: center
   }

   .border-left {
     border-radius: 10px 10px 0 0
   }

   .border-right {
     border-radius: 0 0 10px 10px
   }

   .slider-promo-text {
     margin: 0 10px 0
   }

   .slider-promo-text.border-right {
     padding: 0 10px 20px
   }

   .slider-promo-text.border-left {
     padding: 20px 10px 0
   }

   h3,
   h4 {
     text-align: center
   }

   .bg-image-1 {
     background-image: url(../images/functional-medicine-mobile.webp)
   }

   .hide-tablet {
     display: none !important
   }
 }

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

   .section_wrapper,
   .container,
   .four.columns .widget-area {
     max-width: 480px !important
   }

   .section_wrapper,
   .container,
   .four.columns .widget-area {
     width: calc(100% - 15px) !important
   }

   .section_wrapper .mcb-wrap,
   .section_wrapper .column,
   .container .column,
   .sections_group,
   .four.columns {
     margin: 0;
     width: 100% !important;
     clear: both
   }

   #Footer .widgets_wrapper {
     padding: 15px 0
   }

   .hide-mobile {
     display: none !important
   }
 }

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

   .section_wrapper,
   .container,
   .four.columns .widget-area {
     width: calc(100% - 5px) !important
   }

   .slider-promo-text h2 {
     font-size: 48px;
     line-height: 50px
   }

   h2 {
     font-size: 52px;
     line-height: 52px
   }

   h3 {
     font-size: 42px;
     line-height: 42px
   }
 }

 @media only screen and (max-width:484px) {
   h2 {
     font-size: 48px;
     line-height: 48px
   }
 }

 @media only screen and (max-width:375px) {
   h2 {
     font-size: 42px;
     line-height: 42px
   }

   h4 {
     font-size: 28px;
     line-height: 28px
   }
 }