/* Global */
body, html {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    background-color: #ffffff;
}

.container {
    max-width: 1000px;
}
.font-weight-bold, strong, b {
    font-weight: 600 !important;
}
.font-opensans{
    font-family: 'Open Sans', sans-serif !important;

}
h1, h2 {
    font-family: 'Reem Kufi', sans-serif;
    font-weight: 400 !important;
    text-transform: capitalize;
    text-align: center;
}
h1 {
    font-size: 54px;
}
h2 {
    font-size: 40px;
}
.small-text{
    font-size:16px;
}

/* Custom */
header {    
    /* background: url('./bg-section1.png') no-repeat center top;
    background-size: cover; */
    background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #E5E5E5;
}
.sec-01 .container, .sec-03 .container.w-900, .sec-00 .container {
    max-width: 900px;
    padding-left: 48px;
    padding-right: 48px;
}
.sec-12 .container {
    max-width: 900px;
    padding-left: 48px;
    padding-right: 48px;
}
.sec-02 .container, .sec-04 .container, .sec-05 .container, .sec-06 .container, .sec-07 .container, .sec-08 .container, .sec-09 .container{
    max-width: 1100px;
    padding-left: 48px;
    padding-right: 48px;
}
.sec-13 .influencer-images{
    max-width: 1000px;
    padding-left: 48px;
    padding-right: 48px;
}
.w-400{
    max-width: 400px;
}
.w-1700{
    max-width: 1600px;
}
.w-all{
    max-width:100%;
}
.w-80{
    max-width:80%;
}
.dark-section{
    position: relative;
    top:-70px;
    margin-bottom: -70px;
}
.zi-2{
    z-index: 2;
}
.pb-sm-3{
    padding-bottom: 10px;
}

.stroke-black {
    text-shadow: -1.2px -1.2px 0px #000000, 1.2px -1.2px 0px #000000, -1.2px 1.2px 0px #000000, 1.2px 1.2px 0px #000000, 1.2px 1.2px 0px #000000;
}

