/*
Theme Name: Bio Flo
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Bio Flo.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bioflo
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
html {overflow-x: hidden;}
body {font-family: 'Poppins', sans-serif; overflow-x: hidden;}
img {max-width:100%; height:auto;}
a {color:#9acd78; transition:all linear 0.2s;}
a:hover, a:focus {text-decoration:none; outline:0; color:#444;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:700;}
.h1, .h2, .h3, h1, h2, h3 {text-transform: uppercase;}
.heading_center {text-align: center; margin: 0 0 20px;}
section {padding:120px 0; overflow: hidden;}
.btn {border-radius: 50px; text-transform: uppercase;font-weight:700;}
.btn_styled {padding:10px 35px;}
.btn-light {background: #f7f8f0; color:#2e363e;}
.btn-light:hover, .btn-light:focus {background:#f7f8f0; color:#9acd78; border-color: #f7f8f0;}
.btn-light.green {color:#9acd78;}
.btn-light.green:hover, .btn-light.green:focus{color:#2e363e;}
.btn-success {background:#9acd78; border-color:#9acd78;}
.btn-success:hover, .btn-success:focus {background:#86b368; border-color:#86b368;}

.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.clear { clear:both;}
.clear1 { clear:both; padding:1px 0 0;}
.clear5 { clear:both; padding:3px 0 2px;}
.clear10 { clear:both; padding:5px 0;}
.mrb-10 { margin:0 10px 10px 0;}
.br-0 { border-radius:0; -webkit-border-radius:0;}

header {position: fixed; left:0; right:0; top:0; z-index: 9; padding:15px 0;}
.logo {max-width:120px;}
.menubar {}
#menu{position:relative;}
#menu ul{list-style:none;margin:0;padding:0; text-align: center;}
#menu ul li{display:inline-block;position:relative;}
#menu ul li a{color:#9acd78; padding:8px 20px; display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;transition:all .3s linear; font-weight:600; border-radius: 25px; text-transform: uppercase;}
#menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: #9acd78; background: #f7f8f0;}
#menu li.active ul li a{color:#f7f8f0;background:#2e363e}
#menu li.active ul li a:hover{color:#f7f8f0;background:#333}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
#menu ul li.active ul li a { background:#f7f8f0; color:#333;}
#menu li>ul li{background:#f7f8f0;border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li:hover{background:#333;border-bottom:1px solid rgba(0,0,0,0.09)}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;}
#menu li>ul li a:hover{color:#f7f8f0;text-decoration:none}
#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:#f7f8f0}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a {color:#f7f8f0;}
#menu li>ul li:hover ul li a {color:#2e363e;}
#menu li>ul li ul li a:hover {color:#ff9e00;}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
header.sticky {  margin:0;  position: fixed;  background:#2e363e; top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);}
header.sticky .logo {max-width: 100px;}

.home_banner {min-height: 900px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
.home_banner:before {position: absolute; content:""; left:0; top:0; bottom:0; right:0; background:rgba(46,54,62,0.85);}
.banner_caption_wrap {position: absolute; left:50%; top:53%; transform: translate(-50%, -50%); color:#f7f8f0; text-align: center;}
.big_text {font-size:55px; text-transform: uppercase; font-weight:700; line-height:1.2;}
.bottom_arrow {position: absolute; left:50%; transform: translateX(-50%); bottom:35px;}
.bottom_arrow img {width:25px;}

.bioflo_img {max-width: 120px; position: absolute; top:66%; right: -40px;}
.bioflo_img img {width:120px;}

.banner_circle_left {position: absolute; left:-110px; bottom:-120px;}
.banner_circle_left img {width:300px;}
.banner_circle_right {position: absolute; right:-110px; top:-120px;}
.banner_circle_right img {width:300px;}

.feat_box {text-align: center; padding:0 25px;}
.feat_box .feat_icon {margin:0 0 30px;}
.feat_box .feat_icon img {height:70px; object-fit: scale-down;}
.feat_box h3 {margin:0 0 20px; font-size:30px;}
.feat_box p {font-size:20px;}

.how_work_sec { background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; color:#f7f8f0;}
.how_work_sec:before {position: absolute; content:""; left:0; top:0; bottom:0; right:0; background:rgba(85, 113, 83, 0.80);}
.how_work_sec .container {position: relative;}

.howwork_content_wrap {margin:0 0 40px; position: relative; color:#f7f8f0; padding:0 0 0 30px;}
.howwork_content_wrap:before {position: absolute; content:""; width:2px; top:28px; bottom:0; left:5px; background:#f7f8f0;}
.howwork_content_wrap p {font-size:18px; line-height: 1.4; margin: 0;}
.howwork_content_wrap span {position: absolute; left:0; top:0; font-size:22px;font-weight:700; line-height: 1;}

.step_img {padding:40px 0 0;}

footer {padding:20px 0; background:#2e363e; color: #f7f8f0; position: relative; z-index: 9;}
footer p {margin: 0;}
footer p a {color:#f7f8f0;}
footer p a:hover {color:#9acd78;}