/****** PLACE YOUR CUSTOM STYLES HERE ******/
.d-none{
    display:none;
}
.d-block{
    display:block;
}
.pt30{
    padding-top:30px;
}
.pb30{
    padding-bottom:30px;
}
.mb-10{
    margin-bottom:10px;
}
.mb-0{
    margin-bottom:0px !important;
}
.footer-logo-align{
        position: relative;
    top: -14px;
}
.health-container{
    min-height:350px;
}

p{
    font-size:14px;
    text-align:justify;
}

.parallax {
        margin-bottom: 34px;
}
.main--hero p{
       
}
.founder--img{
        margin-bottom: 21px;
    height: 243px;
}

.founder-section hr{
    margin-bottom: 32px;
}

.parallax h1{
    margin-bottom: 8px;
}
.parallax a{
    border: 0.1px solid;
}

.tealist2 hr{
        margin-bottom: 32px;
}

.parallax p{
    width: 62%;
    font-size: 1.2em;
    margin-bottom: 27px;
    line-height: 1.7em;
}

.video-section video{
    width: 100%;
}

nav.transparent.fixed {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.tealist-inner img{
    margin-left: -36px;
}

.tealist-inner h1.large {
    color: #222 !important;
    font-size: 1.9em;
    line-height: 1em;
    margin-bottom: 5px;
}

.tealist img{
    height: 8.8em;
}

.tealist h1.large {
    font-size: 1.9em;
    line-height: 1em;
    color: #222 !important;
    font-weight: 100;
    position: relative;
    left: 16px;
}

.col{
    width: 20%;
    float: left;
    /* text-align: center; */
}
.thirdrow{
    margin-bottom: 25px;
}
.video-section{
    padding-bottom: 0;
    margin-bottom: -9px;
}

.bg-dark{
    background-color: #20362c !important;
}
.secondary-btn{
    color: #20362c !important;
    border-color: #20362c !important;
}
.founder-section h6{
    color: #20362c !important;
}
h6{
    color: #1f362c !important;
}

.video-section.second{
    padding-top: 0px;
    height: 80vh;
}

.video-section.second video{
    width: 100%;
}

.tealist-row{
    margin-bottom: 1.7em;
}

.ico-sections img{
    margin-bottom: 14px;
    transition: all 0.3s ease 0s;
}

.ico-sections h6{
    color: #fff !important;
}

.tealist-row img{
    margin-bottom: 1.7em;
    margin-bottom: 8px;
}

footer .title{
    color: #fff !important;
}

footer .btn:visited {
    color: #fff;
}

.hero-video video{
    padding: 0px;
        height: 100%;
    width: 100%;
    margin-top: -2px;
}

.hero-video {
    padding: 0px;
     
}

.hero-video::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #00000059;
    margin-top: -8px;
}

.ico-sections img:hover{
        transform: scale(1.5);
    z-index: 2;
    color: #fff;
    cursor: pointer;
    
}
.icons-row .col-md-3{
    margin:15px 0;
}
.health-benfits-icon-section img{
    background-color: #20362c;
    width: 25%;
    margin: 20px 0;
    padding: 5px;
    border-radius: 50px;
}

@media (orientation: landscape) {
    .our-story .background-image-holder{
        background-image: url(/images/Our-Story-Banner1440x240.png) !important;
        height: 100%;
    }
    .our-teas .background-image-holder{
        background-image: url(/images/Tea-Banner1440x240.png) !important;
        height: 100%;
    }
     .health-benefits .background-image-holder{
        background-image: url(/images/Health-Benefits1440x240.png) !important;
        height: 100%;
    }
    .contact-us .background-image-holder{
        background-image: url(/images/Contact-Us-1440x240.png) !important;
        height: 100%;
    }
}

@media (orientation: portrait) {
    
    .hero-video video{
        height: 68vh;
        object-fit: cover;
    }
    
    .ico-sections .col-xs-6{
        text-align:center;
    }
    
    .video-section.second {
       
        height: auto;
    }
    
    section {
        padding: 40px 0;
    }
    
    .teas--row{
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
    }
    
    .teas--row .col {
        flex-basis: 50%;
            text-align: center;
    }
    
    .teas--row .col h1.large {
        position: unset;
    }
    
    .fullscreen p{
        width:100%;
        font-size: 1.1em;
        line-height: 1.6em;
    }
    .our-story .background-image-holder{
        background-image: url(/images/Our-Story-Banner-810x480.png) !important;
        height: 100%;
    }
    .our-teas .background-image-holder{
        background-image: url(/images/Tea-Banner-810x480.png) !important;
        height: 100%;
    }
    .health-benefits .background-image-holder{
        background-image: url(/images/Health-Benefits-Banner-810x480.png) !important;
        height: 100%;
    }
    .contact-us .background-image-holder{
        background-image: url(/images/Mobile-Contact-Us-810x480.png) !important;
        height: 100%;
    }
}