/* vars */

:root {
    --white: #fff;
    --black: #000;
    --darkGray: #333;
    --midGray: #4D4D4D;
    --semiLightGray: #A7A8A9;
    --lightGray: #DCDDDE;
    --whitesmoke: #EFEFEF;
    --green: #486244;
    --teal: #94B8B6;
    --disabledText: #A7A8A9;
    --red: #DE1C22;
    --cream: #FDF1DF;
    --basegreen: #4D6147;
    --body-font: "Mier";
    --header-font: "Canela";
    --transparent: "transparent";
}

/* default elements */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    padding: 0;
    margin: 0;
    border: 0 none;
}

body {
    font-family: var(--body-font);
    background: var(--white);
    color: var(--black);
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.subtitle2,
.subtitle1 {
    font-family: var(--header-font);
    font-weight: 400;
    color: var(--dark);
    margin: 0 0 1rem 0;
}

h1,
.header1 {
    font-size: 70px;
    line-height: 90px;
}

h2,
.header2 {
    font-size: 60px;
    line-height: 80px;
}

h3,
.header3 {
    font-size: 48px;
    line-height: 70px;
}

h4,
.header4 {
    font-size: 32px;
    line-height: 50px;
}

h5,
.header5 {
    font-size: 24px;
    line-height: 40px;
}

h6,
.header6 {
    font-size: 20px;
    line-height: 20px;
}

.creamBackground {
    background:var(--cream);
}
.greenBackground {
    background:var(--basegreen);
}
.whitesmokeBackground {
    background:var(--whitesmoke);
}

/* container */

.maincontent {
}

.container {
    max-width: 1400px;
    padding: 0 24px;
}

.container-inner {
    max-width: 1024px;
    margin: 0 auto;
}

.container-narrow {
    max-width: 720px;
    margin: 0 auto;
}

/* fonts */

[class*='canela-font-'] {
    font-family: var(--header-font);
}

[class*='mier-font-'] {
    font-family: var(--body-font);
}

.canela-font-24 {
    font-size: 24px;
    line-height: 40px;
}

.canela-font-20 {
    font-size: 20px;
    line-height: 20px;
}

.canela-font-16 {
    font-size: 16px;
    line-height: 16px;
}

.canela-font-14 {
    font-size: 14px;
    line-height: 14px;
}

.mier-font-70 {
    font-size: 70px;
    line-height: 93px;
}

.mier-font-60 {
    font-size: 60px;
    line-height: 80px;
}

.mier-font-48 {
    font-size: 48px;
    line-height: 64px;
}

.mier-font-32 {
    font-size: 32px;
    line-height: 42px;
}

.mier-font-24 {
    font-size: 24px;
    line-height: 40px;
}

.mier-font-20 {
    font-size: 20px;
    line-height: 32px;
}

.mier-font-16 {
    font-size: 16px !important;
    line-height: 26px;
}

.mier-font-14 {
    font-size: 14px;
    line-height: 22px;
}

.mier-font-12 {
    font-size: 12px;
    line-height: 20px;
}

.mier-font-10 {
    font-size: 10px;
    line-height: 13px;
}

p {
    margin: 0 0 1rem 0;
    color: var(--black);
    font-weight: 400;
}

    p:last-child {
        margin-bottom: 0;
    }

hr {
    color: #000;
}

img {
    max-width: 100%;
}

/* links */

a {
    color: var(--green);
}

    a,
    a:link,
    a:visited,
    a:active {
        line-height: 1;
        text-decoration: none;
    }

        
        a:hover,
        a:focus {
            text-decoration: underline;
            color: var(--green);
        }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color:var(--black);
}

a img {
    border: none;
    outline: none;
}

/* colors */

.blacktxt {
    color: var(--black);
}

.redtxt {
    color: var(--red);
}

.disabledtxt {
    color: var(--disabledText);
}

.whitetxt {
    color: var(--white);
}

.greentxt {
    color: var(--green);
}

input:focus {
    outline: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

body.stopscroll {
    overflow: hidden;
}

body .heroimage,
body .maincontent,
body .footer {
    transition: 0.1s;
}

body.stopscroll .heroimage,
body.stopscroll .maincontent,
body.stopscroll .footer {
    filter: blur(7px);
    -webkit-filter: blur(7px);
}

/* buttons */

.btn {
    font-family: var(--body-font);
    color: var(--green);
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    padding: 16px 22px;
    border: 1px solid;
    border-radius: 0;
    -webkit-border-radius: 0;
    text-decoration: none;
    cursor: pointer;
    max-height: 50px;
}

    .btn:hover {
        text-decoration: none;
    }

.btn-gray-bordered {
    border-color: var(--lightGray);
    background-color: var(--transparent);
    color: var(--lightGray);
}

    .btn-gray-bordered:hover,
    .btn-gray-bordered:focus,
    .btn-gray-bordered:active {
        border-color: var(--lightGray);
        background-color: var(--lightGray);
        color: var(--green);
    }

.btn-white-bordered {
    border-color: var(--white);
    background-color: var(--transparent);
    color: var(--white);
}

    .btn-white-bordered:hover,
    .btn-white-bordered:focus,
    .btn-white-bordered:active {
        border-color: var(--white);
        background-color: var(--white);
        color: var(--green);
    }

.btn-white-fill {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--green);
}

    .btn-white-fill:hover,
    .btn-white-fill:focus,
    .btn-white-fill:active {
        border-color: var(--white);
        background-color: var(--transparent);
        color: var(--white);
    }