.white-separator{
    background: linear-gradient(to top, #432066, rgba(0,0,0,0)25% ,rgba(0,0,0,0) 75%);
    bottom: 0;
}

.green-separator{
    position: relative;
    top:-50px;
    width: 100%;
}
.full-width{
    width: 100% !important;
}
.black-box{
    background-color:black;
    width: 110px;
}

.learn-more-button{
    background-color:black;
    color:white;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    padding:15px 0px;
    outline:none;
    border:none;
    position: absolute;
    bottom:0px;
    width:95%
}
.get-perk-button{
    background: linear-gradient(180deg, #FEBB01 0%, rgba(254, 187, 1, 0) 100%), #FE9400;
    color:#252525 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    padding:20px 80px;
    outline:none;
    border:none;
    width:95%;
    text-align: center;
    text-transform: uppercase;
}
.get-perk-button:hover{
    text-decoration: none;
}
.get-perk-button-top{
    background: linear-gradient(180deg, #FEBB01 0%, rgba(254, 187, 1, 0) 100%), #FE9400;
    color:#252525 !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
    padding:15px 30px;
    outline:none;
    border:none;
    width:100%;
    text-align: center;
    text-transform: uppercase;
    margin-top: 1rem;
    display:block;
}
.get-perk-button-top:hover{
    text-decoration: none;
}
.mb-80{
    margin-bottom:80px;
}
.list-bullets li{
    list-style: disc;
}
.ultimate-blueprint{
    background:linear-gradient(180deg, #416001 0%, rgba(65, 96, 1, 0) 51.23%, #416001 100%), #659400;
}
.green-box-text{
    background: linear-gradient(180deg, #416001 0%, rgba(65, 96, 1, 0) 51.23%, #416001 100%), #659400;
    min-height:560px;
    padding:1px 40px 0px 40px;
}
.green-check {
    background: url('https://bioptimizers.com/a/assets/img/acm/green-icon-check.png') no-repeat left top;
    min-height: 54px;
    padding-left: 56px;
    padding-top: 3px;
}
.white-check {
    background: url('https://bioptimizers.com/a/assets/img/acm/white-icon-check.png') no-repeat left top;
    min-height: 30px;
    padding-left: 56px;
    padding-top: 3px;
}
.orange-check {
    background: url("https://fb-v1.cdn-bio.com/assets/orange-check-c9064f193d20413e582fdf2bc80ae346.png") no-repeat left top;
    min-height: 20px;
    padding-left: 44px;
    padding-top: 8px;
}
.col-container{
    display: grid;
    grid-auto-flow: column;
    gap: 5%;

}
.row1 { display: table-row; }
.col {
    display: table-cell; 
}

.text-blue{
    color: #1C427B !important;
}
.text-black {
    color: #000000;
}
.text-green{
    color: #80BC00 !important;
}
.text-dark-green{
    color: #659400 !important;
}
.text-orange{
    color: #FEBB01 !important;
}
.text-lt-green{
    color: #A7CB00 !important;
}
.text-white{
    color: #FFFFFF !important;
}
.bg-blue{
    background-color: #214A86;
}
.bg-dark-grey{
    background-color: #252525;
}
.bg-beige{
    background-color:#F2F2F2;
}
.bg-dark-green{
    background-color: #416001;
}
.bg-grey{
    background-color: #44484C;
}
.italic{
    font-style: italic;
}
header h3 {
    padding: .5em 0;
    font-family: 'Reem Kufi', sans-serif;
}
.main-subtitle{
    font-weight: 400 !important;
    line-height: 150% !important;
    font-size:28px;
    font-family: 'Reem Kufi', sans-serif;
}
.section-subtitle{
    font-weight: 400 !important;
    font-size:24px;
    margin-bottom: 30px !important;
}
.text-underline{
    text-decoration: underline;
}
.pl-320{
    padding-left:320px;
}
.centralize{
    text-align: center;
}
.container-fluid {
    max-width: 1500px;
}
.left-justified{
    text-align: left;
}
.text-justified{
    text-align: justify;
}
.questions{
    padding-right:50px;
}
.leaf-image-sm{
    max-width:50px;
    position: relative;
    top:-7px
}
.bioptimization-triangle p, .dark-section p{
    margin-bottom:30px ;
}
.sec-01 .container .row, .sec-03 .container .row, .sec-04 .container .row, .sec-05 .container .row, .sec-08 .container .row, .sec-09 .container .row, .core-ing .container.alt .row, .sec-13 .container .row, .guarantee .container .row, .sec-18 .container .row {
    padding-left: -48px;
    padding-right: -48px;
}
.pt-100{
    padding-top:100px;
}
.arrow-down-white {
    margin: 0 auto; display: table; width: 100%; max-width: 970px; height: 100%;
}
.modal-body{
    padding:0px !important;
}
@media screen and (max-width:640px) {
    .leaf-image-sm{
       display:block;
       position: initial;
       margin:auto;
    }
    html,body{
        overflow-x:hidden;
    }
    .d-sm-none{
        display:none;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 0px;
        padding-left: 0px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .plr-50 {
        padding: 0px 130px;
    }
}
@media (min-width: 992px) {
    .plr-50{
        padding:0px 35px;
    }
}
@media (min-width: 426px) and (max-width: 640px){
    .underline-image:after {
        left: 23em !important;
    }
}
@media  (max-width: 425px){
    .underline-image:after {
        left: 50em !important;
    }
}
@media screen and (min-width:768px) { 
    .circle {
        border-radius: 50%;
        width: 68px;
        height: 68px;
        padding: 10px;
        background: black;
        border: 3px solid #000;
        color: white;
        text-align: center;
        font: 34px Arial, sans-serif;
        display: block; margin: auto;
      }
      .black-timer-box{
          border: 2px solid #000000;
          padding:5px 30px;
      }
    .timer-labels{
        font-weight: bold;
        font-size: 14px;
    }

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

    .circle {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        padding: 10px;
        background: black;
        border: 3px solid #000;
        color: white;
        text-align: center;
        font: 20px Arial, sans-serif;
        display: block; margin: auto;
      }
      .black-timer-box{
          border: 2px solid #000000;
          padding:5px 50px;
      }
    .timer-labels{
        font-weight: bold;
        font-size: 10px;
    }
     
}
@media screen and (max-width:768px) {

    .mt-sm-4{
        margin-top: 20px;
    }
    .sec-10 .container{
        padding-left: 0px ;
        padding-right: 0px ;
    }
    .green-arrow-down{
        position: absolute;
    }
    body {
        font-size: 16px;
    }
    .toc-image{
        max-width: 49%;
        padding: 10px 10px;
    }
    /* .container, .sec-01 .container, .sec-03 .container, .sec-04 .container, .sec-05 .container, .sec-08 .container, .sec-09 .container, .core-ing .container.alt, .sec-13 .container, .guarantee .container, .sec-18 .container, .container, .arrow-down-white, .option1 .container-fluid, .option2 .container-fluid, .option3 .container-fluid {
        max-width: 500px !important;
    } */
    h1, .h1 {
        font-size: 38px;
    }
    h2, .h2 {
        font-size: 34px;
    }
    h3, .h3 {
        font-size: 24px;
    }
    h4, .h4{
        font-size: 20px;
    }
    .main-subtitle{
        font-size: 18px;
    }
    .section-subtitle {
        font-size: 18px;
        margin-bottom: 20px !important;
        text-align: center;
    }
    h6, .h6{
        font-size:14px;
    }
    .media {
        display: block;
    }
    .media img, .media i {
        margin: 1em auto !important;
        display: table;
    }
    .media .media-body i, .sec-02 .media i {
        margin: 0 .5em 0 0 !important;
        display: unset;
    }
    .sec-01 .media i {
        margin: .5em auto !important;
    }
    .sec-02 ol {
        margin-bottom: 0;
    }
    img {
        width: 100%;
    }
    .sec-02 .media i {
        text-align: center;
    }
    .affiliate-loop-title { 
        font-size: 1.2em; 
    }
}
@media screen and (min-width:1025px) and (max-width:1500px) {
    .green-box-text{
        background: linear-gradient(180deg, #416001 0%, rgba(65, 96, 1, 0) 51.23%, #416001 100%), #659400;
        min-height:630px;
        padding:1px 40px 0px 40px;
    }
}
@media screen and (max-width:991px) {
    .section-subtitle {
        font-size: 18px;
        margin-bottom: 20px !important;
        text-align: center;
    }
    .smaller{
        font-size: 30px !important ;
    }
    .learn-more-button{
        position:inherit !important;
    }
    .leaf-image{
        width: 20%;
    }
    .centralize-sm{
        text-align: center;
    }
    
    .green-box-text{
        min-height: 0px !important;
    }
    .dark-section{
        background: linear-gradient(180deg, #252525 100%, #252525 25.52%);;
    }
    .dark-section{
        position: relative;
        top:0px;
        margin-bottom: 0px;
    }
    .learn-more-button{
        width:100%
    }
    .get-perk-button{
        background-image: linear-gradient(#FFC107, #FE9400);
        background-color: #FE9400;
        display: block;
        padding: 10px 0;
        text-align: center;
        color: black;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 400;
        transition: ease 0.5s;
        text-decoration: none;
        border: 1px solid #FE9400;
        font-weight:bold;
        width: 100%;
    }
    .get-perk-button-top{
        background-image: linear-gradient(#FFC107, #FE9400);
        background-color: #FE9400;
        display: block;
        padding: 10px 0;
        text-align: center;
        color: black;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 400;
        transition: ease 0.5s;
        text-decoration: none;
        border: 1px solid #FE9400;
        font-weight:bold;
        width: 100%;
    }

    .text-center-sm{
        text-align: center ;
    }
    .questions{
        padding-right:0px;
        text-align: left;
    }
    .pl-320{
        padding-left:0px;
    }
    .left-justified-lg{
        text-align: center;
    }
    .green-arrow-separator{
        position:relative;
        top:-6px;
    }
    .pt-100{
        padding-top:10px;
    }
    .sec-00 .container,.sec-01 .container, .sec-03 .container, .sec-04 .container, .sec-05 .container, .sec-08 .container, .sec-09 .container, .sec-13 .container {
        max-width: 800px;
        padding-left: 15px ;
        padding-right: 15px ;
    }
    .sec-12 .container {
        max-width: 800px;
        padding-left: 25px ;
        padding-right: 25px ;
    }
    .sec-02 .container, .sec-03 .container.w-900,.sec-04 .container, .sec-05 .container, .sec-06 .container, .sec-07 .container, .sec-08 .container, .sec-09 .container{
        max-width: 1100px;
        padding-left: 15px ;
        padding-right: 15px ;
    }
  
    .cta-section .container{
        padding-left: 15px ;
        padding-right: 15px ;
    }
    .row{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .bg-beige{
        background-color:#F2F2F2;
    }
   
}
@media screen and (min-width: 992px) {
    .pt-110{
        padding-top:110px !important;
    }
    .dark-section{
        background-image: linear-gradient(180deg,transparent calc(100% - 300px),#252525),url("https://bioptimizers.com/a/assets/img/acm/section11.png");
        background-position: right top;
        background-size: cover;
        min-height: 900px;
    }
    .bioptimization-triangle{
        background: url('https://bioptimizers.com/a/assets/img/acm/bg-section1.png') no-repeat center center;
        background-size: cover;
        min-height: 600px;
    }
    .left-justified-lg{
        text-align: left;
    }
    .center-vertical{
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); 
    }
    .py-110{
        padding:110px !important;
    }
}
@media screen and (min-width:1025px) { 
    .arrow-image{
        position: absolute;
        left: -25%;
        top: -45%;
        z-index: 1;
    }
}
@media screen and (max-width:1024px) {
    .arrow-image{
        display:none !important;
    }
    .green-boxes{
        padding-left: 0px !important;
        padding-right: 0px !important;
        max-width: 950px;
    }
    .green-box-text{
        padding: 22px 10px;
    }
    .green-box-text{
        min-height: 650px;
    }
    .smaller{
        font-size: 24px ;
    }
    .mt-sm-3{
        margin-top: 1rem;
    }
}
@media screen and (min-width:1700px) {
    .main-title{
        font-size:75px !important;;
    }
    header {
        background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%), #E5E5E5;
    }

}
/* Influencers */
.item{
    display:inline-block; 
    max-width: 150px;
}
.influ-image{
    max-width: inherit;
}
.font-oswald { 
    font-family: 'Oswald', Tahoma, Arial, sans-serif; 
}
.font-oswald.font-weight-bold, .font-weight-bold.font-oswald { 
    font-weight: 600 !important; 
}
.letter-spacing-lg { 
    letter-spacing: .25em; 
}
.affiliate-loop img { 
    border-radius: 3px; 
}
.badge-dark { 
    background-color: #888888; 
}
.affiliate-loop h4 { 
    letter-spacing: .1em; 
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { 
    background: #a7cb00; 
}
.owl-theme{
    text-align: center;
}
.badge{
    font-size: 70%;
}


.pos-abs{
    position: absolute;
}
.pos-rel{
    position: relative;
}
.shipping-fee-label{
    font-size:14px;
    font-style: italic;
    margin-top: 15px;
    color:black;
}

.underline-image:after {
    display: table;
    content: url("https://bioptimizers.com/a/assets/img/acm/underline.png");
    position: absolute;
    bottom: 0.2em;
    z-index: 0;
    left: 26.5em;
    zoom: 100%;
}


.hs-button{
    background: linear-gradient(180deg, #FEBB01 0%, rgba(254, 187, 1, 0) 100%), #FE9400 !important;
    color: #252525 !important;
    text-transform: uppercase !important;
    transition: ease 0.5s !important;
    border: 1px solid #FE7A00 !important;
    border-bottom-width: 3px !important;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.25) !important;
    padding-left: 3rem!important ;
    padding-right: 3rem!important;
    margin-left: auto!important;
    margin-right: auto!important;
    padding-bottom: 1rem!important;
    padding-top: 1rem!important;
    margin-top: 1rem!important;
    width: 100%!important;
    display: table!important;
    font-size: 1.25rem !important;
    line-height: 1.5 !important;
    border-radius: .3rem !important;
    font-weight: 700!important;
    font-size: 24px !important;
    font-family: 'Open Sans';
}
.hs-button:hover{
    background: linear-gradient(180deg, #FEBB01 0%, rgba(254, 187, 1, 0) 100%), #FE9400 !important;
    color: #252525!important;
    transform: scale(1.05)!important;
    border: 1px solid #FE7A00!important;
    border-bottom-width: 3px!important;
}

.hs-input{
    width: 100%;
    padding: 10px;
    max-height: 60px;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Open Sans';
}
.hs-email{
    margin-top:10px;
    margin-bottom:30px;
}
.w-1100{
    max-width: 1100px;;
}
@media screen and (min-width:1024px){
    .book-image{
        max-width: unset;
        width: 105%;
    }
}