.btn-green-bordered {
    border-color: var(--green);
    background-color: white;
    color: var(--green);
    font-size: 14px;
}

    .btn-green-bordered:hover,
    .btn-green-bordered:focus,
    .btn-green-bordered:active {
        border-color: var(--green);
        background-color: var(--green);
        color: var(--white);
    }

.btn-green-fill{
    border-color: var(--green);
    background-color: var(--green);
    color: var(--white);
}

.btn-green-fill:hover,
.btn-green-fill:focus,
.btn-green-fill:active {
    border-color: var(--green);
    background-color: var(--transparent);
    color: var(--green);
}

.btn.disabled {
    background-color: var(--lightGray);
    color: var(--disabledText);
    border-color: var(--lightGray);
}

.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .btn-icon .icon.left {
        margin-right: 16px;
    }

    .btn-icon .icon.right {
        margin-left: 16px;
        margin-right: 0;
    }

    .btn-icon .icon.hovericon {
        display: none;
    }

    .btn-icon:hover .icon:not(.iconimg) {
        display: none;
    }

    .btn-icon:hover .icon.hovericon {
        display: block;
    }

/* header */

header.header {
    position:sticky;
    padding: 0;
    top: 0;
    z-index: 600;
    width: 100%;
    transition: top 0.2s ease-in-out;
    -webkit-transition: top 0.2s ease-in-out;
    box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 2px 1px rgba(0,0,0,0.3);
    background-color: var(--white);
    /*overflow:hidden;*/
}
.header.hide{
    top: -100%;
}

.logo {
    margin-right: 55px;
}

.desklogo {
    display: block;
    width: auto;
    height: 60px;
}

.moblogo {
    display: none;
    width: auto;
    height: 50px;
}

.normal {
    display: block;
}

.hover {
    display: none;
}

.search-btn {
    margin-right: 20px;
    display: block;
}

.cart-btn {
    display: block;
}

.signin-btn {
    margin-left: 40px;
    display: block;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 1;
}

.search-btn, .cart-btn {
    cursor: pointer;
}

    .search-btn .hover,
    .cart-btn .hover {
        display: none;
    }

    .search-btn:hover .normal, .search-btn.active .normal,
    .cart-btn:hover .normal {
        display: none;
    }

    .search-btn:hover .hover, .search-btn.active .hover,
    .cart-btn:hover .hover {
        display: block;
    }

.signin-wrap.mobile {
    margin-right: 40px;
}

    .signin-wrap.mobile a {
        display: flex;
        align-items: center;
        font-size: 14px;
    }

        .signin-wrap.mobile a img {
            margin-right: 9px;
        }

.bar-btn {
    margin-left: 30px;
}

/*Main menu*/
.header .navbar {
    padding: 0;
    height: 85px;
}
.mainnav,
.mainnav .navbar-nav{height:100%;}
.mainnav .navbar-nav .nav-item{height:100%;display:flex;}
.mainnav .nav-item .nav-link {
    padding: 0 25px 0 12px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000;
    display: flex;
    align-items: center;
}

    .mainnav .nav-item .nav-link::after {
        display: none;
    }

    .mainnav .nav-item .nav-link::before {
        content: '';
        width: 6px;
        height: 6px;
        margin-right: 7px;
        background-color: var(--white);
        border-radius: 100%;
        -webkit-border-radius: 100%;
        display: block;
    }

    .mainnav .nav-item .nav-link:hover {
        text-decoration: none;
    }

        .mainnav .nav-item .nav-link:hover:before {
            background-color: var(--green);
        }

.navbar, .nav-item {
    position: static;
}
.mainnav .dropdown-item.active, .mainnav .dropdown-item:active{background:none; color:var(--black);}
/*sub menu*/
/*.mainnav .dropdown:hover .dropdown-menu,
.mainnav .btn-group:hover .dropdown-menu {
    display: block;
}*/

.mainnav .dropdown-menu {
    width: 100%;
    position: absolute;
    left: 0;
    top: 85px;
    border: 0;
    box-shadow: 0px 10px 30px -2px rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 30px 0;
}

    .mainnav .dropdown-menu .container {
        padding-left: 180px;
    }

    .mainnav .dropdown-menu h6 {
        margin-bottom: 30px;
        text-transform: uppercase;
    }

    .mainnav .dropdown-menu .dropdown-item {
        font-size: 24px;
        line-height: 1;
        margin-bottom: 30px;
        padding: 0;
        display: flex;
        align-items: center;
    }

        .mainnav .dropdown-menu .dropdown-item:hover {
            background: none;
            text-decoration: none;
        }

            .mainnav .dropdown-menu .dropdown-item:hover::before {
                content: '';
                width: 6px;
                height: 6px;
                margin-right: 7px;
                background-color: var(--green);
                border-radius: 100%;
                -webkit-border-radius: 100%;
                display: inline-block;
            }

.submenu-container {
    padding: 65px 0;
    position: absolute;
    left: 0;
    top: 85px;
    background-color: var(--white);
    box-shadow: 0px 10px 30px -2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 10px 30px -2px rgba(0, 0, 0, 0.1);
    width: 100%;
    display: none;
}

    .submenu-container.show {
        display: block;
    }

    .submenu-container .container {
        padding-left: 180px;
    }

/*drilldown menu*/
.drilldown-menu {
    padding: 30px 40px;
    background-color: var(--white);
    position: fixed;
    left: 0px;
    top: 75px;
    z-index: 500;
    width: 100%;
    box-shadow: 0px 10px 30px -2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 10px 30px -2px rgba(0, 0, 0, 0.1);
}

    .drilldown-menu .drilldown-close {
        position: absolute;
        right: 35px;
        top: 35px;
        z-index: 50;
    }

.slinky-theme-default .next::after {
    display: none;
}

.slinky-theme-default {
    height: 100%;
    min-height: 600px;
}

    .slinky-theme-default a:not(.back):hover {
        background: none;
        text-decoration:none;
    }

    .slinky-theme-default a:not(.back) {
        font-size: 24px;
        text-transform: capitalize;
        padding: 15px 0;
    }

    .slinky-theme-default a.level0 {
        text-transform: uppercase;
    }

.slinky-menu .header {
    display: block;
}
    .slinky-menu .header .title {
        padding: 30px 0 15px;
    }
    .slinky-menu .header .title a {
        color: var(--green);
        font-size: 16px; font-weight:normal;
        text-transform: uppercase;
    }

    .slinky-menu .header a.back {
        margin: 0 0 0 -40px;
    }

.slinky-theme-default .next::after, .slinky-theme-default .back::before {
    background-size: 1.1em;
    opacity: 1;
}


/*menu search-cart*/
.search-box {
    display: flex;
    align-items: center;
}

    .search-box .searchicon {
        margin-right: 11px;
    }

    .search-box .txtbox {
        font-size: 24px;
        font-weight: 400;
        line-height: 40px;
        border: 0;
        width: 100%;
    }

        .search-box .txtbox:focus {
            outline: 0;
        }

        .search-box .txtbox::-webkit-input-placeholder { /* Edge */
            color: var(--disabledText);
        }

        .search-box .txtbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: var(--disabledText);
        }

        .search-box .txtbox::placeholder {
            color: var(--disabledText);
        }

.submenu-quicklinks {
    margin-top: 60px;
}

    .submenu-quicklinks .quick-title {
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--green);
        margin-bottom: 15px;
    }

    .submenu-quicklinks ul li {
        list-style: none;
    }

        .submenu-quicklinks ul li a {
            padding: 10px 0;
            font-size: 14px;
            line-height: 1;
            font-weight: 400;
            color: var(--black);
            display: block;
        }

            .submenu-quicklinks ul li a:hover {
                color: var(--green);
                text-decoration: none;
            }

.cart-box a {
    text-decoration: underline;
}

/* hero */

.heroimage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 85vh;
    width: 100%;
    overflow: hidden;
}

    .heroimage .hero-img-box {
        height: 100%;
        overflow: hidden;
        width: 100%;
    }

    .heroimage .hero-img {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .heroimage .overlay {
        background: rgba(0,0,0,0.2);
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
    }

.hero-text-container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 100px;
}

.hero-text-container.center
{
    justify-content: center;
}
.hero-text-container.bottom
{
    justify-content: flex-end;
    padding-bottom:100px;
}
.hero-text .header1 {
    text-align: center;
    color: var(--white);
    transition: 0.2s;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.hero-scroller-image-container {
    position: absolute;
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bannerimage{height:100vh;}
.bannerimage .hero-text-container .hero-text {
    max-width: 1105px;
    text-align: center;
}

.hero-text h3{display:flex; justify-content:center; align-items:center; margin-bottom:5px !important;}
.hero-text h3 i{font-size:7px; color:var(--white); margin:0 10px;}

.bannerimage .bannertitle {
    margin-bottom: 46px;
    color: var(--white);
}

.bannerimage .bannerinfo {
    margin-bottom: 24px;
    color: var(--white);
}

.bannerimage .hero-text-container.topalign {
    justify-content: flex-start;
    padding-top: 89px;
    align-items: center;
}

.bannerimage .hero-text-container.bottomalign {
    justify-content: flex-end;
    padding-bottom: 89px;
    align-items: center;
}

.bannerimage .hero-text-container.centeralign {
    justify-content: center;
    /*padding-top: 142px;*/
    align-items: center;
}

.homehero .hero-text{
    max-width:700px; margin: auto;
}
.homehero .hero-logo {
    width: 173px;
    height: auto;
    margin: auto;
    display: block;
    margin-bottom: 10px;
}

.image-content-box {
}

.image-content-box .image-box img{
    max-height: 850px;
}

.image-content-box .content-box {
    position: sticky;
    position: -webkit-sticky;
    top: 71px;
}
.image-content-box.rightimg .content-box {
    margin-right:127px;
}
.image-content-box.leftimg .content-box {
    margin-left:127px;
}

.image-content-box h2{margin-bottom:40px;}
.image-content-box .buttons-wrap .btn{margin-top:40px;}

/* four card section */

.fourcards-section .cards-four-container {
    margin-top: 70px;
}
    
.fourcards-section .title {
    margin-bottom: 50px;
}

.fourcards-section .description {
    margin-bottom: 40px;
}

.fourcards-section .card-title {
    margin-bottom: 20px;
}

.fourcards-section .cards-four-container .card-header-div {
    display: flex;
    padding: 33px 0 29px;
    font-size: 16px;
}

.fourcards-section .cards-four-container .card-header-div {
    justify-content: space-between;
    padding: 25px 0px 30px 0px;
    border-top: 1px solid #000000;
}

.play-button-container {
    position: relative;
}

    .play-button-container .playbutton {
        position: absolute;
        width: 130px;
        z-index: 2;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

        .play-button-container .playbutton img {
            width: 130px;
        }

/* blog carousel */

.blog-carousel-wrap {
    margin: 50px 0 16px;
}

.blog-carousel .item {
    position: relative;
}

.blog-carousel .carousel-info {
    position: absolute;
    bottom: 10px;
    padding: 0 100px;
    display: flex;
    z-index: 10;
    align-items: center;
    width: 100%;
    transition: 1.5s;
    -webkit-transition: 1.5s;
    opacity: 0;
}

.blog-carousel .owl-item.active .carousel-info {
    bottom: 60px;
    opacity: 1;
}

.blog-carousel .carousel-info a {
    flex: 0 0 140px;
}

.blog-carousel .carousel-info .details {
    margin-left: 24px;
    color: white;
}

    .blog-carousel .carousel-info .details h6, .blog-carousel .carousel-info .details p {
        text-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
        color: var(--white);
    }

.blog-carousel .owl-item {
    transition: 1.5s;
    -webkit-transition: 1.5s;
}

    .blog-carousel .owl-item:not(.active) {
        opacity: 0.2;
    }

.blog-carousel .carousel-image img {
    height: 666px;
    object-fit: cover;
}

/* footer */

.footer {
    background: var(--green);
    color: var(--white);
    padding-top: 45px;
    padding-bottom: 33px;
}

.footer p,
.footer a {
    color: var(--white);
}
.footer-bottom-header-container{margin-top:116px;}
.footer-bottom-header-container h2 {
    text-align: center;
}
.footer .contactinfo{
    margin-top:42px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.footer .contactinfo a{color: var(--white);}
.footer .contactinfo a:hover,
.footer .contactinfo a:focus{color: var(--white);}
.footer .header3 {
    color: var(--white);
}

.footer li {
    list-style-type: none;
}

.footer ul {
    padding: 0;
}

.footer p.Subscribe-header {
    font-family: var(--body-font);
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0px;
    text-align: left;
}

.footer .footer-text {
    margin-bottom: 25px;
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
    width: 60%;
}

.footer .input-search-label label {
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
}

.footer .email-input .emailtxt {
    background: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    padding: 12px;
    width: 100%;
    max-width: 325px;
    margin-right: 10px;
}

.footer .email-input .emailtxt::placeholder {
  color: rgba(255, 255, 255, 0.37);
  opacity: 1;
}

.footer .email-input .emailtxt::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.37);
}

.footer .email-input .emailbtn {
    background-color: var(--white);
    color: var(--green);
    padding: 10px;
    width: 106px;
    border: 1px solid var(--white);
}
.footer .email-input .emailbtn:hover {
    background-color: transparent;
    color: var(--white);
}

.footer .social-links a {
    width: unset;
    margin-left: 33px;
}

    .footer .social-links a:first-child {
        margin-left: 0px;
    }

.footer .social-links {
    margin-top: 36px;
}

.footer li {
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 20px;
}

    .footer li:last-child {
        margin-bottom: 0;
    }

.footer .subscribe-col {
    margin-right: 125px;
}

.footer .footer-row h6 {
    margin-bottom: 30px;
}

.footer-bottom-header-container h2 {
    color: var(--white);
    margin: 170px 0 49px;
    /* font-size: 8.33vw; */
    font-size: clamp(60px, 8.33vw, 135px);
    line-height: 1em;
}

.footer .bootom-first-header {
    text-align: right;
    font-family: var(--body-font);
    font-size: 32px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0px;
    margin-top: 35px;
    padding-right: 5%;
}

.footer .bottom-header-second {
    font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 20px;
}

/* card-container */

.card {
    background-color: transparent;
}

.cards-four-container .card .card-body {
    padding: 20px 0px;
}

.cards-four-container .card {
    border: none;
    margin-bottom: 60px;
}

    .cards-four-container .card .card-img-top {
        border-radius: 0px;
        object-fit: cover;
        height: 470px;
        background-color: #000;
        transition: 0.4s;
        -webkit-transition: 0.4s;
    }

.cards-four-container .cards-four-container .card {
    height: 100%;
}
.cards-four-container .item:hover .card-img-top,
.episode-box:hover .episode-img {
    filter: brightness(75%);
    -webkit-filter: brightness(75%);
}

.cards-four-container .item:hover .btn-green-fill{
    border-color: var(--green);
    background-color: var(--transparent);
    color: var(--green);
}
.episode-box:hover .episode-action .btn {
    border-color: var(--green);
    background-color: var(--green);
    color: var(--white);
}

/*Cards with horizontal scroll in mobile*/
.cards-four-container.hscroll .row {
    margin: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
}

    .cards-four-container.hscroll .row .col {
        padding: 0;
        flex: 0 0 405px;
        margin-right: 30px;
    }

        .cards-four-container.hscroll .row .col:last-child {
            margin-right: 0;
        }

/*Cards with single col in mobile*/
.cards-four-container.singlecol .card .card-img-top {
    height: 612px;
}

.cards-four-container.twocol .card .card-img-top {
    height: 291px;
}

/*Form*/
.login-form {
    margin-bottom: 30px;
}

.form-control-label, .form-label {
    font-size: 14px;
    line-height: 1;
    color: var(--black);
    margin-bottom: 5px;
    display: block;
}

.form-control {
    background-color: transparent;
    border: 1px solid var(--darkGray);
    color: var(--black);
    font-size: 14px;
    line-height: 1;
    padding: 14px 16px;
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 50px;
}

    .form-control:focus {
        border-color: var(--teal);
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-control.invalid {
        border-color: var(--red);
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: var(--transparent);
        color: var(--disabledText);
        border-color: var(--lightGray);
        outline: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.input-group .form-control.left-icon {
    padding-left: 40px;
}

.input-group .form-control.right-icon {
    padding-right: 40px;
}

.input-group .input-group-text {
    border: 0;
    background: var(--transparent);
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: absolute;
    left: 16px;
    top: 17px;
    z-index: 6;
}

.input-group .form-control.right-icon + .input-group-text {
    left: auto;
    right: 16px;
}

/*Checkbox-Radio*/
.form-check {
    padding: 0;
    display: flex;
    align-items: center;
}
li.form-check {
    display: block;
    list-style: none;
}
li.form-check .form-check-input {
    margin-left: 0;
    margin-right: 0.8rem;
}
    .form-check .form-check-label {
        color: var(--black);
    }

    .form-check .form-check-input, .form-check .form-check-label {
        cursor: pointer;
    }

    .form-check .form-check-input {
        border: 1px solid var(--black);
        background-size: auto;
    }

    .form-check.small .form-check-input {
        width: 16px;
        height: 16px;
        margin: 2px 7px 0 0;
    }

    .form-check.large .form-check-input {
        width: 24px;
        height: 24px;
        margin: -1px 7px 0 0;
    }

.form-check-input[type=checkbox]:checked {
    background-color: var(--green);
    border-color: var(--green);
}

.form-check.small .form-check-input:checked[type=checkbox] {
    background-image: url("../images/icons/small-chk-icon.png");
}

.form-check.large .form-check-input:checked[type=checkbox] {
    background-image: url("../images/icons/large-chk-icon.png");
}

.form-check.small .form-check-input:checked[type=radio] {
    background-image: url("../images/icons/small-radio-icon.png");
    background-color: var(--white);
}

.form-check.large .form-check-input:checked[type=radio] {
    background-image: url("../images/icons/large-radio-icon.png");
    background-color: var(--white);
}

/*Modal UI*/
.modal .modal-dialog {
    max-width: 1150px;
    width: 94%;
    display: flex;
}

.modal p {
    color: var(--black);
}

.modal .modal-img-wrap {
    width: 550px;
    height: 100%;
    max-height: 100%;
    max-height: 699px;
    position: relative;
}

    .modal .modal-img-wrap .modal-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .modal .modal-img-wrap .modal-logo {
        position: absolute;
        left: 30px;
        top: 30px;
        z-index: 20;
        width: 150px;
        height: auto;
    }

.modal .modal-content {
    width: 600px;
    height: 100%;
    max-height: 699px;
}

.modal .modal-header, .modal .modal-body {
    padding: 26px 30px 23px;
}

.modal .signinbtns {
    margin: 50px 0 0;
}

.modal .orborder {
    position: relative;
    height: 1px;
    background-color: var(--disabledText);
    margin: 30px 0;
}

.modal .ortxt {
    padding: 0 15px;
    background-color: var(--white);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: -15px;
}

.modal .btn-close {
    background: none;
    opacity: 1;
    width: auto;
    line-height: 0;
    height: auto;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 50;
}


/*styleguide*/
.colorbox {
    height: 100px;
}

.black {
    background-color: var(--black);
}

.darkgray {
    background-color: var(--darkGray);
}

.midgray {
    background-color: var(--midGray);
}

.semilightgray {
    background-color: var(--semiLightGray);
}

.lightgray {
    background-color: var(--lightGray);
}

.white {
    background-color: var(--white);
}

    .white.border-1 {
        border: 1px solid #ccc;
    }

.teal {
    background-color: var(--teal);
}

.green {
    background-color: var(--green);
}

/* spacing */

.space-190 {
    margin-top: 190px;
}

.space-150 {
    margin-top: 150px;
}

.space-50 {
    margin-top: 50px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-40 {
    margin-top: 40px !important;
}

.my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

/*newsletter modal*/

.newsletter-modal .modal-dialog {
    max-width: 873px;
}

.newsletter-modal .modal-header {
    padding: 20px 34px;
}

.newsletter-modal .modal-body {
    padding: 80px 35px 23px;
}

.newsletter-modal .modal-img-wrap {
    max-height: 560px;
    width: 433px;
}

.newsletter-modal .modal-content {
    max-height: 560px;
    width: 435px;
}

.newsletter-modal .modal-header {
    border-bottom: 0;
}

.newsletter-logo {
    width: 37px;
    height: auto;
    margin: 0 auto 10px auto;
}

/*login modal*/
.btn-back {
    border: 0;
    background: none;
}

.login-modal .btn-back {
    display: none;
}

.login-modal .shape-logo {
    display: none;
}

/*Recipe Page*/
.gallery-box .gallery-img {
    width: 100%;
    height: 251px;
    object-fit: cover;
}

.gallery-box .gallery-video-img {
    width: 100%;
    height: 506px;
    object-fit: cover;
}

/*review-share box*/
.review-share-box {
    margin: 40px 0 50px;
    font-size: 20px;
}

    .review-share-box .star a::before {
        content: '';
        width: 6px;
        height: 6px;
        background-color: var(--black);
        margin: 0 10px;
        display: inline-block;
    }

    .review-share-box .star img {
        margin: -4px 10px 0 0;
    }

    .review-share-box .share {
        margin-left: 60px;
    }

        .review-share-box .share img {
            margin: -6px 10px 0 0;
        }

.cookedby-box .chef-info {
    max-width: 502px;
}

.cookedby-box .chef-img {
    width: 58px;
    height: 58px;
    object-fit: cover;
}

.chef-social {
    margin-top: 30px;
}

    .chef-social a {
        margin-right: 30px;
    }

.ingradient-list-box {
    width: 473px;
    margin-left: 88px;
}

hr {
    margin: 30px 0;
}

.cooking-time-box .pipe:after {
    content: "|";
    margin: 0 16px;
    color: var(--lightGray);
    display: inline-block;
    height: 21px;
}

.recipe-detail-box h5 {
    margin-bottom: 30px;
}

.recipe-detail-box ul, .recipe-detail-box ol {
    padding-left: 20px;
}

.recipe-detail-box li {
    margin-bottom: 28px;
    color: var(--darkGray);
}

.recipe-detail-box ol li {
    padding-left: 16px;
}

.recipe-detail-box li:last-child {
    margin-bottom: 0;
}

.review-star {
    margin: 30px 0;
}

    .review-star a img {
        width: 48px;
        height: 48px;
        fill: var(--disabledText);
    }

.greenbox {
    background-color: var(--green);
    padding: 19px 25px 28px;
    color: var(--white);
    margin-bottom: 30px;
}

    .greenbox a {
        color: var(--white);
        padding-bottom: 7px;
        border-bottom: 1px solid var(--white);
    }

.white-box {
    background-color: var(--white);
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
    padding: 30px 25px;
    width: 473px;
}

.product-list-box {
    margin-left: 88px;
}

    .product-list-box .box-title {
        margin-bottom: 69px;
    }

.product-list .product-img {
    width: 118px;
    height: 118px;
    object-fit: cover;
    border: 1px solid var(--lightGray);
}

.product-list .size-box {
    margin-top: 25px;
    display: flex;
}

    .product-list .size-box select {
        margin-right: 16.5px;
        max-width: 100px;
    }

.tabbtns {
    margin: 100px 0;
    overflow-x: auto;
}

    .tabbtns .btn {
        margin-right: 20px;
        margin-bottom: 15px;
        white-space: nowrap;
    }

        .tabbtns .btn:last-child {
            margin-right: 0;
        }

/*Flagship popover*/
.flagship-pop {
    width: 600px;
    height: 170px;
    position: fixed;
    bottom: 50px;
    right: 60px;
    display: flex;
    z-index: 200;
    background-color: var(--white);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.flagship-close {
    top: 0;
    right: 0;
    z-index: 201;
    position: absolute;
    border: 0;
    background: none;
    display: flex;
    padding: 15px 17px;
}

    .flagship-close img {
        width: 10px;
        height: 10px;
    }

.flagship-img {
    width: 170px;
}

.flagship-info {
    padding: 38px 71px;
}

    .flagship-info h6 {
        margin-bottom: 26px;
    }

.flagship-pop .flagship-info.min {
    display: none;
}

.flagship-pop.minimized {
    padding: 4px;
    height: 60px;
    width: 170px;
}

    .flagship-pop.minimized .flagship-img {
        width: 52px;
        height: 52px;
    }

    .flagship-pop.minimized .flagship-info.max,
    .flagship-pop.minimized .flagship-close {
        display: none;
    }

    .flagship-pop.minimized .flagship-info.min {
        display: block;
        padding: 6px 0 6px 15px;
    }

        .flagship-pop.minimized .flagship-info.min h6 {
            margin-bottom: 8px;
        }
.flagship-pop .notification{display:none;}

/* Pagination */

.pagination__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;
}

    .pagination__wrapper .pagination {
        display: flex;
        align-items: center;
    }

    .pagination__wrapper .page {
        display: flex;
        align-items: center;
    }

    .pagination__wrapper .button {
        border: 0;
        background: none;
        width: 24px;
        height: 24px;
    }

        .pagination__wrapper .button.prev {
            margin-right: 20px;
        }

        .pagination__wrapper .button.next {
            margin-left: 20px;
        }

        .pagination__wrapper .button.disabled,
        .pagination__wrapper .button.disabled:hover{
            color: var(--disabledText);
            text-decoration:none;
            cursor:default;
        }

    .pagination__wrapper .page .form-control {
        width: 60px;
        height: 40px;
        margin-right: 12px;
        border-color: var(--lightGray);
    }

/*Podcast*/
.podcast-title {
    display: flex;
    align-items: flex-end;
}

    .podcast-title .plogo {
        position: relative;
        left: -20px;
        top: -20px;
    }

.episode-box .episode-img {
    width: 300px;
    height: 201px;
    object-fit: cover;
    margin-right: 25px;
}

.episode-box .episode-info h6 {
    line-height: 1.5;
}

.episode-box .play-date {
    display: flex;
    align-items: center;
}

    .episode-box .play-date button {
        margin-right: 20px;
        border: 0;
        background: none;
    }

.episode-action .ep-links {
    display: flex;
    align-items: end;
}

.episode-box .ep-links a {
    margin-left: 43px;
}

.episode-box .ep-links img {
    margin-right: 8px;
}

.episode-box .episode-action {
    display: flex;
    justify-content: space-between;
}

.podcast-time {
    margin-top: 50px;
    display:flex; align-items:center;
}

.podcast-action {
    margin-top: 50px; display:flex; align-items:center;
}

    .podcast-action button {
        border: 0;
        background: none;
        margin-right: 37px;
    }

    /*.podcast-action a {
        margin-right: 43px;
    }*/

        .podcast-action a.mr {
            margin-right: 43px;
        }
        .podcast-action a img{margin-right:9px;}

        .postsCarousel .owl-stage {
            padding-left: 0px !important;
        }

#scrollTop{cursor:pointer;}
.separatedot {
    font-size: 7px;
    color: var(--black);
    margin: 0 10px;
}
.backlink{display:flex; align-items:center; color:var(--darkGray);}
.backlink:hover{color:var(--green);}
.backlink img{margin-right:16px;}
.elipsis-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}
.elipsis-3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
}
.fourcolsummary{height:100px;}
.featurehost{margin-top:50px;}
.eventdetailwrap{margin-bottom:54px;}
.eventdetailwrap:last-child{margin-bottom:0;}
.eventdetailwrap .item:nth-child(1) {
    padding-right: 40px;
}
.eventdetailwrap .item:nth-child(2){padding-left:40px;}
.eventdetailwrap .item.border-col{border-left:1px solid var(--lightGray);}
.eventdetailinfo {
    display: flex; align-items:flex-start;
}
.eventdetailinfo .icon{width:24px; height:auto; margin-right:15px; margin-top:8px;}
.eventdetailinfo .info label{color:var(--black);}
.eventdetailinfo .info p{color:var(--darkGray);}
.eventdetailinfo .info p{color:var(--darkGray);}
.eventdetailinfo .info p .light{color:var(--semiLightGray);}
.eventdetailinfo.border-col{}
.onlineeventbtn{display:none; margin-left:20px;}

.videomodal .modal-dialog {
    max-width:700px;
}
.videomodal .modal-body, .videomodal .modal-content{
    border-radius:0;
    -webkit-border-radius:0;
    padding:0;
    width:100%;
}
.videomodal .modal-body iframe{
    width:100%;
    height:500px;
}
.embedCodeBtn{border:0; background:none;}

.search-result-item{padding:1.5rem 0; border-bottom:1px solid var(--lightGray);}

.contact-button .btn{
    border-color: var(--green) !important;
    background-color: var(--green) !important;
    color: var(--white) !important;
}
.contact-button .btn:hover,
.contact-button .btn:focus,
.contact-button .btn:active {
    border-color: var(--green) !important;
    background-color: var(--transparent) !important;
    color: var(--green) !important;
}
.icon-link span{display:flex; align-items:center;}

/*New flag css*/
/*.flagship-pop.flagsignup{
  width: 675px;
  height: 192px;
}*/
.flagship-pop.flagsignup.minimized {
    display:none;
    padding: 4px;
    height: 60px;
    width: 170px;
}
/*.flagship-pop.flagsignup .flagship-img {
    width: 193px;
    display: block;
}*/
.flagship-pop.flagsignup.minimized .flagship-img {
    width: 52px;
    height: 52px;
}
.flagship-pop.flagsignup .flagship-info {
    padding: 36px 50px;
}
.flagship-pop.flagsignup .flagship-info h6 {
    margin-bottom: 16px;
    font-size: 30px;
}
.flagship-pop.flagsignup.minimized .flagship-info h6 {
    margin-bottom: 0;
    font-size: 14px;
}
.flagship-pop.flagsignup label {
    display: none;
}
.flagship-pop.flagsignup input[type="text"],
.flagship-pop.flagsignup input[type="email"] {
    background-color: transparent;
    border: 1px solid var(--darkGray);
    color: var(--black);
    font-size: 20px;
    line-height: 1;
    padding: 14px 16px;
    width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 50px;
}
.flagship-pop.flagsignup .flagbtn button{
  font-family: var(--body-font);
    font-size: 16px;
    font-weight: 400;
    padding: 16px 22px;
    border: 1px solid;
    border-radius: 0;
    -webkit-border-radius: 0;
    cursor: pointer;
    max-height: 50px;
  border-color: var(--green);
    background-color: var(--green);
    color: var(--white);
  line-height: 1;
  margin-left:1rem;
}
.flagship-pop.flagsignup .flagbtn button:hover, 
.flagship-pop.flagsignup .flagbtn button:focus, 
.flagship-pop.flagsignup .flagbtn button:active {
    border-color: var(--green);
    background-color: var(--transparent);
    color: var(--green);
}
.flagship-pop.flagsignup .alert {
    font-size: 1rem;
    margin: 2rem !important;
}
.joinform .form-control{width:289px !important;}
.joinform .flagbtn{ margin:0 !important;}
.joinform .flagbtn button{background:var(--green); border: 1px solid var(--green); color:var(--white);margin-top:35px;margin-left:8px;}
.joinform .flagbtn button:hover{background:transparent; border: 1px solid var(--green); color:var(--green);}

.footerjoinform .joinform .form-label {
    color: var(--white);
    font-family: var(--body-font);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
}
.footerjoinform .joinform .form-control{
    background: transparent;
    border: 1px solid var(--white);
    color: var(--white);
    padding: 12px;
    width: 100%;
    max-width: 325px;
    margin-right: 10px;
    height: 58px;
}
.footerjoinform .joinform .flagbtn{ margin:0 !important;}
.footerjoinform .joinform .flagbtn button{
    background: var(--white);
    color: var(--green);
    padding: 10px;
    width: 106px;
    border: 1px solid var(--white);
    height: 58px;
    max-height: unset;
    font-size: 20px;
    margin-top: 43px;
}
.footerjoinform .joinform .flagbtn button:hover{background:transparent; border: 1px solid var(--white); color:var(--white);}